.tool,.content{width:100%;max-width:960px;margin:0 auto;padding:24px;min-width:0}
.tool h1{margin:0 0 18px;font-size:2rem}
.drop-zone{border:2px dashed #bfc7d3;border-radius:14px;padding:24px;background:#f8fafc;text-align:center}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.actions button,.actions a,#pick{min-height:46px;padding:12px 20px;border:1px solid transparent;border-radius:8px;background:#b72f2f;color:white;font:inherit;cursor:pointer;text-decoration:none}
.actions :disabled{opacity:.5;cursor:not-allowed}
.actions #clear{background:#fff;color:var(--text);border-color:#bfc7d3}
.setting{display:grid;grid-template-columns:130px minmax(0,320px);gap:12px;align-items:center;margin-top:18px}
.setting select{width:100%;min-height:46px;min-width:0;font:inherit;padding:8px 10px;border:1px solid #bfc7d3;border-radius:8px;background:#fff;color:var(--text)}
#status{overflow-wrap:anywhere}
[hidden]{display:none!important}
.small{font-size:.9rem;color:#536176;line-height:1.65;margin-top:6px}
#preview section{margin:20px 0;padding:16px;border:1px solid #d5dae2;border-radius:8px;overflow-x:auto}
#preview p{white-space:pre-wrap}
#preview table{width:100%;border-collapse:collapse}
#preview td,#preview th{border:1px solid #d5dae2;padding:8px;text-align:left;overflow-wrap:anywhere}
.content{padding-top:32px;line-height:1.65}
.docx-section{margin-bottom:36px;min-width:0}
.docx-section+.docx-section{padding-top:28px;border-top:1px solid var(--border)}
.content h2{margin:0 0 16px;font-size:1.5rem;line-height:1.3;letter-spacing:-.015em}
.content h3{margin:26px 0 12px;font-size:1.1rem;line-height:1.45}
.content p{max-width:76ch;margin:0 0 16px}
.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.scope-grid>div{padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:0}
.scope-grid dt{font-weight:650;margin-bottom:8px;line-height:1.4}
.scope-grid dd{color:var(--muted);font-size:.94rem;line-height:1.65}
.content .boundary-note{max-width:none;padding:16px 18px;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft)}
.steps{padding-left:24px;max-width:76ch}
.steps li{padding-left:5px;margin-bottom:14px}
.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--border);border-radius:12px;margin:0 0 18px;background:#fff}
.table-scroll:focus-visible{outline:3px solid rgba(36,91,181,.45);outline-offset:3px}
.content .table-hint{font-size:.85rem;color:var(--muted);margin:0 0 8px}
.evidence-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed;font-size:.94rem;line-height:1.6}
.evidence-table th,.evidence-table td{padding:14px 16px;text-align:left;vertical-align:top;border-right:1px solid var(--border);border-bottom:1px solid var(--border);overflow-wrap:break-word;word-break:normal}
.evidence-table th{background:#edf1f5;font-weight:650;color:var(--text)}
.evidence-table th:first-child{width:24%}
.evidence-table th:last-child{width:40%}
.evidence-table th:last-child,.evidence-table td:last-child{border-right:0}
.evidence-table tr:last-child td{border-bottom:0}
.test-details{margin:12px 0;border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}
.test-details summary{padding:18px 20px;font-weight:600;cursor:pointer;line-height:1.5}
.test-details summary:hover{background:#f0f3f7}
.test-details[open] summary{border-bottom:1px solid var(--border)}
.details-body{padding:20px;min-width:0}
.details-body>p:last-child{margin-bottom:0}
.details-body .evidence-table{min-width:680px}
.details-body .evidence-table th:first-child{width:28%}
.details-body .evidence-table th:last-child{width:72%}
@media(min-width:961px){.table-hint{display:none}}
@media(max-width:640px){
 .tool,.content{padding:22px 16px}
 .tool h1{font-size:1.8rem}
 .drop-zone{padding:18px 10px}
 .setting{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:18px}
 .actions>*{flex:1;text-align:center}
 .actions{gap:10px}
 .scope-grid{grid-template-columns:minmax(0,1fr)}
 .scope-grid>div{padding:16px}
 .content h2{font-size:1.35rem}
 .docx-section{margin-bottom:28px}
 .docx-section+.docx-section{padding-top:24px}
 .test-details summary{padding:16px}
 .details-body{padding:16px}
}