.blog-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px 0 64px}.blog-hero h1{font-size:clamp(40px,5vw,66px)}.blog-hero p:not(.eyebrow){max-width:48ch;font-size:18px}.blog-hero figure{margin:0;overflow:hidden;border:1px solid var(--ink);border-radius:28px;background:var(--lavender)}.blog-hero figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.blog-hero figcaption{padding:12px 18px;font:500 11px var(--meta);text-align:center}.blog-meta,.blog-help{font-size:13px!important;color:var(--muted)}.blog-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end;padding:22px;background:var(--lavender);border:1px solid var(--ink);border-radius:22px}.blog-page label,.blog-admin-layout label{display:block;font-size:14px;font-weight:500}.blog-page input:not([type=checkbox]),.blog-page select,.blog-page textarea,.blog-admin-layout input:not([type=checkbox]),.blog-admin-layout select,.blog-admin-layout textarea{display:block;width:100%;min-width:0;min-height:46px;margin:8px 0 0;border:1px solid var(--ink);border-radius:12px;padding:12px 14px;background:#fffefa;font:inherit;line-height:1.6}.blog-page textarea,.blog-admin-layout textarea{resize:vertical}.blog-page small,.blog-admin-layout small{display:block;font-size:12px;color:var(--muted);margin-top:7px;font-weight:400}.blog-page input[type=checkbox],.blog-admin-layout input[type=checkbox]{width:20px;height:20px;flex:none;margin:0;accent-color:#07685d}.blog-filters button{min-height:48px}.blog-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}.blog-card{min-width:0;overflow:hidden;border:1px solid var(--ink);border-radius:24px;background:var(--white);display:flex;flex-direction:column}.blog-card>a{display:block;text-decoration:none;color:inherit;flex:1}.blog-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--blue)}.blog-card-copy{padding:26px}.blog-card h3{font-size:25px;overflow-wrap:break-word}.blog-card p{font-size:15px}.blog-card .blog-meta{font-size:12px!important;line-height:1.6}.blog-card .eyebrow{font-size:10px}.blog-card:hover{background:#fff7db}.blog-card.featured{background:var(--mint)}.blog-badge{display:inline-block;border:1px solid var(--ink);border-radius:50px;background:var(--yellow);font-size:10px;padding:3px 9px;margin-bottom:14px}.blog-empty{grid-column:1/-1;padding:35px;border:1px solid var(--ink);border-radius:22px;background:var(--blue)}#blog-status{margin:22px 0 0;font-size:13px}#blog-more{margin-top:25px}.blog-writing{max-width:790px;margin:50px auto!important;padding:34px;border:1px solid var(--ink);border-radius:26px;background:var(--white)}.blog-writing h2{font-size:34px}.blog-writing form>label+label,.blog-admin-layout form>label+label{margin-top:22px}.blog-consent{display:flex!important;align-items:flex-start;gap:13px;font-size:13px!important;line-height:1.65}.blog-consent input{margin-top:4px!important}.blog-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.blog-guidelines{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--ink);padding-top:36px}.blog-guidelines h2{font-size:30px}.blog-guidelines h3{font-size:23px}.blog-guidelines p{font-size:15px}#blog-feedback{background:var(--blue);padding:22px;border:1px solid var(--ink);border-radius:18px;margin:0 0 25px}#blog-feedback p{white-space:pre-wrap}.blog-reader{max-width:740px;margin:0 auto 60px!important}.blog-reader>img{width:100%;max-height:650px;object-fit:contain;margin:0 0 38px;border-radius:20px}.blog-prose{font-size:19px;line-height:1.95;overflow-wrap:break-word}.blog-prose p{white-space:pre-wrap;margin:0 0 1.5em}.blog-page.is-reading .blog-hero{display:block;max-width:740px;margin:auto;padding-bottom:30px}.blog-page.is-reading #blog-signature,.blog-page.is-reading #blog-deck{display:none}.blog-page.is-reading h1{font-size:clamp(34px,4.5vw,56px)}.blog-admin-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:30px}.blog-admin-layout>*{min-width:0}.blog-admin-settings{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:22px}.blog-admin-settings label{display:flex;align-items:center;gap:10px}.blog-admin-item{padding:18px 0;border-bottom:1px solid #ccc}.blog-admin-item h3{font-size:21px}.blog-admin-item p{font-size:13px;margin:6px 0}.blog-admin-item button{margin-top:8px}.blog-admin-layout form{margin-top:20px}.blog-admin-layout label:has(input[type=checkbox]){display:flex;gap:12px;align-items:center}.blog-admin-layout details{margin-top:30px}.blog-admin-layout summary{min-height:44px;padding:12px 0;font-weight:600}#blog-admin-history{font-size:13px;line-height:1.7}#blog-admin-current-image{width:180px;height:auto;margin:18px 0}.blog-admin-layout .admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.blog-page [role=status]{overflow-wrap:break-word}
@media(max-width:1000px){.blog-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-filters{grid-template-columns:1fr 1fr}.blog-filters label:first-child{grid-column:1/-1}.blog-filters button{justify-self:start}.blog-admin-layout{grid-template-columns:1fr}}
@media(max-width:800px){.blog-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 0 40px}.blog-hero figure{max-width:600px}.blog-hero p:not(.eyebrow){font-size:17px}.blog-hero h1{font-size:clamp(36px,7vw,52px)}.blog-guidelines{grid-template-columns:1fr;gap:24px}.blog-writing{padding:26px}.blog-prose{font-size:18px}}
@media(max-width:540px){.blog-hero h1{font-size:clamp(32px,9.5vw,43px)}.blog-hero{padding-top:25px}.blog-hero .actions{align-items:stretch;display:flex;flex-direction:column;gap:8px}.blog-hero .actions a{min-height:48px;justify-content:center}.blog-feed{grid-template-columns:1fr;gap:18px}.blog-card-copy{padding:23px}.blog-card h3{font-size:26px}.blog-filters{grid-template-columns:1fr;padding:18px}.blog-filters label:first-child{grid-column:auto}.blog-writing{padding:20px}.blog-writing h2{font-size:29px}.blog-prose{font-size:17px;line-height:1.85}.blog-page.is-reading h1{font-size:34px}.blog-reader>img{margin-bottom:26px}.blog-guidelines h2{font-size:27px}.blog-admin-settings{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.blog-page *{scroll-behavior:auto!important;transition:none!important}}
