:root{--ink:#0d0d0d;--paper:#f7f9f4;--silver:#d6ded1;--lime:#a3e635;--muted:#657064}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}a{color:inherit}.blog-shell,.article-shell,.admin-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding-bottom:100px}.blog-nav{min-height:76px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--silver)}.blog-nav>a:nth-child(2){margin-left:auto;color:var(--muted);font-size:14px;text-decoration:none}.blog-brand{font-weight:800;text-decoration:none}.blog-brand span{color:var(--lime)}.eyebrow,.article-meta{color:#668f19;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.blog-hero{max-width:780px;padding:92px 0 64px}.blog-hero h1,.article-detail h1{max-width:850px;margin:18px 0;font-size:clamp(50px,7vw,96px);line-height:1.02;letter-spacing:-.035em}.blog-hero p:last-child,.summary{max-width:660px;color:var(--muted);font-size:20px}.category-nav{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-top:1px solid var(--silver);border-bottom:1px solid var(--silver)}.category-nav a,.pagination a{padding:8px 11px;text-decoration:none}.category-nav .active{background:var(--lime)}.featured-article{margin:52px 0;padding:38px 0;border-bottom:2px solid var(--ink)}.featured-article h2{max-width:760px;font-size:clamp(34px,5vw,68px);margin:12px 0}.featured-article p{max-width:640px;color:var(--muted)}.featured-article a{color:#3f5f12;font-weight:800;text-decoration-color:var(--lime);text-underline-offset:6px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{min-height:310px;padding:24px;border:1px solid var(--silver);background:#fff;display:flex;flex-direction:column}.article-card h2{font-size:29px;margin:12px 0}.article-card h2 a{text-decoration:none}.article-card>p:not(.article-meta){color:var(--muted)}.article-card footer{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.pagination{margin-top:48px;display:flex;gap:16px;align-items:center}.article-detail{max-width:820px;padding:82px 0}.article-detail h1{font-size:clamp(48px,7vw,88px)}.article-detail>p:not(.summary):not(.byline),.article-detail>ul,.article-detail>details{max-width:680px}.article-detail>p:not(.summary):not(.byline){font-size:19px}.byline{color:var(--muted);font-size:13px}.article-detail h2{margin-top:54px;font-size:34px}.article-detail details{padding:18px 0;border-top:1px solid var(--silver)}.article-detail summary{font-weight:800;cursor:pointer}.admin-header{max-width:720px;padding:72px 0 38px}.admin-header h1{font-size:clamp(46px,6vw,80px);margin:12px 0}.admin-header p:last-child{color:var(--muted)}.editor-form{max-width:760px;display:grid;gap:18px}.editor-form label{display:grid;gap:7px;font-weight:700}.editor-form input,.editor-form textarea{width:100%;border:1px solid var(--silver);padding:12px;background:#fff;color:var(--ink);font:inherit}.editor-form textarea{min-height:120px}.editor-form button{width:max-content;padding:12px 18px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.audit-log{margin-top:26px;padding:20px;border-top:1px solid var(--lime);background:#fff}.audit-log p{color:var(--muted)}@media(max-width:700px){.blog-shell,.article-shell,.admin-shell{width:min(100% - 32px,1180px)}.blog-nav{gap:12px;flex-wrap:wrap;padding:12px 0}.blog-hero{padding:58px 0 42px}.blog-hero h1,.article-detail h1{font-size:48px}.blog-hero p:last-child,.summary{font-size:17px}.article-grid{grid-template-columns:1fr}}
/* PRD interaction states: search, empty/error feedback and touch-safe controls. */
.blog-search{display:flex;align-items:end;gap:12px;padding:0 0 18px}.blog-search label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.blog-search input{width:min(100%,420px);padding:10px 12px;border:1px solid var(--silver);background:#fff;color:var(--ink);font:inherit}.pagination a,.pagination button{padding:10px 14px;border:1px solid var(--ink);background:transparent;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.state-message{padding:24px 0;color:var(--muted)}.state-message--error{color:#9c312d}
@media(max-width:700px){.blog-search{display:block}.blog-search input{width:100%}.locale-switch{width:100%;overflow:auto}.locale-switch button{min-height:44px;white-space:nowrap}}
.key-takeaways{max-width:680px;margin:34px 0;padding:22px;border:1px solid var(--silver);background:#fff}.key-takeaways h2{margin:0 0 12px;font-size:24px}.key-takeaways ul{margin:0;padding-left:22px}.article-sources{max-width:680px;padding-top:18px;border-top:1px solid var(--silver)}[data-copy-link]{min-height:44px;padding:8px 12px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.copy-status{min-height:24px;color:var(--muted)}
/* Official Ring2.AI logo lockup for the light Blog surfaces. */
.blog-brand{display:inline-flex;align-items:center;gap:10px}.blog-brand img{display:block;width:154px;height:auto;max-height:32px;object-fit:contain;object-position:left center}.blog-brand .blog-wordmark{display:none}
/* Reading surface: keep long-form articles calm, narrow, and scannable. */
.article-detail h1{max-width:780px}.article-detail>p:not(.summary):not(.byline){line-height:1.7}.article-detail h2{margin:54px 0 16px;line-height:1.15}.article-detail ul{max-width:680px;padding-left:24px;line-height:1.7}