/* BRAND 2026: standalone editorial designs for bloggerjd.com */
:root {--radius:8px; --brand-ink:var(--ink)}
body{letter-spacing:.005em;background:var(--paper)}
body .topline{height:5px;background:var(--accent)}
body header{background:var(--deep);color:#fff;box-shadow:none;border-bottom:0}
body .header-inner{max-width:1370px;padding:19px 35px}
body .brand,body .main-nav a{color:#fff!important}
body .brand small{color:#ffffffaa}
body .brand-icon{background:var(--accent);color:var(--deep);border-radius:3px}
body .shell{max-width:1320px}
body .hero{margin-top:38px;position:relative;border-radius:4px;overflow:hidden;padding:44px 45px;min-height:370px;background:var(--hero-bg);border:1px solid var(--line)}
body .hero h1{font-weight:900;max-width:800px;letter-spacing:-.065em;line-height:1.35}
body .hero .lead{line-height:1.95;max-width:600px}
body .hero-panel{box-shadow:none;background:var(--panel-bg);color:var(--panel-ink);border:1px solid var(--panel-border);border-radius:4px}
body .hero-panel h2,body .hero-panel p,body .hero-panel .eyebrow{color:var(--panel-ink)}
body .hero-panel .mini-row{border-color:var(--panel-border)}
body .hero-panel .mini-row span{opacity:.82}
body .hero-panel .pill{color:var(--deep);background:var(--accent)}
body .card{border-radius:6px;background:var(--surface);border:1px solid var(--line);padding:25px;min-height:195px;position:relative}
body .card .icon{border-radius:3px;background:var(--soft)}
body .card:hover{box-shadow:7px 7px 0 var(--shadow-color);transform:translate(-3px,-3px)}
body .section-head h2,body .side-box h2{letter-spacing:-.04em}
body .article{border-radius:4px;border:0;box-shadow:0 14px 52px #14252a0a;padding:40px 45px}
body .article h1{font-weight:850;letter-spacing:-.052em}
body .article .intro{font-size:16px;line-height:2.0}
body .article h2{border-bottom:0;padding:0 0 4px 16px;border-left:4px solid var(--accent)}
body .side-box{border-radius:4px}
body .tool{border-radius:4px}
body .button,body button{border-radius:4px}
body .callout{border-radius:4px}
body .field-notes{margin:26px 0;padding:22px 26px;border:1px solid var(--line);background:var(--soft);border-radius:4px}
body .field-notes h2{font-size:20px;margin:0 0 15px;border:0;padding:0}
body .field-notes ol{margin:0;padding-left:24px}
body .field-notes li{line-height:1.85;margin:7px 0}
body .mini-kicker{margin:0 0 9px!important;font-size:12px!important;font-weight:800;color:var(--accent);letter-spacing:.1em}
body .field-table{display:grid;grid-template-columns:minmax(150px,.6fr) 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
body .field-table>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 15px;background:#fff;font-size:14px}
body .field-table>div:nth-child(odd){font-weight:700;background:var(--soft)}
body .decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body .decision-grid a{background:#fff;padding:18px;border:1px solid var(--line);display:block;text-decoration:none;border-radius:4px}
body .decision-grid b{display:block;color:var(--ink)}
body .decision-grid span{font-size:13px;color:var(--muted)}
body .feature-band{margin:30px 0 38px;padding:23px 28px;background:var(--accent);color:var(--deep);border-radius:4px;display:flex;justify-content:space-between;gap:25px;align-items:center}
body .feature-band p{margin:4px 0 0;color:var(--deep);font-size:13px;opacity:.9}
body .feature-band a{color:var(--deep);font-weight:800;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
body .feature-band .eyebrow{color:var(--deep);opacity:.8}
body .site-footer{background:var(--deep);color:#ffffffcb;border:0}
body .site-footer a{color:#fff}
body .site-footer strong{color:#fff}
body .site-footer .footer-inner{max-width:1300px}
body .section-head{margin-top:45px}
body .label-pill{display:inline-flex;padding:3px 9px;border-radius:3px;background:var(--accent);color:var(--deep);font-size:11px;font-weight:850}
body .brand-note{background:#ffffffc9;border:1px solid var(--line);border-left:5px solid var(--accent);padding:13px 18px;margin:12px 0 25px;font-size:14px;color:var(--muted)}
body .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:900px){body .hero{padding:25px;gap:25px}.decision-grid{grid-template-columns:1fr}}
@media(max-width:620px){body .header-inner{padding:17px 19px}body .hero{padding:25px 19px;min-height:0}body .hero h1{font-size:30px}body .article{padding:24px 20px}body .feature-band{display:block;padding:20px}body .feature-band a{display:inline-block;margin-top:14px;white-space:normal}body .field-notes{padding:17px}body .field-table{grid-template-columns:1fr}body .decision-grid{grid-template-columns:1fr}body .cards{grid-template-columns:1fr}}

body.pi{--accent:#E2AC78;--deep:#263148;--ink:#243049;--paper:#F9F4ED;--surface:#FFFDFA;--line:#E1D4C5;--soft:#F5E6D8;--hero-bg:linear-gradient(125deg,#E8DCCB,#FAF6F1 56%,#FAEFE3);--panel-bg:#263148;--panel-ink:#fff;--panel-border:#47526D;--shadow-color:#D5B695}body.pi .hero:before{content:'π';position:absolute;right:30%;top:12%;font-size:210px;opacity:.045;line-height:1}body.pi .hero{grid-template-columns:1.25fr .85fr}body.pi .card:nth-child(even){background:#F9EAD9}body.pi .article h1{font-family:'Noto Serif CJK JP',serif}body.pi .cards{grid-template-columns:repeat(2,minmax(0,1fr))}body.pi .hero-panel #quoteStatus{color:#fff}