:root{
  --night:#080b10;
  --night-2:#141a23;
  --line:#2b3442;
  --on-night:#f1f4f7;
  --on-night-soft:#aab4c0;
  --paper:#f4f6f8;
  --ink:#14202b;
  --ink-soft:#50606f;
  --rule:#d3dae1;
  --plate-blue:#1284ff;
  --sticker:var(--accent,#36b7c7);
  --pass:#16794a;
  --warn:#946000;
  --fail:#b3261e;
  --head:Inter,Aptos,"Segoe UI",sans-serif;
  --body:Inter,Aptos,"Segoe UI",sans-serif;
}
.wc-page *{box-sizing:border-box}
.wc-page html{-webkit-text-size-adjust:100%}
.wc-page{margin:0;background:var(--night);color:var(--on-night);font:400 1.0625rem/1.55 var(--body)}
.wc-page a{color:inherit}
.wc-page :focus-visible{outline:3px solid var(--sticker);outline-offset:3px}
.wc-page .wrap{width:min(1040px,100%);margin-inline:auto;padding-inline:16px}
@media(min-width:720px){
.wc-page .wrap{padding-inline:32px}}
.wc-page .top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px}
.wc-page .top img{display:block;height:34px;width:auto}
.wc-page .brand{text-decoration:none;font:700 1.35rem/1 var(--head)}
.wc-page .top-link{color:var(--on-night-soft);text-underline-offset:4px;text-align:right}
.wc-page .hero{padding-block:clamp(40px,9vw,96px) clamp(40px,7vw,72px)}
.wc-page h1{margin:0;max-width:13em;font:700 clamp(2rem,9.4vw,5rem)/1.02 var(--head);letter-spacing:-.005em;hyphens:auto}
.wc-page .lead{max-width:36em;margin:20px 0 36px;font-size:1.2rem;color:var(--on-night-soft)}
.wc-page .plate{display:flex;align-items:stretch;max-width:760px;background:#fff;border:3px solid #000;outline:2px solid var(--on-night);border-radius:10px;overflow:hidden}
.wc-page .plate:focus-within{outline-color:var(--sticker);outline-width:3px}
.wc-page .plate-band{flex:none;display:flex;align-items:flex-end;justify-content:center;width:44px;padding-bottom:7px;background:var(--plate-blue);color:#fff;font:700 1.25rem/1 var(--head)}
.wc-page .plate input{flex:1;min-width:0;border:0;padding:16px 14px;background:transparent;color:#000;font:600 clamp(1.25rem,4.4vw,2.1rem)/1.2 var(--head);outline:0}
.wc-page .plate input::placeholder{color:#7b8691;font-weight:600}
.wc-page .plate button{flex:none;border:0;border-left:3px solid #000;padding:0 26px;background:var(--sticker);color:#000;font:700 1.25rem/1 var(--head);cursor:pointer}
.wc-page .plate button:hover{background:#ffd53d}
.wc-page .plate button:disabled{background:#d8dde2;color:#4a5560;cursor:progress}
.wc-page .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wc-page .note{margin:14px 0 0;color:var(--on-night-soft);font-size:.95rem}
.wc-page .note a{text-underline-offset:3px}
.wc-page .form-error{max-width:760px;margin:16px 0 0;padding:12px 16px;border-left:4px solid var(--sticker);background:var(--night-2);color:var(--on-night)}
.wc-page .status{min-height:1.6em;margin:16px 0 0;color:var(--sticker);font-weight:500}
@media(max-width:560px){
.wc-page .plate{flex-wrap:wrap}
.wc-page .plate input{width:calc(100% - 44px);flex:1 1 calc(100% - 44px)}
.wc-page .plate button{flex:1 1 100%;border-left:0;border-top:3px solid #000;padding:14px}
.wc-page .plate-band{min-height:62px}
}
.wc-page .covers{border-top:1px solid var(--line);padding-block:40px 64px}
.wc-page .covers h2{margin:0 0 20px;font:700 1.75rem/1.15 var(--head)}
.wc-page .covers ul{list-style:none;display:grid;gap:18px 40px;margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.wc-page .covers strong{display:block;font-weight:600}
.wc-page .covers span{color:var(--on-night-soft)}
.wc-page .report{display:none;margin-bottom:72px;background:var(--paper);color:var(--ink);border-radius:6px;scroll-margin-top:16px}
.wc-page .report.on{display:block}
.wc-page .report-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:clamp(20px,5vw,44px);border-bottom:2px solid var(--ink)}
.wc-page .report-head p{margin:0;color:var(--ink-soft)}
.wc-page .report-head h2{margin:2px 0 10px;font:700 clamp(1.8rem,6vw,2.9rem)/1.05 var(--head);overflow-wrap:anywhere}
.wc-page .verdict{max-width:32em;color:var(--ink)!important;font-size:1.125rem}
.wc-page .sticker{width:clamp(124px,24vw,176px);height:auto;display:block;transform:rotate(-6deg)}
.wc-page .sticker text{font-family:var(--head)}
@media(max-width:560px){
.wc-page .report-head{grid-template-columns:1fr}
.wc-page .sticker{order:-1}}
@media(prefers-reduced-motion:no-preference){
.wc-page .report.on .sticker{animation:stamp .34s cubic-bezier(.2,1.5,.5,1) both}
  @keyframes stamp{
from{opacity:0;transform:rotate(8deg) scale(1.5)}
to{opacity:1;transform:rotate(-6deg) scale(1)}}
}
.wc-page .bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 40px;padding:24px clamp(20px,5vw,44px);border-bottom:1px solid var(--rule)}
.wc-page .bar-row{display:flex;justify-content:space-between;gap:12px;font-weight:500}
.wc-page .bar-row span:last-child{flex:none}
.wc-page .bar{height:8px;margin-top:5px;background:var(--rule);border-radius:4px;overflow:hidden}
.wc-page .bar i{display:block;height:100%;background:var(--ink);border-radius:4px}
.wc-page .section{padding:28px clamp(20px,5vw,44px);border-bottom:1px solid var(--rule)}
.wc-page .section h3{margin:0 0 4px;font:700 1.6rem/1.15 var(--head)}
.wc-page .section>p{margin:0 0 12px;color:var(--ink-soft)}
.wc-page .fail-head{color:var(--fail)}
.wc-page .warn-head{color:var(--warn)}
.wc-page .item{padding:14px 0;border-top:1px solid var(--rule)}
.wc-page .item h4{margin:0;font:600 1.0625rem/1.35 var(--body)}
.wc-page .item small{display:block;color:var(--ink-soft);font-size:.9rem}
.wc-page .item p{margin:4px 0 0;max-width:44em}
.wc-page .item .fix{color:var(--ink-soft)}
.wc-page .item .fix b{color:var(--ink);font-weight:600}
.wc-page details summary{cursor:pointer;font:700 1.25rem/1.3 var(--head);color:var(--pass)}
.wc-page details .item:first-of-type{margin-top:12px}
.wc-page .limit{margin:0;padding:16px clamp(20px,5vw,44px);background:#fbeec2;color:var(--ink)}
.wc-page .next{display:flex;flex-wrap:wrap;gap:20px 32px;justify-content:space-between;align-items:center;padding:28px clamp(20px,5vw,44px)}
.wc-page .next h3{margin:0;font:700 1.6rem/1.15 var(--head)}
.wc-page .next p{margin:4px 0 0;max-width:30em;color:var(--ink-soft)}
.wc-page .actions{display:flex;flex-wrap:wrap;gap:12px}
.wc-page .btn{display:inline-block;padding:13px 22px;border:2px solid var(--ink);border-radius:6px;background:transparent;color:var(--ink);font:700 1.15rem/1.1 var(--head);text-decoration:none;cursor:pointer}
.wc-page .btn.main{background:var(--ink);color:#fff}
.wc-page .disclaimer{margin:0;padding:0 clamp(20px,5vw,44px) 28px;color:var(--ink-soft);font-size:.9rem;max-width:62em}
.wc-page .foot{display:flex;flex-wrap:wrap;gap:8px 24px;padding-block:24px 36px;border-top:1px solid var(--line);color:var(--on-night-soft);font-size:.95rem}

@media print{
  @page{margin:14mm}
.wc-page{background:#fff;color:#000}
.wc-page .top,.wc-page .hero,.wc-page .covers,.wc-page .foot,.wc-page .actions{display:none}
.wc-page .wrap{width:100%;padding:0}
.wc-page .report{margin:0;background:#fff;border-radius:0}
.wc-page .sticker{animation:none!important}
.wc-page .item{break-inside:avoid}
.wc-page .section h3{break-after:avoid}
.wc-page .bar,.wc-page .bar i{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.wc-page details>*{display:block}
}

/* Integration: use the shared shell and keep the original plate/report concept. */
.wc-page{padding-top:24px;background:radial-gradient(ellipse at 80% 0,rgba(18,132,255,.13),transparent 55%),var(--night)}
.wc-page .hero{display:block;min-height:0;overflow:visible;border:0;background:none}
.wc-page .hero:before{display:none}
.wc-page h1{letter-spacing:-.055em;font-weight:800}
.wc-page .lead{line-height:1.7}
.wc-page .report{box-shadow:0 24px 65px #0004;border-radius:16px;overflow:hidden}
.wc-page .section{padding:28px clamp(20px,5vw,44px)}
.wc-page .covers{margin-top:10px}
.wc-page .covers h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.025em}
.wc-page .plate button{background:var(--sticker)}
.wc-page .plate button:hover{background:var(--sticker);filter:brightness(1.08)}
.wc-page .note a{text-decoration:underline}
@media print{
 body{background:#fff!important;color:#000!important}
 body>.header,body>.final-cta,body>footer{display:none!important}
 body:before{display:none!important}
 .wc-page{padding:0;background:#fff;font-size:10pt}
 .wc-page .hero,.wc-page .covers{display:none!important}
 .wc-page .report{box-shadow:none;overflow:visible}
 .wc-page .report-head{break-inside:avoid}
 .wc-page .next{display:none}
}