:root{--blog-col: 860px}.blog-hero{min-height:auto;padding-bottom:clamp(40px,4vh,56px)}.blog-hero .container{max-width:var(--blog-col)}.blog-hero .hero-kicker{margin-bottom:18px}.blog-hero h1{font-size:clamp(2.1rem,4.2vw,3.2rem);max-width:none;margin:0 0 16px}.blog-hero .hero-lead{max-width:none;font-size:1.06rem;margin-bottom:0}.blog-hero .blog-entry-date{border-color:#ffffff47;background:#ffffff1a;color:#eaf0ff}.blog-band{background:var(--app-surface-bg);padding:56px 0 96px}.blog-feed{max-width:var(--blog-col);margin:0 auto;display:flex;flex-direction:column;gap:20px}.blog-card{display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--app-border-color);border-radius:14px;background:var(--app-surface-elevated-bg);box-shadow:0 1px 2px #0f172a0a,0 6px 20px #0f172a0d;text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.blog-card-body{flex:1 1 auto;min-width:0;padding:22px clamp(20px,3vw,30px)}.blog-cover{position:relative;flex:0 0 auto;width:clamp(108px,15vw,150px);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}.blog-cover--shot:after{display:none}.blog-cover--shot img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.blog-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 22%,rgba(255,255,255,.22),transparent 55%)}.blog-cover-fg{position:relative;font-size:2rem;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))}.blog-cover-bg{position:absolute;right:-14px;bottom:-18px;font-size:6rem;opacity:.14;transform:rotate(-8deg)}.blog-cover--0{background:linear-gradient(135deg,#3459e6,#1b2a6b)}.blog-cover--1{background:linear-gradient(135deg,#5b3fd6,#241155)}.blog-cover--2{background:linear-gradient(135deg,#0e7aa8,#0a2e44)}.blog-cover--3{background:linear-gradient(135deg,#3b4a8a,#1a1f3c)}.blog-cover--4{background:linear-gradient(135deg,#c07d1e,#4a2c07)}.blog-cover--5{background:linear-gradient(135deg,#1f7a8c,#0a2836)}.blog-card:hover,.blog-card:focus-visible{transform:translateY(-2px);border-color:#3459e680;box-shadow:0 2px 4px #0f172a0f,0 14px 36px #0f172a1a;color:inherit}.blog-card:focus-visible{outline:3px solid rgba(52,89,230,.35);outline-offset:3px}.blog-card-title{color:var(--app-heading-color);font-weight:800;font-size:clamp(1.24rem,2.2vw,1.5rem);line-height:1.24;margin:12px 0 10px}.blog-card:hover .blog-card-title,.blog-card:focus-visible .blog-card-title{color:var(--brand-primary)}.blog-card-excerpt{color:var(--app-muted-color);line-height:1.7;margin:0 0 14px}.blog-readmore{display:inline-flex;align-items:center;gap:6px;color:var(--brand-primary);font-weight:700;font-size:.94rem}.blog-readmore i{transition:transform .16s ease}.blog-card:hover .blog-readmore i,.blog-card:focus-visible .blog-readmore i{transform:translate(3px)}.blog-article-hero{padding-bottom:clamp(18px,2.4vh,28px)}.blog-article-hero .blog-back{margin-bottom:0}.blog-article-head{margin-bottom:24px}.blog-article-title{color:var(--app-heading-color);font-weight:800;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.2;margin:0 0 14px}.blog-article-head .blog-entry-meta{margin:0}.blog-back{display:inline-flex;align-items:center;gap:7px;color:#ffffffd1;font-weight:600;font-size:.94rem;text-decoration:none}.blog-back:hover,.blog-back:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}.blog-article{max-width:var(--blog-col);margin:0 auto;padding:clamp(30px,4vw,52px) clamp(22px,4vw,56px);border:1px solid var(--app-border-color);border-radius:16px;background:var(--app-surface-elevated-bg);box-shadow:0 1px 2px #0f172a0a,0 6px 20px #0f172a0d}.blog-shot-figure{margin:0 0 26px;border-radius:12px;overflow:hidden;border:1px solid var(--app-border-color);box-shadow:0 1px 2px #0f172a0d,0 8px 24px #0f172a14}.blog-shot-figure img{width:100%;height:auto;display:block}.blog-back-bottom{margin-top:30px;padding-top:22px;border-top:1px solid var(--app-border-color);color:var(--brand-primary)}.blog-back-bottom:hover,.blog-back-bottom:focus-visible{color:var(--brand-primary-hover)}.blog-entry-meta{margin-bottom:4px}.blog-entry-date{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border:1px solid rgba(52,89,230,.22);border-radius:999px;background:#3459e612;color:var(--brand-deep);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}.blog-entry-date i{font-size:.92em;opacity:.85}.blog-entry-body{color:#3f4652;font-size:1.05rem}.blog-entry-body p{line-height:1.85;margin:0 0 16px}.blog-entry-body p:last-child{margin-bottom:0}.blog-entry-body strong{color:var(--app-heading-color);font-weight:700}.blog-entry-body a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px}.blog-entry-body a:hover{color:var(--brand-primary-hover)}.blog-entry-body code{padding:1px 6px;border-radius:5px;background:var(--app-soft-bg);color:var(--brand-deep);font-size:.9em}.blog-empty{max-width:620px;margin:8px auto;padding:48px 28px;text-align:center;border:1px dashed var(--app-border-color);border-radius:16px;background:var(--app-surface-elevated-bg)}.blog-empty-icon{display:inline-flex;font-size:2.4rem;color:var(--brand-primary);opacity:.7;margin-bottom:14px}.blog-empty p{color:var(--app-muted-color);font-size:1.06rem;line-height:1.7;margin:0}@media(max-width:575.98px){.blog-card-body{padding:18px 16px}.blog-article{padding:22px 20px}.blog-cover{width:96px}.blog-cover-fg{font-size:1.7rem}}
