img { max-width: 100%; }
main, article, .prose { min-width: 0; overflow-wrap: anywhere; }
nav, .footnav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
nav a, .footnav a, .backlink { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 4px; }
.footnav a { margin-right: 0; }
.precheck-nav { margin: 0 0 12px; font-size: 15px; border-bottom: 1px solid #344764; }
footer { overflow-wrap: anywhere; }
a:focus-visible, summary:focus-visible { outline: 3px solid #9bb5ff; outline-offset: 3px; }
.restore-preview-note { font-size: 13px; line-height: 1.6; color: #b6c3dd; }
.restore-method summary { min-height: 44px; padding: 10px 0; }
.table-scroll, .evidence-table-scroll { max-width: 100%; overflow-x: auto; }
@media (max-width: 480px) {
  .restore-disclosure, .restore-method { font-size: 13px; line-height: 1.5; }
  .restore-case { padding: 12px 0; }
  .restore-case h3 { font-size: 14px; line-height: 1.4; }
  .restore-case h3 span, .restore-triplet a { font-size: 12px; }
  .restore-triplet img { height: 80px; }
  .restore-metrics, .restore-origin { font-size: 12px !important; line-height: 1.5 !important; }
  #dropzone .small { font-size: 12px; line-height: 1.5; }
}

/* 2026-10-19: shared reading layout; content and cleanup engine unchanged. */
:root{--bg:#0b1020;--text:#edf2ff;--muted:#b6c3dd;--accent:#a5b9ff;--line:#344764;color-scheme:dark}
body{background:#0b1020;font-size:18px;line-height:1.7}
body p,body li,body .lede,body .restore-disclosure,body .restore-preview-note,body .restore-method,body .restore-method p,body .restore-metrics,body .restore-origin,body .synthetic-data-link,body .evidence-note{font-size:16px!important;line-height:1.7!important}
body p{margin-bottom:20px}body .wrap{width:100%;padding:22px 24px 56px}
body h1{font-size:clamp(28px,4vw,40px);line-height:1.22;letter-spacing:-.025em}
body h2,body #restore-tests h2,body .test-data-section h2{font-size:25px;line-height:1.35;margin:34px 0 14px}
body h3{font-size:20px;line-height:1.4;margin:26px 0 12px}
body a{color:var(--accent);text-underline-offset:4px}body a:hover{text-decoration-thickness:2px}
body nav,body .footnav{gap:4px 18px}body nav a,body .footnav a{min-height:44px;font-size:16px;padding:8px 0}
body .precheck-nav{margin-bottom:16px;border-color:var(--line)}
body .tool-home,body.tool-home{background:#0b1020}
body.tool-home header{text-align:left;padding:6px 0 0;max-width:760px}
body.tool-home .lede{max-width:760px;margin:0 0 14px;color:var(--muted)}
body.tool-home h1{margin:0 0 10px}
body #dropzone{background:#141d32;border:2px dashed #8da4df;border-radius:14px;padding:24px 18px;margin:16px 0 24px;min-height:120px}
body #dropzone .big{font-size:18px;line-height:1.6;margin-bottom:8px}
body #dropzone .small{font-size:16px;line-height:1.6;color:var(--muted)}
body #dropzone:focus-visible{outline:3px solid #a5b9ff;outline-offset:4px}
body .guide-section,body #restore-tests,body .article-guide,body .synthetic-data-link{max-width:760px;margin:32px auto}
body .guide-section p{color:var(--muted)}body .guide-section h2{color:var(--text)}
body .guide-section pre,body pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#141d32;border:1px solid var(--line);border-radius:12px;padding:18px;font-size:16px;line-height:1.7}
body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
body blockquote{margin:24px 0;padding:12px 20px;border-left:3px solid #a5b9ff;background:#141d32;color:var(--muted)}
body .restore-case{padding:20px 0}body .restore-case h3{font-size:19px;line-height:1.45;margin:0 0 12px}
body .restore-case h3 span{display:block;font-size:16px;line-height:1.6;color:var(--muted)}
body .restore-triplet{gap:10px}body .restore-triplet a{font-size:16px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
body .restore-triplet a span{display:flex;min-height:44px;align-items:center;justify-content:center}
body .restore-triplet img{height:160px;object-fit:contain}body .restore-metrics,body .restore-origin{margin-top:10px!important}
body .restore-method summary{font-size:16px;line-height:1.6;min-height:44px;padding:12px 0}
body .ctl label,body .ctl .hint,body .zoomrow .cap,body #readout,body #status{font-size:16px;line-height:1.6}
body .ctl label{flex-wrap:wrap;gap:4px 12px}body select{min-height:44px;font-size:16px}body button{min-height:48px}
body .table-scroll,body .evidence-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--line);border-radius:10px}
body table,body .test-data-section table{font-size:16px;line-height:1.6;border-collapse:collapse}
body th,body td{padding:12px 14px;border-bottom:1px solid var(--line)}body thead{background:#18233c}
body caption,body figcaption{font-size:16px;line-height:1.6;color:var(--muted)}
body figure{margin:28px 0}body img{max-width:100%}body .evidence-quicklinks,body .evidence-source-links{font-size:16px;line-height:1.6}
body .evidence-quicklinks a,body .evidence-source-links a,body .sources a{min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere}
body .evidence-download,body .evidence-download:hover{color:#0b1020}
body footer{max-width:760px;margin:40px auto 0;color:var(--muted)}body footer h3{font-size:25px}
@media(max-width:600px){body .wrap{padding:14px 18px 40px}body{font-size:16px}body h1{font-size:28px}body h2,body #restore-tests h2,body .test-data-section h2{font-size:23px}body .precheck-nav{margin-bottom:14px}body #dropzone{padding:18px 14px}body #dropzone .big{font-size:17px}body .restore-triplet{gap:8px}body .restore-triplet img{height:96px}body .restore-triplet a{font-size:16px}body .test-data-section,body .sources{padding:16px}body .evidence-download{width:100%;justify-content:center}}
