/* Expanded local features reuse the original ivory/charcoal/terracotta system. */
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.content-card{margin:0;min-width:0;display:flex;flex-direction:column}
.content-card h2{font-size:32px;overflow-wrap:anywhere}
.content-card .row{margin-top:auto}
.content-preview{line-height:1.8}
.content-search{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:24px 0}
.content-search .field{flex:1 1 180px;margin:0}
.reading{max-width:860px;margin-left:auto;margin-right:auto;padding:clamp(22px,5vw,60px)}
.article-body{font-family:var(--serif);font-size:21px;line-height:1.85;margin:36px 0;color:var(--ink)}
.plain-text{white-space:pre-wrap;overflow-wrap:anywhere}
.reading h1,.page-title h1,.panel,.line-item,.comment,.content-grid>*{overflow-wrap:anywhere;min-width:0}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.tag-list a{min-height:44px;display:inline-flex;align-items:center;padding:8px 16px}
.comments{max-width:860px;margin:48px auto}
.comment{margin-bottom:18px}
.report-form{margin:18px 0}
.report-form summary{font-size:12px;color:var(--muted)}
.demo-panel{border:1px dashed var(--accent);background:var(--white);margin:24px 0}
.demo-panel summary{color:var(--accent);font-weight:600;min-height:44px;cursor:pointer}
.demo-panel[open] summary{margin-bottom:20px}
.demo-panel .actions{flex-wrap:wrap}
textarea{width:100%;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:12px;resize:vertical;min-height:140px}
.subscription-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.subscription-fields .field{margin-bottom:0}
progress{width:100%;height:12px;accent-color:var(--accent)}
[data-quote-result]{margin-top:20px}
[data-quote-result] .panel{padding:20px}
form[aria-busy="true"]{cursor:progress}
.site-header nav{flex-wrap:wrap;gap:12px 20px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1100px){
 .site-header{flex-wrap:wrap;justify-content:space-between}
 .site-header nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:10px;justify-content:flex-start}
 .site-header nav a:not(:first-child){display:inline-flex}
}
@media(max-width:700px){
 .content-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .content-card h2{font-size:28px}
 .subscription-fields{grid-template-columns:minmax(0,1fr)}
 .site-header nav{justify-content:flex-start;gap:4px 16px}
 .site-header nav a:not(:first-child),.site-header nav a:first-child{display:inline-flex;font-size:12px;min-height:44px}
 .site-header nav a[href*="roast="]{display:none}
 .article-body{font-size:19px}
 .content-search{align-items:stretch}
 .content-search .field,.content-search button{flex-basis:100%}
 .demo-panel .line-item{align-items:flex-start;flex-direction:column;gap:12px}
 .demo-panel .actions{display:flex;flex-wrap:wrap;width:100%}
 .demo-panel button{max-width:100%}
 .reading{padding:22px}
 .panel .row{flex-wrap:wrap;gap:14px}
}
@media(prefers-reduced-motion:reduce){.content-card,.demo-panel{scroll-behavior:auto;transition:none}}