/* Form dimensions and colours match the public Zapier Tattly pilot. */
@font-face{font-family:Inter;src:url('/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#293142;--muted:#596273;--paper:#f0f4ff;--card:#fff;--line:#dbdde1;--green:#2463eb;--blue:#2463eb;--amber:#9a6011;--red:#b42318;--radius:8px;--space:24px}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}
main{width:min(864px,calc(100% - 32px));margin:0 auto;padding:50px 0 80px}
.panel,.score-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #29314205}
.panel{padding:var(--space);margin:24px 0}.input-panel{margin:0}
header{margin-bottom:24px}h1{font-size:24px;line-height:32px;letter-spacing:-.7px;margin:0;font-weight:700}h2{font-size:20px;line-height:28px;margin:0;font-weight:600}h3{font-size:16px;margin:0}.lede{font-size:16px;line-height:24px;margin:0}
.source-label{display:flex;gap:6px;font-size:14px;font-weight:500;line-height:20px;margin-bottom:8px}.source-label span{font-weight:400;color:var(--muted)}
textarea{display:block;width:100%;height:82px;min-height:82px;resize:vertical;border:1px solid var(--line);border-radius:6px;background:var(--card);padding:10px 12px;font:14px/20px Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink)}textarea::placeholder{color:var(--muted);opacity:1}textarea[aria-invalid=true]{border-color:var(--red)}
textarea:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2463eb55;outline-offset:2px}
.privacy-notice{display:flex;gap:8px;border:1px solid #e1e3e8;border-radius:var(--radius);padding:14px 16px;margin:32px 0 24px;font-size:14px;line-height:20px}.privacy-notice svg{flex:none;margin-top:2px}.privacy-notice p{margin:0}
button,select{font:inherit;border-radius:6px}button{min-height:40px;border:0;background:var(--blue);color:white;font-size:14px;line-height:20px;font-weight:500;padding:10px 16px;cursor:pointer}button:hover{background:#1d54d6}button:disabled{opacity:.65;cursor:wait}#inspect-button{width:100%}#clear-button{background:transparent;color:var(--muted);padding:8px 0;min-width:44px}#clear-button:hover{color:var(--blue);text-decoration:underline}
.form-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px}.form-feedback:has(#status:empty):has(#clear-button[hidden]){display:none}#status{font-size:14px;line-height:20px;margin:12px 0 0}#status:empty{margin:0}#status[data-state=error]{color:var(--red)}#status[data-state=success]{color:#217645}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head span,.section-head output{font-size:13px;color:var(--muted)}.step{display:none}.result-heading{margin-top:32px}
.score-grid,.layer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.score-card{padding:20px;display:flex;flex-direction:column;min-height:190px}.score-card span,.score-card small{color:var(--muted)}.score-card strong{font-size:36px;line-height:1.2;margin:16px 0;font-weight:650}.score-card .word-score{font-size:22px;overflow-wrap:anywhere}.score-card small{font-size:12px}.meter{height:6px;border-radius:6px;background:#e9edf5;overflow:hidden;margin-bottom:16px}.meter i{display:block;height:100%;width:0;background:var(--amber)}.meter.quality i{background:var(--blue)}
.layer{border:1px solid var(--line);border-radius:6px;padding:16px}.layer h3{font-size:14px;color:var(--muted)}.layer strong{display:block;font-size:26px;line-height:1.2;margin:8px 0}.layer small{color:var(--muted)}
.sentence-list,.finding-list{display:grid;gap:12px}.sentence,.finding{border-left:3px solid var(--blue);background:#f6f8fc;padding:14px 16px;border-radius:4px}.sentence.ai{border-color:var(--amber)}.sentence.context-supported{border-color:#a8731c;background:#fffaf0}.sentence.human{border-color:#217645}.sentence.neutral{border-color:#858d9c}.finding{border-color:var(--red)}.sentence .meta,.finding .meta{font-size:12px;color:var(--muted);margin:0 0 6px}.sentence p,.finding p{margin:0}.empty{color:var(--muted)}.note{font-size:13px;color:var(--muted);margin:12px 0 0}
.evidence-warning{border-left:3px solid var(--amber);background:#fff6e6;padding:14px 16px;border-radius:4px;margin:16px 0 0;font-size:14px}.context-details{margin-top:12px}summary{cursor:pointer;min-height:40px;padding:8px 0;font-size:14px;font-weight:500}.sentence .source-region{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px 0}.sentence .note{margin-top:8px}.region-filter{display:grid;gap:6px;max-width:360px;margin:16px 0;font-size:14px}select{min-height:40px;border:1px solid var(--line);padding:8px;background:white;color:var(--ink)}.review-action{padding:14px 16px;background:#edf3ff;border-radius:6px}
.help{margin-top:14px;border-top:1px solid var(--line);padding-top:8px;font-size:13px;line-height:1.6;color:var(--muted)}.help summary{color:var(--ink)}.help p{margin:10px 0}.help dl{margin:10px 0}.help dt{font-weight:600;margin-top:8px}.help dd{margin:2px 0 0}.assessment-help{margin:16px 0}.help+.finding-list,.help+.region-filter{margin-top:16px}
.raw pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace;max-height:600px;overflow:auto;background:#f5f7fb;padding:14px;border-radius:6px}
@media(max-width:700px){main{padding-top:24px}.score-grid,.layer-grid{grid-template-columns:1fr}.panel{padding:20px}.section-head{align-items:start;flex-wrap:wrap}h1{font-size:22px;line-height:30px}.score-card{min-height:0}.privacy-notice{padding:12px}.form-feedback{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep progress visible and long reports easy to navigate. */
#inspect-button{display:flex;align-items:center;justify-content:center;gap:8px}
#inspect-button:disabled::before{content:"";width:16px;height:16px;flex:none;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:review-spin .7s linear infinite}
@keyframes review-spin{to{transform:rotate(360deg)}}
.sentence-list{padding:3px 8px 3px 3px}.flagged-sentence-list{margin:12px 0;padding-left:24px}.flagged-sentence-list li+li{margin-top:6px}
.passage-copy{white-space:pre-wrap;line-height:1.65;margin:12px 0}.passage-why{margin:14px 0 8px;line-height:1.6}.passage-why strong{color:#17221d}
.sentence-list:focus-visible{outline:3px solid #2463eb55;outline-offset:3px}
.localization-note{margin:0 0 12px;padding:14px 16px;border-left:3px solid var(--amber);background:#fff8ea;border-radius:4px;color:#5e4a2f}.localization-note strong{display:block;color:#493820}.localization-note p{margin:7px 0 0}
.unresolved-group details{margin-top:10px}.unresolved-group .flagged-sentence-list{max-height:420px;overflow:auto;padding-right:8px}
@media(prefers-reduced-motion:reduce){#inspect-button:disabled::before{animation:none}}

/* Explainable result panels from the review UI branch. */
.uncertainty-panel{border-left:6px solid var(--amber)}.uncertainty-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.uncertainty-columns h3,.uncertainty-panel>h3{font-size:15px;margin:0 0 8px}.uncertainty-columns ul{margin:0;padding-left:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}.feature-item{border:1px solid var(--line);border-radius:10px;padding:13px;background:#f8f5ed}.feature-item strong,.feature-item span,.feature-item small{display:block}.feature-item span{font:700 22px/1.2 Georgia,serif;margin:5px 0}.feature-item small{color:var(--muted)}@media(max-width:820px){.uncertainty-columns,.feature-grid{grid-template-columns:1fr}}
.grade-card{background:#183b2e;color:#fff;border-color:#183b2e}.grade-card span,.grade-card small{color:#c9d8d1}.score-card .grade-title{font:700 29px/1.13 Georgia,serif;margin:17px 0 8px;overflow-wrap:anywhere}.grade-summary{font-size:14px;line-height:1.45;margin:0 0 15px;color:#edf4f0}.result-note{margin:14px 2px 0;color:var(--muted);font-size:14px}.section-intro{margin:-4px 0 18px;color:#4d5952}.expandable-panel>summary{cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:16px;font:700 22px/1.2 Georgia,serif}.expandable-panel>summary small{font:13px/1.4 ui-sans-serif,system-ui;color:var(--muted);font-weight:400}.expandable-panel[open]>summary{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.expandable-panel .layer-grid{margin-top:20px}.technical-details>p{max-width:900px}.raw{margin-top:18px}.compact-help{max-width:720px}.review-action{display:block;margin-top:12px!important}@media(max-width:820px){.expandable-panel>summary{display:grid}}
.primary-controls{grid-template-columns:1fr auto}.compact-help label{max-width:360px;margin-top:10px}@media(max-width:820px){.primary-controls{grid-template-columns:1fr}.primary-controls button{grid-column:auto}}
.attribution-panel{border-left:6px solid #7655a6}.attribution-label{margin:0 0 4px;color:#7655a6;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.attribution-panel h2{font-size:17px}.attribution-panel>strong{display:block;margin:12px 0 4px;font-size:27px;line-height:1.2}.attribution-panel>p{margin:0 0 10px}.attribution-panel>small{display:block;color:var(--muted);line-height:1.5}

/* Match the compact passage, explanation, and numbered-sentence layout. */
.sentence .passage-copy{margin:8px 0 12px;line-height:1.6}.sentence .passage-why{margin:10px 0 5px;font-size:14px;line-height:1.5}.sentence .passage-observations{margin:0 0 12px;font-size:14px;line-height:1.5;color:#4d5952}.flagged-sentence-list{padding-left:24px;margin:12px 0 0}.flagged-sentence-list li{margin:7px 0;line-height:1.55}