:root{--primary:#CE6133;--accent:#E4945C;--peach:#F5DAC0;--bg:#F9F4F0;--lav:#E3D3E1;--navy:#0B1023;--grey:#716c70;--green:#177d5b;--red:#b22c3b;--amber:#a45b00;--white:#fff;--shadow:0 14px 40px rgba(11,16,35,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}a{color:inherit}.site-head,.report-hero{height:76px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eadfd8;position:relative;z-index:10}.brand{font-weight:850;text-decoration:none;font-size:19px}.brand span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--primary);color:#fff;margin-right:8px}.site-head nav{display:flex;gap:28px}.site-head nav a{text-decoration:none;color:var(--grey);font-weight:650}.hero{text-align:center;padding:86px 20px 70px;background:radial-gradient(circle at 20% 20%,var(--lav),transparent 30%),radial-gradient(circle at 80% 15%,var(--peach),transparent 31%)}.eyebrow,.report-title span,.summary-copy>span{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-size:12px;font-weight:850}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.02;max-width:850px;margin:15px auto}.hero>p{font-size:19px;color:#514d51;max-width:720px;margin:0 auto 32px}.audit-form{max-width:880px;margin:auto;padding:22px;background:#fff;border:1px solid #ebddd5;border-radius:24px;box-shadow:var(--shadow);text-align:left}.audit-form>label,.options span{font-size:13px;font-weight:750;display:block;margin:0 0 7px}.url-row{display:flex;gap:10px}.url-row input,.options input[type=text]{width:100%;padding:16px;border:1px solid #cfc5c0;border-radius:12px;background:#fff}.url-row button,.primary{border:0;background:var(--primary);color:#fff;padding:15px 24px;border-radius:12px;font-weight:800;white-space:nowrap;cursor:pointer}.options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.options .check{display:flex;gap:9px;align-items:center;font-size:14px}.hint{font-size:13px;color:var(--grey)}.link-button{border:0;background:none;color:var(--primary);cursor:pointer}.error-message{color:var(--red);font-weight:700}.progress-card{max-width:880px;margin:24px auto 0;padding:24px;background:var(--navy);color:#fff;border-radius:22px;text-align:left;box-shadow:var(--shadow)}.progress-top{display:flex;justify-content:space-between}.progress-track{height:12px;background:#2d3040;border-radius:20px;overflow:hidden;margin:14px 0}.progress-track div{height:100%;width:2%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .5s}.progress-card ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:5px;list-style:none;font-size:12px;color:#8f92a0}.progress-card li span{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid #555a6c;margin-right:6px}.progress-card li.active{color:#fff}.progress-card li.done{color:var(--accent)}.button-secondary,.report-actions button,.report-actions a{border:1px solid #d8cdc7;background:#fff;border-radius:9px;padding:9px 12px;text-decoration:none;font-size:13px;font-weight:750;cursor:pointer}.progress-card .button-secondary{background:transparent;color:#fff;border-color:#555a6c;margin-top:12px}.hero+section,.hero~section{max-width:1100px;margin:auto;padding:70px 20px}footer{background:var(--navy);color:#fff;padding:40px 5%;display:flex;justify-content:space-between}footer a{margin-left:20px;color:#ddd}
.report-page{background:#f7f3f0}.report-hero{position:sticky;top:0}.report-actions{display:flex;gap:7px;align-items:center;overflow-x:auto}.report-actions .primary{background:var(--primary)}.report-summary{max-width:1440px;margin:28px auto 16px;padding:28px;display:grid;grid-template-columns:170px 1fr 1.4fr;gap:28px;align-items:center;background:var(--navy);color:#fff;border-radius:24px}.score{width:140px;height:140px;border:10px solid var(--accent);border-radius:50%;display:flex;flex-wrap:wrap;align-content:center;justify-content:center}.score strong{font-size:50px;line-height:1}.score span{align-self:end;color:#aaa}.score b{width:100%;text-align:center;color:var(--peach)}.summary-copy h1{font-size:34px;margin:4px 0}.summary-copy p{color:#bfc1ca;word-break:break-all}.summary-copy time{font-size:13px;color:#8e93a5}.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.totals div{padding:12px;border-radius:10px;background:#202537}.totals b,.totals span{display:block}.totals b{font-size:21px}.totals span{font-size:11px;color:#b9bdc9}.quick-metrics,.score-note{max-width:1440px;margin:0 auto 16px;background:#fff;border:1px solid #e7ddd7;border-radius:18px;padding:18px}.quick-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#e8ded9}.quick-metrics div{background:#fff;padding:14px}.quick-metrics span,.quick-metrics b{display:block}.quick-metrics span{text-transform:capitalize;font-size:11px;color:var(--grey)}.quick-metrics b{margin-top:4px}.score-note{display:flex;gap:25px;align-items:center}.score-note p{margin:0;color:var(--grey)}.report-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;padding-bottom:80px}.report-layout aside{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid #e7ddd7;border-radius:16px;padding:9px;max-height:calc(100vh - 110px);overflow:auto}.report-layout aside a{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:700}.report-layout aside a.active{background:var(--peach);color:#77371c}.dot{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;color:#fff;border-radius:10px;font-size:10px;margin-left:3px}.dot.error{background:var(--red)}.dot.warning{background:var(--amber)}.dot.opportunity{background:#735877}.report-section{scroll-margin-top:95px;margin-bottom:26px}.report-title{display:flex;justify-content:space-between;align-items:center;margin:5px 2px 12px}.report-title h2{font-size:28px;margin:3px 0}.category-score{font-size:24px;font-weight:850}.check-card{background:#fff;border:1px solid #e5dad4;border-radius:14px;margin-bottom:9px;overflow:hidden}.check-head{width:100%;border:0;background:#fff;padding:17px;display:grid;grid-template-columns:36px 1fr 20px;text-align:left;gap:12px;cursor:pointer}.status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900}.check-card[data-status=passed] .status-icon{background:#d9f2e8;color:var(--green)}.check-card[data-status=warning] .status-icon{background:#fff0cd;color:var(--amber)}.check-card[data-status=error] .status-icon{background:#f9dadd;color:var(--red)}.check-card[data-status=opportunity] .status-icon{background:var(--lav);color:#684c6b}.check-head small,.check-head strong,.check-head em{display:block}.check-head small{font-size:11px;text-transform:uppercase;color:var(--grey)}.check-head strong{font-size:17px}.check-head em{font-style:normal;color:var(--grey);font-size:14px}.check-body{padding:0 24px 22px 65px;border-top:1px solid #eee5e0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:18px}.check-body strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.check-body p,.check-body pre{color:#504c50;font:14px/1.55 inherit;white-space:pre-wrap;word-break:break-word}.evidence pre{background:#111728;color:#dce2ee;padding:13px;border-radius:9px;max-height:260px;overflow:auto}.learn{font-size:12px;color:var(--primary)}.recommendation{background:#fff;border-left:5px solid var(--accent);padding:20px;border-radius:12px;margin-bottom:10px}.recommendation.critical,.recommendation.high{border-color:var(--red)}.recommendation span{font-size:11px;text-transform:uppercase;color:var(--primary);font-weight:800}.recommendation h3{margin:5px 0}.recommendation p{margin:7px 0;color:var(--grey)}.issues-only .check-card[data-status=passed],.issues-only .check-card[data-status=not_applicable],.issues-only .check-card[data-status=unable_to_test]{display:none}
@media(max-width:900px){.site-head nav{display:none}.url-row{display:block}.url-row button{width:100%;margin-top:9px}.options{grid-template-columns:1fr}.progress-card ol{grid-template-columns:1fr 1fr}.report-hero{height:auto;padding:12px;display:block}.report-actions{margin-top:10px}.report-summary{margin:12px;grid-template-columns:120px 1fr}.score{width:110px;height:110px}.score strong{font-size:38px}.totals{grid-column:1/-1}.quick-metrics{margin:12px;grid-template-columns:repeat(3,1fr)}.score-note{margin:12px;display:block}.report-layout{display:block;padding:0 12px}.report-layout aside{position:sticky;top:118px;display:flex;z-index:5;white-space:nowrap;border-radius:10px;margin-bottom:16px}.report-layout aside a{flex:0 0 auto}.detail-grid{grid-template-columns:1fr}.check-body{padding-left:24px}}
@media(max-width:560px){.hero{padding-top:55px}.hero h1{font-size:42px}.progress-card ol{grid-template-columns:1fr}.report-summary{grid-template-columns:1fr;text-align:center}.score{margin:auto}.totals{grid-template-columns:repeat(2,1fr)}.quick-metrics{grid-template-columns:repeat(2,1fr)}footer{display:block}footer div{margin-top:15px}footer a{margin:0 12px 0 0}}
@media print{.report-hero,.report-layout aside,.score-note{display:none!important}.report-page{background:#fff}.report-summary,.quick-metrics,.report-layout{max-width:none;margin:0}.report-summary{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-layout{display:block}.check-card,.recommendation{break-inside:avoid}.check-body[hidden]{display:block}.report-section{break-before:page}.report-section:first-child{break-before:auto}}

/* Report presentation refinements — v1.0.2 */
body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.005em}
.quick-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:transparent;border:0;padding:0}
.quick-metrics div{min-width:0;min-height:104px;padding:18px 20px;border:1px solid #e4d7d0;border-radius:14px;background:linear-gradient(145deg,#fff 0%,#fffaf7 100%);box-shadow:0 7px 22px rgba(11,16,35,.055)}
.quick-metrics span{font-size:11px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:#777078}
.quick-metrics b{margin-top:8px;color:var(--navy);font-size:24px;line-height:1.25;font-weight:800;overflow-wrap:anywhere;word-break:break-word}
.quick-metrics div:last-child b{font-size:14px;line-height:1.55;font-weight:650;color:#3f3b45}
.report-title{min-height:92px;margin:0 0 14px;padding:18px 20px;background:#fff;border:1px solid #e4d7d0;border-radius:16px;box-shadow:0 7px 22px rgba(11,16,35,.045)}
.report-title h2{font-size:27px;line-height:1.2}
.category-score{display:grid;place-items:center;min-width:86px;height:54px;padding:0 15px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#b94c23);color:#fff;font-size:22px;font-weight:900;box-shadow:0 7px 18px rgba(206,97,51,.22)}
.report-content{min-width:0}
@media(max-width:900px){.quick-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.quick-metrics div{min-height:94px}.report-title{min-height:82px}}
@media(max-width:560px){.quick-metrics{grid-template-columns:1fr}.quick-metrics b{font-size:22px}.report-title{align-items:flex-start}.category-score{min-width:76px;height:48px;font-size:19px}}