/* whitepaper readability + cute droid layer */
body.wp main, body.wp .wrap, body.wp .container{max-width:720px !important;margin:0 auto}
body.wp section{background:#1b1e22 !important;background-image:none !important;color:#eef1f4 !important;
 font-size:17.5px;line-height:1.7;max-width:680px;margin:28px auto !important;padding:22px 22px 18px !important;
 border:1px solid #3a3f45 !important;border-left:4px solid #c4622d !important;border-radius:14px !important;box-shadow:0 6px 24px rgba(0,0,0,.35) !important;scroll-margin-top:70px}
body.wp section::before{display:none !important}
body.wp section p, body.wp section li{color:#e6e9ec !important}
body.wp section p{margin:0 0 1em}
body.wp section h2{font-size:1.45rem !important;color:#ffb27a !important;margin:.2em 0 .7em;text-shadow:none !important;line-height:1.3}
body.wp section h3{color:#ffd2b0 !important;font-size:1.15rem}
body.wp section strong{color:#fff}
body.wp section a{color:#ffb27a}
body.wp table{font-size:15.5px}
body.wp li{margin:.3em 0}
/* mascot bubble */
.wp-bot{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.wp-bot img{width:42px;height:42px;border-radius:50%;background:#2b2f33;border:2px solid #c4622d;animation:wpbob 3s ease-in-out infinite}
.wp-bot span{position:relative;background:#2f343a;color:#ffd2b0;font:600 14px/1.35 ui-monospace,Menlo,monospace;padding:7px 11px;border-radius:12px}
.wp-bot span::before{content:"";position:absolute;left:-7px;top:50%;margin-top:-6px;border:6px solid transparent;border-right-color:#2f343a;border-left:0}
/* glow key cards */
body.wp section ul{background:rgba(196,98,45,.08);border:1px solid rgba(255,178,122,.25);border-radius:12px;padding:12px 14px 12px 32px;box-shadow:0 0 18px rgba(196,98,45,.15)}
/* TOC chips */
#wp-toc{flex-wrap:nowrap !important;white-space:nowrap !important;overflow-x:auto !important;position:sticky;top:10px;z-index:50;display:flex;gap:8px;overflow-x:auto;padding:8px 10px;margin:0 auto;max-width:720px;
 background:rgba(20,22,25,.92);backdrop-filter:blur(6px);border-radius:12px;scrollbar-width:none}
#wp-toc::-webkit-scrollbar{display:none}
#wp-toc a{flex:0 0 auto;font:700 13px ui-monospace,Menlo,monospace;color:#e6e9ec;text-decoration:none;padding:8px 12px;border-radius:999px;background:#2b2f33;border:1px solid #444a51;min-height:20px}
#wp-toc a.on{background:#c4622d;color:#fff;border-color:#c4622d;box-shadow:0 0 10px rgba(196,98,45,.6)}
#wp-prog{position:fixed;top:0;left:0;height:4px;width:0;z-index:100;background:linear-gradient(90deg,#c4622d,#ffb27a);box-shadow:0 0 8px #c4622d}
/* reveal */
.wp-rv{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}
.wp-rv.in{opacity:1;transform:none}
@keyframes wpbob{50%{transform:translateY(-3px) rotate(-4deg)}}
@media (max-width:760px){body.wp section{margin:18px 10px !important;padding:18px 16px !important;font-size:17px}#wp-toc{top:10px;margin:0 8px}}
@media (prefers-reduced-motion:reduce){.wp-rv{opacity:1;transform:none;transition:none}.wp-bot img{animation:none}}
/* hero polish */
.hero .wrap{position:relative}
.hero h1{font-size:clamp(2.4rem,9vw,4rem) !important;text-shadow:0 0 18px rgba(196,98,45,.55),3px 3px 0 #000 !important}
.hero .tag,.hero .note{background:rgba(15,17,20,.72);backdrop-filter:blur(4px);border:1px solid rgba(255,178,122,.25);border-radius:12px;padding:12px 14px;max-width:520px}
.hero .tag code{display:inline-block;margin-top:6px;color:#7dff9a;text-shadow:0 0 8px rgba(125,255,154,.6)}
.hero .tag code::after{content:"_";animation:r4blink2 1s steps(1) infinite}
.hero .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px}
@keyframes r4blink2{50%{opacity:0}}
/* diary timeline */
ul.diary{list-style:none !important;margin:0 !important;padding:0 0 0 26px !important;position:relative;background:none !important;border:0 !important;box-shadow:none !important}
ul.diary::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:3px;border-radius:3px;background:repeating-linear-gradient(#c4622d 0 10px,#5a3420 10px 16px)}
ul.diary>li{position:relative;background:#22262b;border:1px solid #3a3f45;border-radius:12px;padding:14px 16px !important;margin:0 0 16px !important;box-shadow:0 0 16px rgba(196,98,45,.12);line-height:1.65}
ul.diary>li::before{content:"";position:absolute;left:-24px;top:18px;width:14px;height:14px;border-radius:50%;background:#ffb27a;border:3px solid #1b1e22;box-shadow:0 0 0 2px #c4622d,0 0 10px #c4622d}
ul.diary>li:first-child::before{animation:r4ping 1.8s ease-out infinite}
@keyframes r4ping{0%{box-shadow:0 0 0 2px #c4622d,0 0 0 0 rgba(255,178,122,.7)}100%{box-shadow:0 0 0 2px #c4622d,0 0 0 12px rgba(255,178,122,0)}}
@media (prefers-reduced-motion:reduce){.hero .tag code::after,ul.diary>li:first-child::before{animation:none}}
/* ===== QA fixes 2026-10-25 ===== */
/* P0 roadmap */
.road li{padding:0 !important}
.road>li{position:relative;padding:0 0 22px 58px !important}
.road li li{padding:0 0 6px !important}
@media (max-width:480px){.road>li{padding-left:48px !important}.road li .dot{width:36px !important;height:36px !important}.road:before{left:16px !important}}
/* P0 callouts */
.callout{background:rgba(196,98,45,.14) !important;border:2px solid #e07a3f !important;color:#f3ece6 !important}
.callout *{color:#f3ece6 !important}
.callout a{color:#ffb27a !important;text-decoration:underline}
/* P1 contrast */
a.btn,.btn{color:#fff !important}
#ranks td.num{color:#ff9a5c !important}
span.n,.n,table td.pts,table td:last-child{color:#e07a3f}
#wp-toc a.on{background:#a84f1f !important;border-color:#a84f1f !important}
.st,span.st{font-size:.95rem !important;color:#f0f2f4 !important;background:#3d4248 !important;padding:3px 10px !important}
/* P2 mobile chrome + sizes */
html{scroll-padding-top:70px;scroll-padding-bottom:90px}
@media (max-width:760px){
 .status,span.status{display:none !important}
 #r4-tg{display:none !important}
 body{padding-bottom:96px !important}
 #r4-nav a{font-size:13px !important}
 #wp-toc a{font-size:14px}
 p.note,.note,.wp-bot span,footer,.meta,.tag,.ladder,span.type{font-size:15px !important}
 .wp-bot span{font-size:15px !important}
}
/* P2 stacked tables */
@media (max-width:480px){
 table.r4-stack{display:block !important;overflow:visible !important}
 table.r4-stack thead{display:none}
 table.r4-stack tbody,table.r4-stack tr,table.r4-stack td{display:block;width:auto !important}
 table.r4-stack tr{background:#22262b;border:1px solid #3a3f45;border-radius:10px;padding:10px 12px;margin:0 0 10px}
 table.r4-stack td{border:0 !important;padding:3px 0 !important;text-align:left !important}
 table.r4-stack td[data-l]::before{content:attr(data-l);display:block;font:700 12.5px ui-monospace,Menlo,monospace;color:#ffb27a;text-transform:uppercase;letter-spacing:.5px}
}
body.wp section .road{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.wp section .road ul{background:none !important;border:0 !important;box-shadow:none !important;padding:0 0 0 18px !important}
.wp-rv{opacity:1 !important}
/* desktop QA fixes */
body.wp .card{background:linear-gradient(160deg,#2b2f33,#22262b) !important;border:1px solid #444a51 !important;color:#eef1f4 !important}
body.wp .card *{color:inherit}
body.wp .card h3,body.wp .card b,body.wp .card strong{color:#ffd2b0 !important}
a.btn,.btn{background:#b5501c !important;color:#fff !important}
.rung{box-shadow:inset 0 0 0 999px rgba(0,0,0,.24) !important;text-shadow:0 1px 2px rgba(0,0,0,.7)}
/* CEO fix: dark cards at all widths */
body.wp .card{background:linear-gradient(160deg,#2a2f36,#1f2328) !important;border-color:#c4622d !important;color:#e6e9ec !important}
body.wp .card h4,body.wp .card b,body.wp .card strong{color:#ffb27a !important}
body.wp .card p{color:#e6e9ec !important}
body.wp .toc{background:#23272e !important;color:#e6e9ec !important}
body.wp .toc a{color:#ffb27a !important}