/* v5 theme: matches the new homepage (paper / black / bright orange). Loaded last. */
:root{--paper:#f2eee2;--ink:#111;--accent:#ff5a14;--green:#ff5a14;--muted:#666;--line:#d4cec0;--card:#fff;--font:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}
body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
.v5nav{background:#14120d;color:#efeae0;position:sticky;top:0;z-index:30}
.v5nav .in{width:min(1184px,calc(100% - 48px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.v5nav b{font-size:16px}.v5nav b i{font-style:normal;color:var(--accent);margin:0 8px}
.v5nav nav{display:flex;gap:26px;font-size:14px;color:#a9a294}.v5nav nav a:hover,.v5nav nav a.on{color:var(--accent)}
.v5nav .c{background:var(--accent);color:#fff;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600}
@media(max-width:820px){.v5nav nav{display:none}}
.kicker,.eyebrow,.ops-kicker{color:var(--accent)!important;letter-spacing:.16em;font-weight:700}
.case-hero h1,.method-hero h1{font-weight:800;letter-spacing:-.02em}
.case-stats strong,.case-stats strong small{color:var(--accent)}
.case-nav a:hover,.text-link:hover{color:var(--accent)}
.event-chain span{border-radius:30px}
.button,.button.dark{border-radius:30px}
.button:hover{background:var(--accent)}
.case-bottom,.method-bottom,.ops-footer{display:none!important}
/* review table */
.v5table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border-radius:16px;overflow:hidden;margin:24px 0 10px}
.v5table th,.v5table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}
.v5table th{font-size:12px;color:var(--muted);font-weight:600;background:#faf8f2}
.v5table .r{text-align:right}
.v5table tr.hit td{background:#fff3ec;font-weight:700}
.v5table .tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;background:#eee}
.v5table .tag.go{background:var(--accent);color:#fff}.v5table .tag.stop{background:#111;color:#fff}
.v5tw{overflow-x:auto}
.v5three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.v5three div{background:#fff;border-radius:16px;padding:22px}
.v5three b{display:block;font-size:17px;margin-bottom:8px}.v5three p{margin:0;font-size:14px;color:var(--muted);line-height:1.8}
@media(max-width:820px){.v5three{grid-template-columns:1fr}}
/* end block */
.v5end{background:#14120d;color:#efeae0;margin-top:90px}
.v5end .in{width:min(1184px,calc(100% - 48px));margin:0 auto;padding:70px 0 30px}
.v5end .g{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.v5end h2{font-size:clamp(28px,3.4vw,40px);margin:0;font-weight:800;line-height:1.3}
.v5end .ways{display:flex;gap:12px;flex-wrap:wrap}
.v5end .ways a{border:1px solid #3a3833;border-radius:40px;padding:13px 22px;font-size:16px}
.v5end .ways a.p{background:var(--accent);border-color:var(--accent);color:#fff}
.v5end .nx{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:20px;border-top:1px solid #2c2a26;font-size:13px;color:#8d877b}
.v5end .nx a:hover{color:var(--accent)}
@media(max-width:820px){.v5end .g{grid-template-columns:1fr}}
/* plan pages */
.pl{width:min(1184px,calc(100% - 48px));margin:0 auto;line-height:1.75}
.pl a{color:inherit}
.pl-back{display:inline-block;margin:34px 0 0;font-size:14px;color:var(--muted);text-decoration:none}
.pl-back:hover{color:var(--accent)}
.pl-hero{padding:46px 0 56px}
.pl-hero .k{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}
.pl-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 20px;max-width:15em}
.pl-hero .lead{font-size:18px;color:#333;max-width:44em;margin:0}
.pl-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 0}
.pl-tags span{background:#fff;border-radius:30px;padding:6px 14px;font-size:13px;color:#444}
.pl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.pl-stats div{background:#fff;border-radius:16px;padding:22px 22px 20px}
.pl-stats b{display:block;font-size:clamp(28px,3vw,40px);font-weight:800;color:var(--accent);line-height:1.1}
.pl-stats b small{font-size:.5em;margin-left:2px}
.pl-stats span{display:block;font-size:14px;color:var(--muted);margin-top:8px}
.pl-sec{border-top:1px solid #111;padding:44px 0 56px;display:grid;grid-template-columns:240px 1fr;gap:40px}
.pl-sec>header{position:static}
.pl-sec>header i{display:block;font-style:normal;color:var(--accent);font-weight:800;font-size:14px;letter-spacing:.12em;margin-bottom:8px}
.pl-sec>header h2{font-size:26px;line-height:1.35;margin:0;font-weight:800}
.pl-sec>header p{font-size:14px;color:var(--muted);margin:10px 0 0}
.pl-body>*:first-child{margin-top:0}
.pl-body p{margin:0 0 14px;font-size:16px}
.pl-big{font-size:clamp(22px,2.4vw,30px);font-weight:800;line-height:1.45;margin:0 0 22px}
.pl-big em{font-style:normal;color:var(--accent)}
.pl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}
.pl-grid.c3{grid-template-columns:repeat(3,1fr)}
.pl-card{background:#fff;border-radius:16px;padding:22px 24px}
.pl-card h3{font-size:18px;margin:0 0 8px;font-weight:800}
.pl-card .s{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.08em;margin-bottom:6px}
.pl-card p,.pl-card li{font-size:14.5px;color:#444;line-height:1.75}
.pl-card p{margin:0}
.pl-card ul{margin:0;padding-left:18px}
.pl-card.dk{background:#14120d;color:#efeae0}.pl-card.dk p,.pl-card.dk li{color:#cfc9bc}
.pl .v5table{white-space:normal}
.pl .v5table td,.pl .v5table th{white-space:normal;vertical-align:top;line-height:1.65}
.pl .v5table td:first-child{font-weight:700;white-space:nowrap}
.pl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;counter-reset:st}
.pl-steps.c4{grid-template-columns:repeat(4,1fr)}
.pl-steps>div{background:#fff;border-radius:16px;padding:22px 22px;border-top:4px solid var(--accent)}
.pl-steps b{display:block;font-size:13px;color:var(--accent);letter-spacing:.06em}
.pl-steps h3{font-size:18px;margin:4px 0 10px;font-weight:800}
.pl-steps p,.pl-steps li{font-size:14px;color:#444;line-height:1.75;margin:0}
.pl-steps ul{margin:0;padding-left:18px}
.pl-path{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0}
.pl-path span{background:#fff;border-radius:30px;padding:9px 16px;font-size:14px}
.pl-path span.o{background:var(--accent);color:#fff;font-weight:700}
.pl-path i{font-style:normal;color:var(--accent);font-weight:800}
.pl-vids{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start;margin:4px 0 20px}
.pl-vids figure{margin:0}
.pl-vids video{width:100%;display:block;border-radius:16px;background:#000}
.pl-vids figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.pl-vid1 video{width:100%;display:block;border-radius:16px;background:#000;aspect-ratio:16/9}
.pl-note{font-size:13px!important;color:var(--muted)!important}
.pl-hooks{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
.pl-hooks li{background:#fff;border-radius:12px;padding:12px 16px;font-size:15px;font-style:italic}
.pl-more{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:10px 0 0}
.pl-more a{background:#fff;border-radius:16px;padding:22px 24px;text-decoration:none;display:block}
.pl-more a:hover{outline:2px solid var(--accent)}
.pl-more span{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.08em}
.pl-more b{display:block;font-size:18px;margin-top:4px}
@media(max-width:1000px){.pl-sec{grid-template-columns:1fr;gap:20px}.pl-stats{grid-template-columns:repeat(2,1fr)}.pl-steps.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pl-grid,.pl-grid.c3,.pl-steps,.pl-steps.c4,.pl-vids,.pl-more{grid-template-columns:1fr}.pl-hero .lead{font-size:16px}.pl-stats div{padding:16px}}
body{margin:0}*,*::before,*::after{box-sizing:border-box}
.v5nav a,.v5end a{color:inherit;text-decoration:none}
.v5end .ways a.p{color:#fff}
.pl-body .pl-big{font-size:clamp(22px,2.4vw,30px);margin:0 0 22px}
.pl-body .pl-note{margin:12px 0 0}
.pl video{max-width:100%}
@media(max-width:700px){.pl .v5table td:first-child{white-space:normal;min-width:5em}.pl .v5table{font-size:14px}.pl .v5table td,.pl .v5table th{padding:12px 10px}.v5end .ways a{font-size:14px;padding:11px 16px}}
.pl-one{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:32px;align-items:center}
.pl-one figure{margin:0}.pl-one video{width:100%;display:block;border-radius:16px;background:#000}
.pl-one figcaption{font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:700px){.pl-one{grid-template-columns:1fr;gap:20px}}
/* unify old pages: rounded white cards, no thin frames */
.skill-card,.text-compare>div,.compare-pair>div,.reusable,.rule-loop,.practice-panel,.practice-panel+.practice-panel,.ops-dialog-sections section,.position-card,.review-rules div,.sheet-proof,.system-grid article,.exception-log li,.asset-pair figure{background:#fff!important;border:0!important;border-radius:16px;overflow:hidden}
.review-table-wrap{border:0!important;border-radius:16px;background:#fff}
.live-detail-grid article{border:0!important;border-radius:16px;background:rgba(255,255,255,.06)}
.ops-hero-stats,.ops-flow,.breakdown-list{border:0!important;gap:10px}
.ops-hero-stats div,.ops-flow li,.breakdown-list div{border:0!important;background:#fff;border-radius:14px}
.result-card{border-radius:16px;overflow:hidden}
.tool-tags span,.status{border-radius:20px}
.position-card img,.sheet-proof img{display:block}
.case-page main img,.case-page main video{border-radius:12px}
