/* Article-only improvements. The nine A+ pages do not load this sheet. */
body[data-annie-article] { --ac-accent:#1f45ff; --ac-paper:#faf8f5; }
body[data-annie-article] [data-ac] { box-sizing:border-box; color:inherit; overflow-wrap:anywhere; }
body[data-annie-article] [data-ac] * { box-sizing:border-box; }
body[data-annie-article] .ac-panel { padding:28px!important; margin:32px 0!important; border:1px solid #e4e0da; border-top:4px solid var(--ac-accent); border-radius:6px; background:var(--ac-paper); text-align:left!important; }
body[data-annie-article] [data-ac] .ac-kicker { margin:0 0 12px!important; color:var(--ac-accent)!important; font-size:12px!important; font-weight:800!important; letter-spacing:.07em; }
body[data-annie-article] [data-ac] h2 { margin:0 0 16px!important; font-size:clamp(21px,3vw,27px)!important; line-height:1.6!important; letter-spacing:0!important; font-weight:800!important; }
body[data-annie-article] [data-ac] h3 { margin:24px 0 8px!important; font-size:18px!important; line-height:1.7!important; }
body[data-annie-article] [data-ac] p { margin:0 0 14px!important; font-size:15px!important; line-height:1.9!important; }
body[data-annie-article] [data-ac] .ac-fine { color:#5a5a5a!important; font-size:12px!important; line-height:1.8!important; margin:12px 0 0!important; }
body[data-annie-article] [data-ac] .ac-button { display:flex!important; align-items:center; justify-content:space-between; gap:14px; min-height:56px; width:100%; padding:17px 20px!important; margin:20px 0 0!important; border:2px solid var(--ac-accent); border-radius:5px; background:var(--ac-accent)!important; color:#fff!important; font-size:16px!important; line-height:1.5!important; font-weight:800; text-decoration:none!important; }
body[data-annie-article] [data-ac] .ac-button:hover { filter:brightness(.9); }
body[data-annie-article] [data-ac] a:focus-visible,body[data-annie-article] [data-ac] button:focus-visible,body[data-annie-article] [data-ac] summary:focus-visible { outline:3px solid #111!important; outline-offset:4px; }
body[data-annie-article] [data-ac] .ac-button svg { width:21px; height:21px; flex:none; }
body[data-annie-article] [data-ac] .ac-benefits { list-style:none; padding:0!important; margin:18px 0!important; }
body[data-annie-article] [data-ac] .ac-benefits li { position:relative; padding:12px 0 12px 30px!important; margin:0!important; border-bottom:1px solid #e4e0da; font-size:14px; line-height:1.8; }
body[data-annie-article] [data-ac] .ac-benefits li::before { content:''; position:absolute; left:3px; top:17px; width:8px; height:13px; border:solid var(--ac-accent); border-width:0 2px 2px 0; transform:rotate(45deg); }
body[data-annie-article] [data-ac] .ac-mininav { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:18px; font-size:13px; }
body[data-annie-article] [data-ac] .ac-mininav a { color:inherit; }
body[data-annie-article] [data-ac] details { border-top:1px solid #e4e0da; border-bottom:0; padding:18px 0 0!important; margin:20px 0 0; }
body[data-annie-article] [data-ac] summary { cursor:pointer; font-size:13px!important; line-height:1.8; font-weight:700; }
body[data-annie-article] [data-ac] .ac-message { padding:14px; margin-top:14px!important; background:#fff; border:1px solid #e4e0da; font-size:14px!important; user-select:all; }
body[data-annie-article] [data-ac] button { font:inherit; font-size:13px; border:1px solid #111; border-radius:4px; padding:10px 14px; min-height:44px; color:#111; background:transparent; cursor:pointer; }
body[data-annie-article] [data-ac] .ac-status { display:block; font-size:12px; margin-top:8px; min-height:1.8em; }
body[data-annie-article] .ac-answer { border-left:3px solid var(--ac-accent); padding:8px 0 8px 20px; margin:0 0 38px; }
body[data-annie-article] .ac-deep { margin:32px 0; padding:24px 0; border-top:1px solid #e4e0da; border-bottom:1px solid #e4e0da; }
body[data-annie-article] [data-ac] .ac-compare-grid { display:grid; grid-template-columns:1fr; gap:12px; margin:20px 0; }
body[data-annie-article] [data-ac] .ac-option { border:1px solid #e4e0da; padding:18px; background:#fff; min-width:0; }
body[data-annie-article] [data-ac] .ac-option h3 { margin-top:0!important; }
body[data-annie-article] .ac-edited { display:block; font-size:12px; color:#666; margin:18px 0; }
@media(min-width:768px){body[data-annie-article] [data-ac] .ac-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:480px){body[data-annie-article] .ac-panel{padding:22px 18px!important;}body[data-annie-article] [data-ac] .ac-button{padding:15px!important;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}body[data-annie-article] [data-ac] *{transition:none!important;animation:none!important;scroll-behavior:auto!important;}}

/* 2026-11-02: article conversion and contextual navigation */
body[data-annie-article] .ac-start { margin:30px 0 38px; padding:26px 0; border-top:2px solid var(--ac-accent); border-bottom:1px solid #e4e0da; text-align:left; }
body[data-annie-article] .ac-next { margin:26px 0 0; padding:16px 0; border-top:1px solid #e4e0da; }
body[data-annie-article] .ac-next a,body[data-annie-article] .ac-related a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
body[data-annie-article] .ac-related { margin:26px 0 0; padding:22px 0 0; border-top:1px solid #e4e0da; }
body[data-annie-article] .ac-related a { display:inline-block; min-height:44px; padding:10px 0; font-size:14px; line-height:1.7; }
body[data-annie-article] .ac-dock { display:none; }
@media(max-width:767px) {
  body[data-ac-dock-page] { padding-bottom:calc(114px + env(safe-area-inset-bottom,0px)); }
  body[data-annie-article] .ac-dock:not([hidden]) { display:block; position:fixed; z-index:1000; bottom:0; left:0; width:100%; margin:0; padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); background:#fff; color:#182020; border-top:1px solid #deded8; box-shadow:0 -4px 16px #0000000a; }
  body[data-annie-article] .ac-dock p { margin:0 0 6px!important; font-size:11px!important; line-height:1.5!important; text-align:center; }
  body[data-annie-article] .ac-dock .ac-button { max-width:640px; margin:0 auto!important; min-height:48px; padding:12px 14px!important; background:#087a48!important; border-color:#087a48; font-size:15px!important; }
  body[data-annie-article] .ac-start { padding:22px 0; }
}
