.band{background:var(--mesh);text-align:center;padding:96px 32px 72px}.band-inner{max-width:760px;margin:0 auto}.band-inner h1{margin-bottom:14px;font-size:clamp(2.2rem,4.2vw,3.2rem);font-weight:800}.band-inner p{color:var(--gray-text);font-size:1.08rem}.band-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:18px;display:flex}.badge{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep);border-radius:var(--radius-pill);background:#0097b21a;padding:6px 12px;font-size:.74rem;font-weight:800;display:inline-block}.band-date{color:var(--gray-text);font-size:.9rem}#articles{background:var(--white);padding:72px 32px 110px}.articles-inner{max-width:1180px;margin:0 auto}.articles-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.article-card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.article-card-media{aspect-ratio:16/9;background:var(--gray-bg);overflow:hidden}.article-card-media img{object-fit:cover;width:100%;height:100%}.article-card-fallback{background:linear-gradient(135deg, var(--teal-deep) 0%, var(--teal) 55%, var(--green) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.article-card-media .article-card-fallback img{object-fit:contain;width:46%;height:auto}.article-card-body{flex-direction:column;flex:1;gap:10px;padding:24px 24px 28px;display:flex}.article-card-body h3{font-size:1.1rem;font-weight:800;line-height:1.3}.article-card-body h3 a:hover{color:var(--teal)}.article-card-body p{color:var(--gray-text);flex:1;font-size:.92rem}.article-card-body .read-more{font-family:var(--font-heading);color:var(--teal);font-size:.9rem;font-weight:700}.article-card-body .read-more:after{content:" →"}.articles-empty{text-align:center;color:var(--gray-text);padding:48px 0}.prose-wrap{background:var(--white);padding:64px 32px 110px}.prose{max-width:760px;margin:0 auto}.prose-hero-img{border-radius:var(--radius-card);box-shadow:var(--shadow-md);width:100%;margin:0 auto 40px}.prose p{color:var(--gray-text);margin-bottom:18px;font-size:1.05rem}.prose h2{margin:40px 0 14px;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:800}.prose h3{margin:30px 0 10px;font-size:1.2rem;font-weight:800}.prose ul,.prose ol{color:var(--gray-text);margin:0 0 18px;padding-left:26px;font-size:1.02rem}.prose li{margin-bottom:8px}.prose a{color:var(--teal);text-underline-offset:3px;font-weight:600;text-decoration:underline}.prose img{border-radius:14px;margin:26px auto}.prose blockquote{border-left:3px solid var(--sky);color:var(--gray-text);margin:26px 0;padding-left:22px;font-style:italic}.prose hr{border:none;border-top:1px solid var(--gray-light);margin:36px 0}.prose table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:.95rem}.prose th,.prose td{border:1px solid var(--gray-light);text-align:left;vertical-align:top;padding:10px 12px}.prose th{background:var(--gray-bg);font-family:var(--font-heading);font-weight:800}.prose-back{font-family:var(--font-heading);color:var(--teal);margin-top:44px;font-weight:700;display:inline-block}.prose-back:before{content:"← "}.draft-notice{color:#7a4b00;background:#fff7e6;border:1.5px solid #f5c26b;border-radius:14px;max-width:760px;margin:0 auto 32px;padding:14px 18px;font-size:.95rem}.draft-notice strong{font-family:var(--font-heading)}@media (width<=1024px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.articles-grid{grid-template-columns:1fr}.band{padding:72px 24px 56px}#articles,.prose-wrap{padding:56px 24px 80px}}.article-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 36px;display:flex}.chip{font-family:var(--font-heading,var(--font-heading));color:var(--charcoal);background:var(--gray-bg);border:1.5px solid var(--gray-light);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.chip span{color:var(--gray-text);font-size:.78rem;font-weight:600}.chip:hover{border-color:var(--teal);color:var(--teal-deep)}.chip.on{background:var(--teal-deep);border-color:var(--teal-deep);color:var(--white)}.chip.on span{color:#ffffffd9}.chip.tag{background:var(--white);font-weight:600}.chip-sep{background:var(--gray-light);width:1px;margin:0 6px}.pager{font-family:var(--font-heading,var(--font-heading));grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:48px;font-weight:700;display:grid}.pager>a:first-child{justify-self:start}.pager>a:last-child,.pager>span:last-child{justify-self:end}.pager a{color:var(--teal-deep)}.pager-pages{gap:6px;display:flex}.pager-pages a,.pager-pages span{border-radius:50%;place-items:center;min-width:38px;height:38px;display:inline-grid}.pager-pages span[aria-current]{background:var(--teal-deep);color:var(--white)}.pager-pages a:hover{background:var(--gray-bg)}a.badge:hover{filter:brightness(.95)}.badge-preview{color:#7a4b00;background:#fff3e0}.byline{color:var(--gray-text);margin-top:14px;font-size:.95rem}.byline .author{color:var(--charcoal);font-weight:600}.post-tags{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.related{background:var(--gray-bg)}.related-title{text-align:center;margin-bottom:32px;font-size:1.6rem;font-weight:800}.preview-note{color:#7a4b00;text-align:center;background:#fff3e0;padding:10px 16px;font-size:.95rem}@media (width<=640px){.pager{grid-template-columns:1fr 1fr}.pager-pages{display:none}}