/* Local article proposal. Tokens and component values from landing. */
#top.pc-reader{
  --paper:#f3ede0;--surface:#fffdf7;--surface-soft:#eee5d0;--ink:#1b251f;
  --muted:#46524a;--faint:#5a665d;--line:#1b251f2e;--accent-strong:#946a14;
  --landing-gold:#946a14;--landing-muted:#5a665d;--landing-edge:#946a1457;
  --landing-card:radial-gradient(at 94% 13%,#b2ba7920,transparent 47%),linear-gradient(135deg,#fffdf5,#f1ead8);
  --landing-note:radial-gradient(ellipse at 8% 0,#f7efd9a6,transparent 68%),linear-gradient(135deg,#eee5d0,#e8ddc3 64%,#e1d3b2);
}
html[data-theme="midnight"] #top.pc-reader,html[data-theme="tournament"] #top.pc-reader,html[data-theme="emerald"] #top.pc-reader{
  --paper:#0f1215;--surface:#1c2421;--surface-soft:#141a19;--ink:#f4f0e6;
  --muted:#d3d6cd;--faint:#9aa29b;--line:#f4f0e629;--accent-strong:#e6cd8c;
  --landing-gold:#e6cd8c;--landing-muted:#9aa29b;--landing-edge:#e6cd8c45;
  --landing-card:radial-gradient(at 94% 13%,#b2ba7920,transparent 47%),linear-gradient(135deg,#1c2421,#141a19);
  --landing-note:linear-gradient(145deg,#252d2766,#151b1a66);
}
#top.pc-reader .site-header{background:var(--paper);border-color:var(--line);box-shadow:none}
#top.pc-reader .nav-shell{width:min(calc(100% - 64px),1280px);min-height:112px;padding:12px 0;justify-content:space-between;gap:32px;flex-wrap:nowrap}
#top.pc-reader .brand{margin:0;line-height:0}
#top.pc-reader .site-header .brand img{display:block;width:264px;height:auto;aspect-ratio:2161/728;filter:none;background:none;border:0;border-radius:0;box-shadow:none}
#top.pc-reader .nav-cta,#top.pc-reader .cta-panel .button{
  width:auto;min-width:0;min-height:54px;height:auto;padding:0 25px;gap:16px;
  border:0;border-radius:12px;background:radial-gradient(120% 170% at 16% 0,#ffffff80,transparent 55%),linear-gradient(#f7e3a2,#ebc460 50%,#d8a63a);
  color:#1d1505;font:800 16px/1.2 var(--sans);text-decoration:none;
  box-shadow:inset 0 1px #fff6dbb3,inset 0 -1px #986a204d,0 2px #90702d,0 12px 30px -16px #e8bc5459;
}
#top.pc-reader .nav-cta{width:280px;flex:none}
#top.pc-reader .nav-cta svg,#top.pc-reader .cta-panel .button svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#top.pc-reader .nav-cta::after{content:none}
#top.pc-reader .nav-cta:hover,#top.pc-reader .cta-panel .button:hover{background:radial-gradient(120% 170% at 16% 0,#ffffffa0,transparent 55%),linear-gradient(#f7e3a2,#ebc460 50%,#d8a63a);color:#1d1505;transform:translateY(-2px)}
#top.pc-reader .page-hero{background:var(--paper)}
#top.pc-reader .eyebrow{color:var(--landing-gold)}
#top.pc-reader .eyebrow::before{background:var(--landing-gold)}
#top.pc-reader .prose .notice,#top.pc-reader .prose .notice.green{background:var(--landing-note);border-color:var(--landing-gold);color:var(--muted)}
#top.pc-reader .pc-table-scroll{background:var(--landing-card);border-color:var(--landing-edge);border-radius:18px;box-shadow:inset 0 1px #ffffff05,0 24px 54px -38px #0009}
#top.pc-reader .pc-table-scroll table{background:none}
#top.pc-reader .pc-table-scroll th{background:color-mix(in srgb,var(--landing-gold) 9%,transparent);color:var(--landing-gold);border-color:var(--line)}
#top.pc-reader .pc-table-scroll td{background:transparent;border-color:var(--line);color:var(--muted)}
#top.pc-reader .pc-table-scroll td:first-child{color:var(--ink);font-weight:750}
#top.pc-reader .toc{padding:22px;border:1px solid var(--landing-edge);border-radius:18px;background:var(--landing-card)}
#top.pc-reader .toc a:hover{color:var(--landing-gold)}
#top.pc-reader .cta-panel{background:var(--landing-card);border-color:var(--landing-edge);color:var(--ink)}
#top.pc-reader .cta-panel p{color:var(--muted)}
#top.pc-reader .cta-panel::after{display:none}
#top.pc-reader .site-footer{padding:44px 32px 22px;background:var(--paper);border:0}
#top.pc-reader .footer-inner{max-width:1216px;margin:auto}
#top.pc-reader .footer-top{display:grid;grid-template-columns:1.8fr repeat(3,minmax(0,1fr));gap:44px}
#top.pc-reader .footer-brand img{display:block;width:190px;height:auto;max-width:100%;filter:none;background:none;border:0;box-shadow:none}
#top.pc-reader .footer-brand p{max-width:none;margin:17px 0 0;color:var(--muted);font:440 17px/1.5 var(--serif)}
#top.pc-reader .footer-nav h2{margin:10px 0 16px;color:var(--landing-gold);font:800 10px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase}
#top.pc-reader .footer-nav a{display:block;width:fit-content;margin-top:10px;color:var(--landing-muted);font:400 11px/1.5 var(--sans);text-decoration:none}
#top.pc-reader .footer-nav a:hover{color:var(--ink);text-decoration:underline}
#top.pc-reader .socials{display:flex;gap:8px;margin-top:20px}
#top.pc-reader .socials a{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:9px;color:var(--muted);text-decoration:none}
#top.pc-reader .socials svg{width:16px;height:16px}
#top.pc-reader .socials a:hover{color:var(--landing-gold);border-color:var(--landing-gold)}
#top.pc-reader .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:18px;margin-top:38px;padding:18px 0 0;border-top:1px solid var(--line);color:var(--landing-muted);font:400 9px/1.5 var(--sans)}
#top.pc-reader .footer-bottom a{color:inherit;text-decoration:none}
@media(max-width:1150px){#top.pc-reader .toc{padding:0}#top.pc-reader .toc summary{padding:18px 22px}}
@media(max-width:700px){
  #top.pc-reader .nav-shell{width:calc(100% - 40px);min-height:84px;gap:16px;padding:12px 0}
  #top.pc-reader .site-header .brand img{width:148px}
  #top.pc-reader .nav-cta{width:auto;max-width:none;min-height:48px;padding:0 16px;gap:10px;font-size:13px;white-space:nowrap}
  #top.pc-reader .site-footer{padding:36px 20px 24px}
  #top.pc-reader .footer-top{grid-template-columns:minmax(0,1fr);gap:28px}
  #top.pc-reader .footer-brand{grid-column:auto}
  #top.pc-reader .footer-brand p{font-size:16px}
  #top.pc-reader .footer-nav{border-top:1px solid var(--line);padding-top:20px}
  #top.pc-reader .footer-nav h2{margin:0 0 12px;font-size:13px}
  #top.pc-reader .footer-nav a{display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:8px 0;font-size:15px}
  #top.pc-reader .socials a{width:44px;height:44px}
  #top.pc-reader .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;margin-top:29px;font-size:12px}
  #top.pc-reader .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px}
  #top.pc-reader .cta-panel .button{padding:14px 20px;gap:12px;white-space:normal}
}
@media(max-width:360px){
  #top.pc-reader .nav-shell{width:calc(100% - 32px);gap:12px}
  #top.pc-reader .site-header .brand img{width:128px}
  #top.pc-reader .nav-cta{padding:0 12px;gap:8px;font-size:12px}
  #top.pc-reader .nav-cta svg{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){#top.pc-reader .nav-cta:hover,#top.pc-reader .cta-panel .button:hover{transform:none}}

/* Reader components retain their layout and use the same landing card tokens. */
#top.pc-reader .position-card,#top.pc-reader .signal-checklist li,
#top.pc-reader .related-grid a,#top.pc-reader .prose>details{
  background:var(--landing-card);border:1px solid var(--landing-edge);border-radius:18px;box-shadow:inset 0 1px #ffffff05;
}
#top.pc-reader .position-card .position-label,#top.pc-reader .related-grid a span{color:var(--landing-gold)}
#top.pc-reader .position-card .fen{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
#top.pc-reader .review-sequence li::before{background:color-mix(in srgb,var(--landing-gold) 12%,transparent);border:1px solid var(--landing-edge);color:var(--landing-gold)}
#top.pc-reader .related-grid a:hover{border-color:var(--landing-gold)}
#top.pc-reader .editorial-cover img{background:var(--surface-soft);border:1px solid var(--landing-edge);border-radius:18px}