.detector-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:65px 0 46px}
.detector-shell{max-width:1200px;width:calc(100% - 80px);margin:0 auto}
.detector-hero h1{font-size:clamp(46px,5.8vw,76px);max-width:850px;margin:20px 0 25px;line-height:1.05}
.detector-hero h1 em{font-weight:500;color:var(--red)}
.detector-lead{max-width:710px;font-size:18px;line-height:1.8;margin-bottom:20px}
.detector-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;margin:0}
.detector-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;padding-top:50px;padding-bottom:70px;align-items:start}
.detector-main{min-width:0}.detector-section-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:25px}
.detector-step{border:1px solid var(--line);font-size:12px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;margin-top:4px;color:var(--red)}
.detector-section-heading h2{font-size:34px;margin:0 0 10px}.detector-section-heading p{font-size:14px;color:var(--muted);margin:0}
.detector-workspace{border-bottom:1px solid var(--line);padding-bottom:30px}
.detector-workspace label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.detector-workspace textarea{display:block;width:100%;min-height:270px;padding:22px;background:#fff;border:1px solid #93968f;border-radius:4px;resize:vertical;font:16px/1.8 var(--sans);color:var(--ink)}
.detector-workspace textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.detector-workspace textarea[aria-invalid=true]{border-color:var(--red)}
.detector-input-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:9px}.detector-input-meta p{margin-bottom:20px}.detector-input-meta [data-over=true]{color:var(--red);font-weight:600}
.detector-actions{display:flex;align-items:center;gap:25px}.detector-actions button{min-height:48px}.detector-actions .btn{font-size:14px}.detector-actions button:disabled{opacity:.5}.detector-clear{padding:10px 0;border:0;background:transparent;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.detector-status{font-size:14px;color:var(--red);margin:17px 0 0}.detector-status:empty{display:none}
.detector-privacy{font-size:11px;color:var(--muted);line-height:1.8;margin:21px 0 0;max-width:610px}
.detector-results{margin-top:34px;border:1px solid var(--line);border-radius:5px;overflow:hidden;scroll-margin-top:120px;outline-offset:5px}
.detector-result-top{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#f4ead8;padding:27px}.detector-results[data-verdict=human] .detector-result-top{background:#e8efe8}.detector-results[data-verdict=ai] .detector-result-top{background:#f7e7e5}
.detector-result-top .eyebrow{margin-bottom:12px}.detector-result-top h2{font-size:29px;margin:0}.detector-score{flex-shrink:0;text-align:right}.detector-score strong{font:500 43px/1 var(--serif)}.detector-score>span{font-size:14px;color:var(--muted)}.detector-score small{display:block;font-size:10px;margin-top:8px}
.detector-result-body{padding:27px}.detector-result-body>p{font-size:15px;line-height:1.8;margin-bottom:20px}.detector-result-body .detector-confidence{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:23px}.detector-confidence strong{text-transform:capitalize}.detector-result-body h3{font-size:21px;margin-bottom:10px}.detector-result-body .detector-result-explainer{font-size:13px;color:var(--muted)}
.detector-legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.detector-legend span{padding:4px 8px;font-size:10px;border-radius:3px}.detector-legend [data-level=low]{background:#f0f3ef}.detector-legend [data-level=mixed]{background:#faf0d6}.detector-legend [data-level=high]{background:#f7e0dc}
.detector-sentences{list-style:none;padding:0;margin:0}.detector-sentences li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:17px;padding:14px;margin:0 0 9px;border-left:3px solid #b2c0ae;background:#f6f8f4}.detector-sentences [data-level=mixed]{border-color:#b18a35;background:#fcf5e6}.detector-sentences [data-level=high]{border-color:#bb736a;background:#fcf0ed}.detector-sentences p{font-size:14px;margin:0;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.detector-sentence-score{font-size:10px;color:#50534d;white-space:nowrap;padding-top:3px}
.detector-guidance{padding-top:40px}.detector-guidance h2{font-size:38px;margin-bottom:24px}.detector-guidance p:not(.eyebrow){font-size:15px;max-width:650px}.detector-research-link{display:block;font-size:14px;font-weight:500;color:var(--red);max-width:650px}
.detector-sidebar{display:grid;gap:30px;min-width:0}.detector-how{border-top:3px solid var(--ink);padding-top:25px}.detector-how h2{font-size:31px;margin-bottom:24px}.detector-how ol{padding-left:18px;font-size:13px}.detector-how li{padding-left:7px;margin-bottom:18px}.detector-how strong,.detector-how span{display:block}.detector-how span{color:var(--muted);font-size:12px;margin-top:4px}.detector-sidebar .preferred-source{margin:0;font-size:12px}
@media(max-width:1000px){.detector-layout{gap:35px;grid-template-columns:minmax(0,1fr) 270px}.detector-shell{width:calc(100% - 48px)}}
@media(max-width:780px){.detector-layout{grid-template-columns:1fr;gap:40px}.detector-hero{padding:44px 0 35px}.detector-hero h1{font-size:54px}.detector-sidebar{grid-template-columns:1fr 1fr;gap:24px}.detector-sidebar .preferred-source{align-self:start}.detector-how{padding-top:25px}}
@media(max-width:520px){.detector-shell{width:calc(100% - 36px)}.detector-hero h1{font-size:46px}.detector-lead{font-size:16px;line-height:1.75}.detector-meta{font-size:11px;gap:7px}.detector-layout{padding-top:34px;padding-bottom:45px}.detector-section-heading{gap:12px}.detector-section-heading h2{font-size:28px}.detector-section-heading p{font-size:13px}.detector-workspace textarea{padding:16px;min-height:260px}.detector-sidebar{grid-template-columns:1fr}.detector-result-top{padding:20px;align-items:flex-start;flex-wrap:wrap}.detector-score{text-align:left}.detector-result-body{padding:20px}.detector-sentences li{gap:8px;padding:11px}.detector-sentences p{font-size:13px}.detector-guidance h2{font-size:34px}.detector-meta span{display:none}.detector-meta{column-gap:16px}.detector-actions{gap:22px}}
