.audit-page{--ink:#f5f7fa;--muted:#a3acb8;--line:#ffffff20;--green:#77beff;--lime:#77beff;--paper:#000;--gradient:linear-gradient(60deg,#3663d8 -20%,#77beff 100%)}:is(.audit-content,.audit-dialog) *{box-sizing:border-box;cursor:auto!important}:is(.audit-content,.audit-dialog) a{color:var(--green);text-decoration:none}:is(.audit-content,.audit-dialog) a:hover,:is(.audit-content,.audit-dialog) a:focus{color:#fff}:is(.audit-content,.audit-dialog) button,:is(.audit-content,.audit-dialog) a,:is(.audit-content,.audit-dialog) summary{cursor:pointer!important}:is(.audit-content,.audit-dialog) input,:is(.audit-content,.audit-dialog) textarea{cursor:text!important}:is(.audit-content,.audit-dialog) button:disabled{cursor:wait!important}:is(.audit-content,.audit-dialog) button:focus-visible,:is(.audit-content,.audit-dialog) a:focus-visible,:is(.audit-content,.audit-dialog) summary:focus-visible{outline:2px solid #77beff;outline-offset:4px}:is(.audit-content,.audit-dialog) button{font:600 17px Jost,sans-serif;border:1px solid transparent;padding:14px 23px;border-radius:4px;color:#fff;background:var(--gradient);transition:filter .2s,transform .2s}:is(.audit-content,.audit-dialog) button:hover{filter:brightness(1.12)}:is(.audit-content,.audit-dialog) button:disabled{opacity:.55}:is(.audit-content,.audit-dialog) button span{margin-left:18px}:is(.audit-content,.audit-dialog) .secondary{background:#142135;color:#9dcfff;border-color:#294362}:is(.audit-content,.audit-dialog) h1,:is(.audit-content,.audit-dialog) h2,:is(.audit-content,.audit-dialog) h3{font-family:'Russo One',sans-serif;color:#fff;letter-spacing:0;font-weight:400;line-height:1.35;text-transform:none!important}:is(.audit-content,.audit-dialog) h2{font-size:26px}:is(.audit-content,.audit-dialog) h3{font-size:20px}:is(.audit-content,.audit-dialog) p{line-height:1.7}:is(.audit-content,.audit-dialog) .muted{color:var(--muted)}:is(.audit-content,.audit-dialog) .hidden{display:none!important}.audit-content{max-width:1120px;margin:auto;padding:0 32px}:is(.audit-content,.audit-dialog) .intro{position:relative;text-align:center;padding:75px 0 42px;background:radial-gradient(ellipse at 50% 25%,#11254b66,transparent 67%)}:is(.audit-content,.audit-dialog) .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--green);font-size:16px;font-weight:600;letter-spacing:2px}:is(.audit-content,.audit-dialog) .eyebrow span{font-size:27px}:is(.audit-content,.audit-dialog) .intro h1{font-size:clamp(48px,6vw,82px);line-height:1.15;margin:20px 0 22px}:is(.audit-content,.audit-dialog) .intro h1 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:is(.audit-content,.audit-dialog) .intro p{color:#b1b9c4;font-size:19px;margin:0;line-height:1.65}:is(.audit-content,.audit-dialog) .hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}:is(.audit-content,.audit-dialog) .hero-tags span{font-size:16px;letter-spacing:.5px;color:#a4b6cd;padding:4px 10px;border:1px solid #28384c;background:#0a121d}:is(.audit-content,.audit-dialog) .search-card{background:linear-gradient(125deg,#111723,#090b0f);border:1px solid #2c3d54;padding:32px;position:relative;border-radius:4px;box-shadow:0 12px 70px #0d25502b}:is(.audit-content,.audit-dialog) .search-card:before{content:'';height:2px;position:absolute;top:-1px;left:0;right:0;background:var(--gradient)}:is(.audit-content,.audit-dialog) label{display:block;font-size:17px;font-weight:500;color:#d4d6d7;margin-bottom:10px}:is(.audit-content,.audit-dialog) .mode-switch{display:flex;gap:7px;margin-bottom:25px}:is(.audit-content,.audit-dialog) .mode-switch button,:is(.audit-content,.audit-dialog) .bot-filters button{background:transparent;border:1px solid #ffffff26;color:#aeb8c7;padding:10px 18px}:is(.audit-content,.audit-dialog) .mode-switch .selected,:is(.audit-content,.audit-dialog) .bot-filters .selected{color:#93caff;background:#142a45;border-color:#4878b1}:is(.audit-content,.audit-dialog) .input-row{display:flex;align-items:center;border:1px solid #31425a;background:#05080e;border-radius:3px;padding:5px;gap:4px}:is(.audit-content,.audit-dialog) .url-icon{font-size:25px;color:var(--green);margin-left:14px}:is(.audit-content,.audit-dialog) input{font:inherit;color:#f1f5fb;background:#05080e;border:0;padding:14px;min-width:0;flex:1;outline:none!important;border-radius:3px}:is(.audit-content,.audit-dialog) input::placeholder,:is(.audit-content,.audit-dialog) textarea::placeholder{color:#748299}:is(.audit-content,.audit-dialog) input:focus{box-shadow:inset 0 -2px #77beff}:is(.audit-content,.audit-dialog) textarea{font:inherit;background:#05080e;color:#f1f5fb;resize:vertical;width:100%;padding:15px;border:1px solid #31425a;border-radius:3px;line-height:1.7}:is(.audit-content,.audit-dialog) textarea:focus{outline:2px solid #77beff;outline-offset:1px}:is(.audit-content,.audit-dialog) details{margin-top:20px}:is(.audit-content,.audit-dialog) summary{font-size:16px;color:#b0becf}:is(.audit-content,.audit-dialog) summary span{font-size:16px;color:#798ba3;margin-left:8px}:is(.audit-content,.audit-dialog) .competitor-inputs{display:flex;gap:12px;margin-top:15px}:is(.audit-content,.audit-dialog) .competitor-inputs input{width:50%;border:1px solid #31425a}:is(.audit-content,.audit-dialog) .submit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}:is(.audit-content,.audit-dialog) .submit-row>span{font-size:16px;color:#8799b1}:is(.audit-content,.audit-dialog) .form-foot{display:flex;justify-content:space-between;color:#8190a5;font-size:16px;margin-top:24px;border-top:1px solid var(--line);padding-top:17px}:is(.audit-content,.audit-dialog) .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}:is(.audit-content,.audit-dialog) .field-grid input,:is(.audit-content,.audit-dialog) .field-grid textarea{width:100%;border:1px solid #31425a}:is(.audit-content,.audit-dialog) .text-help{display:flex;gap:16px;justify-content:space-between;font-size:16px;color:#8d9bb0;margin-top:9px}:is(.audit-content,.audit-dialog) .text-help span:last-child{white-space:nowrap}:is(.audit-content,.audit-dialog) .section-label{font-size:16px;color:#8297b3;letter-spacing:2px;margin:42px 0 20px}:is(.audit-content,.audit-dialog) .features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}:is(.audit-content,.audit-dialog) .features article{padding:27px 24px;border:1px solid var(--line);border-radius:3px;background:#0b0d12}:is(.audit-content,.audit-dialog) .feature-icon{font-size:30px;color:var(--green);height:42px}:is(.audit-content,.audit-dialog) .features h3{font-size:18px;margin:15px 0 12px}:is(.audit-content,.audit-dialog) .features p{font-size:17px;color:#9aa5b5;line-height:1.8;margin:0 0 24px}:is(.audit-content,.audit-dialog) .features article>span{font-size:16px;color:#6d8aaf;letter-spacing:1.4px}:is(.audit-content,.audit-dialog) .note{color:#909db0;font-size:16px;line-height:1.9;padding:26px 0}:is(.audit-content,.audit-dialog) .note b{color:#badbff}:is(.audit-content,.audit-dialog) .back-top{white-space:nowrap}:is(.audit-content,.audit-dialog) .progress{display:flex;gap:16px;align-items:center;padding:28px;color:var(--green)}:is(.audit-content,.audit-dialog) .progress small{display:block;margin-top:6px;color:#96a9c5;line-height:1.6}:is(.audit-content,.audit-dialog) .spinner{width:25px;height:25px;border:2px solid #243859;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}:is(.audit-content,.audit-dialog) .error{padding:20px;margin:20px 0;color:#ffd0bb;border:1px solid #ad583a;background:#321d18;font-size:17px;overflow-wrap:anywhere}:is(.audit-content,.audit-dialog) .result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:38px 0 20px}:is(.audit-content,.audit-dialog) .result-heading h2{font-size:25px;margin:0 0 7px}:is(.audit-content,.audit-dialog) .result-heading a{font-size:16px;overflow-wrap:anywhere}:is(.audit-content,.audit-dialog) .result-heading button{background:#14243b;border:1px solid #2c4b74;color:#a9d6ff;padding:12px 18px;white-space:nowrap}:is(.audit-content,.audit-dialog) .overview{display:grid;grid-template-columns:185px 1fr;gap:28px;background:linear-gradient(125deg,#142b54,#071323);border:1px solid #315984;padding:30px;border-radius:3px}:is(.audit-content,.audit-dialog) .score{font:400 58px 'Russo One',sans-serif;color:#77beff;line-height:1.2}:is(.audit-content,.audit-dialog) .score small{font:400 18px Jost,sans-serif;color:#7f9bc3}:is(.audit-content,.audit-dialog) .overview>div>small{color:#a5b7d2;font-size:16px}:is(.audit-content,.audit-dialog) .overview h3{font-size:23px;margin:0 0 10px}:is(.audit-content,.audit-dialog) .overview p{font-size:17px;color:#a7bbd7;margin:0}:is(.audit-content,.audit-dialog) .panel{padding:27px;background:#0b0e15;border:1px solid var(--line);border-radius:3px;margin-top:20px}:is(.audit-content,.audit-dialog) .panel h3{font-size:20px;margin:0 0 12px}:is(.audit-content,.audit-dialog) .panel>p{font-size:17px;color:#9ba9bd;line-height:1.8}:is(.audit-content,.audit-dialog) .report-editor{border-color:#294d7f;background:linear-gradient(120deg,#101c30,#0b0e15)}:is(.audit-content,.audit-dialog) .report-editor>button{margin-right:8px;margin-bottom:8px}:is(.audit-content,.audit-dialog) .bot-filters{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}:is(.audit-content,.audit-dialog) .bot-filters button{font-size:16px;padding:9px 12px}:is(.audit-content,.audit-dialog) .bots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}:is(.audit-content,.audit-dialog) .bot{border:1px solid #273143;background:#080c14;padding:18px;display:flex;flex-direction:column;min-width:0;border-radius:3px}:is(.audit-content,.audit-dialog) .bot-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}:is(.audit-content,.audit-dialog) .bot-top b{font-size:17px;color:#e1e9f4}:is(.audit-content,.audit-dialog) .bot small{display:block;font-size:16px;color:#869bb7;margin:7px 0}:is(.audit-content,.audit-dialog) .bot p{font-size:16px;line-height:1.75;color:#9eacc0;margin:7px 0}:is(.audit-content,.audit-dialog) .bot a{font-size:16px;margin-top:auto;padding-top:8px}:is(.audit-content,.audit-dialog) .pill{display:inline-block;color:#9bc8f1;background:#142c46;border:1px solid #2d547c;font-size:16px;padding:4px 7px;border-radius:3px;white-space:nowrap}:is(.audit-content,.audit-dialog) .pill.fail{background:#382318;color:#f5bd99;border-color:#74452b}:is(.audit-content,.audit-dialog) .pill.unknown{background:#252834;color:#c0c6d4;border-color:#464959}:is(.audit-content,.audit-dialog) .coverage-note{background:#121b28;border-left:2px solid #608bbe;padding:18px;font-size:16px;line-height:1.9;color:#9fb0c7}:is(.audit-content,.audit-dialog) .check{display:grid;grid-template-columns:25px 1fr 50px;gap:10px;padding:17px 0;border-top:1px solid var(--line)}:is(.audit-content,.audit-dialog) .check b{font-size:17px;color:#dae4f2}:is(.audit-content,.audit-dialog) .check p{color:#99a9bf;font-size:16px;line-height:1.7;margin:6px 0;overflow-wrap:anywhere}:is(.audit-content,.audit-dialog) .check .action,:is(.audit-content,.audit-dialog) .action{color:#e5b58d}:is(.audit-content,.audit-dialog) .check>small{font-size:16px;color:#8398b5;text-align:right}:is(.audit-content,.audit-dialog) .passed{color:#91caff}:is(.audit-content,.audit-dialog) .failed{color:#e8aa7f}:is(.audit-content,.audit-dialog) .recommendation{padding:15px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.8;color:#a7b6ca}:is(.audit-content,.audit-dialog) .recommendation b{color:#a2d1ff}:is(.audit-content,.audit-dialog) .table-wrap{overflow:auto}:is(.audit-content,.audit-dialog) table{width:100%;border-collapse:collapse;font-size:16px;color:#afbed2}:is(.audit-content,.audit-dialog) th,:is(.audit-content,.audit-dialog) td{text-align:left;padding:13px 9px;border-bottom:1px solid var(--line)}:is(.audit-content,.audit-dialog) th{color:#8299b9;font-weight:500}:is(.audit-content,.audit-dialog) td a{overflow-wrap:anywhere}:is(.audit-content,.audit-dialog) .source-links a{display:inline-block;font-size:16px;margin-right:18px}:is(.audit-content,.audit-dialog) .microsoft-panel{border-left:2px solid #77beff}.audit-dialog{width:min(1100px,96vw);height:92vh;padding:0;border:1px solid #3e5e87;border-radius:4px;box-shadow:0 25px 90px #0009;overflow:hidden;background:#090e17}.audit-dialog::backdrop{background:#000b}:is(.audit-content,.audit-dialog) .report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#0c1628;border-bottom:1px solid #29466e;color:white}:is(.audit-content,.audit-dialog) .report-toolbar div{display:flex;gap:7px}:is(.audit-content,.audit-dialog) .report-toolbar button{padding:11px 13px;font-size:16px}:is(.audit-content,.audit-dialog) #report-frame{width:100%;height:calc(100% - 77px);border:0;background:#eaf0f7}@media(min-width:1500px){.audit-content{max-width:1200px}}@media(max-width:850px){:is(.audit-content,.audit-dialog) .features{gap:12px}:is(.audit-content,.audit-dialog) .features article{padding:22px 18px}:is(.audit-content,.audit-dialog) .features h3{font-size:16px}.audit-content{padding:0 24px}:is(.audit-content,.audit-dialog) .intro{padding-top:55px}}@media(max-width:600px){:is(.audit-content,.audit-dialog) .intro{padding:42px 0 32px}:is(.audit-content,.audit-dialog) .intro h1{font-size:48px}:is(.audit-content,.audit-dialog) .intro p{font-size:16px}:is(.audit-content,.audit-dialog) .eyebrow{font-size:16px;letter-spacing:1px}:is(.audit-content,.audit-dialog) .desktop{display:none}:is(.audit-content,.audit-dialog) .hero-tags{gap:6px}:is(.audit-content,.audit-dialog) .hero-tags span{font-size:16px;padding:3px 7px}.audit-content{padding:0 18px}:is(.audit-content,.audit-dialog) .search-card{padding:22px 18px}:is(.audit-content,.audit-dialog) .mode-switch button{flex:1;padding:10px;font-size:16px}:is(.audit-content,.audit-dialog) .field-grid,:is(.audit-content,.audit-dialog) .bots,:is(.audit-content,.audit-dialog) .features{grid-template-columns:1fr}:is(.audit-content,.audit-dialog) .competitor-inputs{flex-direction:column}:is(.audit-content,.audit-dialog) .competitor-inputs input{width:100%}:is(.audit-content,.audit-dialog) .submit-row{flex-direction:column;align-items:stretch}:is(.audit-content,.audit-dialog) .submit-row>span{text-align:center;font-size:16px}:is(.audit-content,.audit-dialog) .form-foot>span:last-child{display:none}:is(.audit-content,.audit-dialog) .text-help{flex-direction:column;gap:4px}:is(.audit-content,.audit-dialog) .overview{grid-template-columns:1fr;gap:18px;padding:24px}:is(.audit-content,.audit-dialog) .overview h3{font-size:21px}:is(.audit-content,.audit-dialog) .panel{padding:22px 18px}:is(.audit-content,.audit-dialog) .result-heading{align-items:flex-start}:is(.audit-content,.audit-dialog) .result-heading h2{font-size:21px}:is(.audit-content,.audit-dialog) .result-heading button{padding:10px;font-size:16px}:is(.audit-content,.audit-dialog) .report-toolbar{flex-direction:column;align-items:stretch}:is(.audit-content,.audit-dialog) .report-toolbar div{flex-wrap:wrap}:is(.audit-content,.audit-dialog) #report-frame{height:calc(100% - 120px)}:is(.audit-content,.audit-dialog) .features p{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){:is(.audit-content,.audit-dialog) *,:is(.audit-content,.audit-dialog) *:before,:is(.audit-content,.audit-dialog) *:after{animation-duration:.01ms!important;transition:none!important}}:is(.audit-content,.audit-dialog) .audit-guide{padding:55px 0 15px;border-top:1px solid var(--line);margin-top:45px}:is(.audit-content,.audit-dialog) .audit-guide .section-label{margin:0 0 18px}:is(.audit-content,.audit-dialog) .audit-guide h2{font-size:clamp(27px,3.5vw,40px);line-height:1.3}:is(.audit-content,.audit-dialog) .guide-lead{max-width:800px;color:#a9b6c8;font-size:17px;margin-bottom:28px}:is(.audit-content,.audit-dialog) .audit-guide .feature-icon{font:400 24px 'Russo One',sans-serif}:is(.audit-content,.audit-dialog) .guide-faq{border-bottom:1px solid var(--line);padding:18px 0;margin:0}:is(.audit-content,.audit-dialog) .guide-faq summary{font-size:16px;color:#d5e6fb}:is(.audit-content,.audit-dialog) .guide-faq p{font-size:17px;max-width:850px;color:#9faec3;padding:8px 0}:is(.audit-content,.audit-dialog) .positioning-offer{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:50px 0 25px;padding:38px;background:linear-gradient(125deg,#15294a,#080e19);border:1px solid #355782}:is(.audit-content,.audit-dialog) .positioning-offer .eyebrow{justify-content:flex-start;font-size:16px;letter-spacing:1px}:is(.audit-content,.audit-dialog) .positioning-offer h2{font-size:clamp(28px,3.5vw,43px);margin:18px 0;line-height:1.25}:is(.audit-content,.audit-dialog) .positioning-offer h2 span{color:#77beff}:is(.audit-content,.audit-dialog) .positioning-offer p{color:#a9bdd9;font-size:17px}:is(.audit-content,.audit-dialog) .positioning-offer ul{list-style:none;margin:0 0 24px;padding:0}:is(.audit-content,.audit-dialog) .positioning-offer li{padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid #ffffff1f}:is(.audit-content,.audit-dialog) .positioning-offer li b{display:block;color:#e5efff;font-size:16px}:is(.audit-content,.audit-dialog) .positioning-offer li span{display:block;color:#9ab0cf;font-size:17px;margin-top:5px}:is(.audit-content,.audit-dialog) .service-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 20px;background:var(--gradient);color:white;font-weight:600;font-size:17px;max-width:100%}:is(.audit-content,.audit-dialog) .service-cta:hover{color:white;filter:brightness(1.15)}:is(.audit-content,.audit-dialog) .positioning-offer .offer-note{font-size:16px;line-height:1.8;color:#8da5c5;margin:14px 0}:is(.audit-content,.audit-dialog) .service-more{font-size:16px}@media(max-width:700px){:is(.audit-content,.audit-dialog) .positioning-offer{grid-template-columns:1fr;gap:20px;padding:25px 20px}:is(.audit-content,.audit-dialog) .audit-guide{padding-top:35px}:is(.audit-content,.audit-dialog) .guide-lead{font-size:17px}:is(.audit-content,.audit-dialog) .guide-faq summary{font-size:17px}}:is(.audit-content,.audit-dialog) .request-log-note{font-size:16px;line-height:1.7;color:#8799b1;margin:14px 0 0}

/* Full Webzy template integration */
.audit-content{max-width:none;margin:0;padding:0 0 72px}
.audit-content>section:not(.intro),.audit-content>.request-log-note,.audit-content>#progress,.audit-content>#error{width:calc(100% - 48px);max-width:1120px;margin-left:auto;margin-right:auto}
.audit-content .intro{height:auto;min-height:520px;padding:170px 24px 64px;display:block;background-color:#0b1830;background-blend-mode:multiply;text-align:center}
.audit-content .intro h1{font-size:clamp(42px,6vw,76px);margin:20px 0 24px;line-height:1.15}
.audit-content .intro p{max-width:760px;margin:auto}
.audit-content .search-card{margin-top:48px;border-radius:12px;padding:clamp(22px,4vw,40px)}
.audit-content .features{gap:24px}.audit-content .features article,.audit-content .panel{border-radius:12px}
.audit-content .progress{height:auto;background:transparent;overflow:visible}
.audit-content .positioning-offer{border-radius:12px}
:is(.audit-content,.audit-dialog) a:hover,:is(.audit-content,.audit-dialog) a:focus{color:#b8e2ff}
:is(.audit-content,.audit-dialog) :focus-visible{outline:2px solid #77beff!important;outline-offset:4px}
.audit-dialog:not([open]){display:none}.audit-dialog .report-toolbar{flex-shrink:0}
@media(max-width:768px){.audit-content .intro{min-height:0;padding:140px 24px 48px}.audit-content .intro h1{font-size:clamp(36px,9vw,52px)}.audit-content .intro p{font-size:17px}.audit-content .search-card{margin-top:28px}.audit-content>.intro{width:100%}.audit-content>section:not(.intro),.audit-content>.request-log-note,.audit-content>#progress,.audit-content>#error{width:calc(100% - 32px)}.audit-content .features,.audit-content .field-grid,.audit-content .bots,.audit-content .positioning-offer{grid-template-columns:1fr}.audit-content .submit-row,.audit-content .form-foot,.audit-dialog .report-toolbar{flex-wrap:wrap}.audit-content .submit-row>button{width:100%}.audit-dialog .report-toolbar div{flex-wrap:wrap}.audit-dialog{height:94vh}.audit-dialog #report-frame{height:calc(100% - 140px)}}

/* Keep mobile inputs, result grids and the report preview within the viewport. */
.audit-content .features>*,.audit-content .field-grid>*,.audit-content .overview>*,.audit-content .positioning-offer>*,.audit-content .input-row{min-width:0}
.audit-content .input-row input{width:100%}
.audit-dialog[open]{display:flex;flex-direction:column;max-width:96vw;max-height:94dvh}
.audit-dialog #report-frame{height:auto;flex:1;min-height:0}
.audit-dialog .report-toolbar{flex:0 0 auto}
@media(max-width:768px){
.audit-content .competitor-inputs{flex-direction:column}
.audit-content .competitor-inputs input{width:100%}
.audit-content .text-help{flex-wrap:wrap}
.audit-content .mode-switch{flex-wrap:wrap}
.audit-content .overview{grid-template-columns:1fr}
.audit-content .result-heading{flex-direction:column;align-items:flex-start}
.audit-content .bot-top{flex-wrap:wrap}
.audit-dialog .report-toolbar div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.audit-dialog .report-toolbar button{min-width:0;white-space:normal}
.audit-dialog .report-toolbar button:last-child{grid-column:1/-1}
}
/* Readable audit text; scoped to the form, results and report dialog. */
:is(.audit-content, .audit-dialog) { font-size: 18px; line-height: 1.65; }
:is(.audit-content, .audit-dialog) button { white-space: normal; }
:is(.audit-content, .audit-dialog) .form-foot,
:is(.audit-content, .audit-dialog) .text-help { flex-wrap: wrap; gap: 10px; }
:is(.audit-content, .audit-dialog) .form-foot span,
:is(.audit-content, .audit-dialog) .text-help span { white-space: normal; }
:is(.audit-content, .audit-dialog) .panel,
:is(.audit-content, .audit-dialog) .features article { overflow-wrap: anywhere; }
@media (max-width: 768px) {
  :is(.audit-content, .audit-dialog) { font-size: 17px; }
  :is(.audit-content, .audit-dialog) .mode-switch { flex-wrap: wrap; }
  :is(.audit-content, .audit-dialog) .mode-switch button { min-height: 48px; }
  :is(.audit-content, .audit-dialog) .result-heading { flex-wrap: wrap; gap: 12px; }
}

/* A clear, playful loading state and evidence-based result glow. */
.audit-content { transition: background .6s ease; }
.audit-content[data-audit-state="good"] { background: radial-gradient(ellipse at 50% 42%, rgba(26,185,108,.2), transparent 70%); }
.audit-content[data-audit-state="bad"] { background: radial-gradient(ellipse at 50% 42%, rgba(225,69,69,.18), transparent 70%); }
.audit-content[data-audit-state="neutral"] { background: radial-gradient(ellipse at 50% 42%, rgba(67,137,228,.12), transparent 70%); }
.audit-content #progress { display: flex; min-height: 240px; padding: 36px; gap: 32px; border: 1px solid #345b83; border-radius: 16px; margin-top: 28px; margin-bottom: 28px; background: radial-gradient(ellipse at 20% 50%, #183756, #0a111c 75%); }
.audit-content #progress b { display: block; font-size: clamp(24px,3vw,32px); line-height: 1.3; color: #c9e9ff; }
.audit-content #progress small { font-size: 18px; max-width: 650px; }
.audit-robot { width: 150px; flex: 0 0 150px; color: #77beff; }
.audit-robot svg { width: 100%; overflow: visible; }
.robot-body { animation: robot-bounce .9s ease-in-out infinite alternate; transform-origin: 80px 145px; }
.robot-arm-left, .robot-arm-right { transform-box: fill-box; transform-origin: center; animation: robot-wave .7s ease-in-out infinite alternate; }
.robot-arm-right { animation-delay: -.35s; }
.robot-eyes { animation: robot-blink 3s infinite; transform-origin: 80px 58px; }
.audit-content .audit-outcome { padding: 24px; margin-bottom: 24px; border: 1px solid #44749b; border-radius: 12px; background: #0a1724; }
.audit-content .audit-outcome strong { font-size: 24px; line-height: 1.35; display: block; }
.audit-content .audit-outcome p { margin: 10px 0 0; }
.audit-content[data-audit-state="good"] .audit-outcome { border-color: #43cf95; background: #0d3024; }
.audit-content[data-audit-state="bad"] .audit-outcome { border-color: #e78080; background: #341919; }
@keyframes robot-bounce { from { transform: translateY(0) rotate(-4deg); } to { transform: translateY(-8px) rotate(4deg); } }
@keyframes robot-wave { from { transform: rotate(-12deg); } to { transform: rotate(18deg); } }
@keyframes robot-blink { 0%,92%,100% { opacity: 1; } 95% { opacity: .1; } }
@media (max-width: 600px) {
  .audit-content #progress { flex-direction: column; gap: 16px; padding: 24px 20px; text-align: center; }
  .audit-robot { width: 115px; flex-basis: auto; }
  .audit-content #progress small { font-size: 17px; }
  .audit-content .audit-outcome strong { font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .audit-robot * { animation: none !important; }
  .audit-content { transition: none; }
}