/* R44: shared document and signed-link presentation. Policy and action logic stay in their source files. */
:root{--reading-ink:#262131;--reading-muted:#616973;--reading-line:#e3dce9;--reading-accent:#6445ad;--reading-soft:#f7f4fb}
body{color:var(--reading-ink);background:#f8f7fa;-webkit-font-smoothing:antialiased}
.wrap{padding-block:32px 64px}
.topbar{gap:20px;margin-bottom:24px;padding-bottom:20px;border-color:var(--reading-line)}
.topbar .brand,.wrap>.brand{letter-spacing:-.04em;font-weight:800}
.topbar nav{gap:8px 20px}
.topbar nav a{min-height:44px;color:var(--reading-muted);text-decoration-thickness:1px;text-underline-offset:5px;line-height:1.55}
.doc{padding:40px 44px;border-color:var(--reading-line);border-radius:18px;box-shadow:0 4px 18px #26213104}
.eyebrow{color:#634f93;font-size:14px;font-weight:700;line-height:1.7;letter-spacing:.035em}
.doc h1{margin:8px 0 16px;font-size:36px;line-height:1.4;letter-spacing:-.035em;text-wrap:balance}
.doc .lead{margin-bottom:20px;color:#4E5762;line-height:1.8}
.doc>.meta{margin-bottom:28px;padding-bottom:24px;border-color:#eae4ef;color:var(--reading-muted);line-height:1.75}
.doc h2{margin-block:32px 14px;padding-top:8px;font-size:25px;line-height:1.5;font-weight:750}
.doc h3{margin-block:24px 10px;line-height:1.55}
.doc p,.doc li{line-height:1.85}
.doc section+section{margin-top:32px;padding-top:8px;border-color:#eae4ef}
.toc{margin:28px 0 32px;padding:22px 24px;background:var(--reading-soft);border-color:var(--reading-line);border-radius:12px}
.toc strong{margin-bottom:12px;color:#3c344f;font-size:19px;font-weight:700}
.toc ol{gap:4px 32px;padding-left:25px}
.toc li{padding-left:4px;line-height:1.6}
.toc li::marker{color:#7b6c9f;font-size:15px;font-variant-numeric:tabular-nums}
.toc a{min-height:44px;padding-block:8px;color:var(--reading-accent);font-size:18px;line-height:1.6;text-decoration-thickness:1px;text-underline-offset:5px}
.notice{margin-block:20px;padding:20px 22px;border-color:var(--reading-line);border-left:3px solid #7f65bb;background:var(--reading-soft);border-radius:10px}
.notice>:first-child{margin-top:0}.notice>:last-child{margin-bottom:0}
.table-wrap{margin-block:20px 24px;border-color:var(--reading-line);border-radius:10px;scrollbar-color:#ada2c7 #f5f1f8;scrollbar-width:thin;scroll-padding-inline:16px}
.table-wrap table{min-width:760px;font-size:17px;line-height:1.8}
.table-wrap th,.table-wrap td{padding:17px 18px;border-color:#eae4ef;word-break:keep-all;overflow-wrap:break-word}
.table-wrap th{background:#f5f1f9;color:#43385d;font-weight:700}
.table-wrap th:first-child,.table-wrap td:first-child{min-width:148px;width:20%}
.table-wrap td{font-variant-numeric:tabular-nums}
.company{gap:10px 22px;padding-block:18px;line-height:1.8}
.company dt,.muted{color:var(--reading-muted)}
.company dd{font-weight:600}
.actions{gap:12px;margin-top:28px}
.button{min-height:54px;padding:12px 22px;border-radius:10px;font-weight:700;line-height:1.6;touch-action:manipulation}
.button.secondary{color:#5c478e;background:#f3edf9;border-color:#d9d1ec}
.footer{margin-top:24px;padding-top:20px;gap:12px 24px;color:var(--reading-muted);font-size:16px;line-height:1.75;border-color:var(--reading-line)}
.wrap>.brand{margin-bottom:24px;min-height:44px;display:inline-flex;align-items:center}
.wrap>.card{padding:36px 38px;border-color:var(--reading-line);border-radius:18px;box-shadow:0 4px 18px #26213104}
.wrap>.card h1{margin:10px 0 18px;font-size:34px;line-height:1.4;letter-spacing:-.035em}
.wrap>.card>p{font-size:19px;line-height:1.85}
.wrap>.card .info{margin-block:24px;padding:18px 20px;background:var(--reading-soft);border:1px solid var(--reading-line);border-radius:10px;font-size:18px;line-height:1.8}
.wrap>.card .status{margin-block:18px;padding:0;font-size:18px;line-height:1.8}
.wrap>.card .status:empty{min-height:0;margin:0}
.wrap>.card .muted{margin-top:18px;font-size:17px;line-height:1.8;color:var(--reading-muted)}
.wrap>.card button{min-height:56px;padding:14px 20px;border-radius:10px;font-weight:700;font-size:19px}
.wrap>footer{gap:8px 24px;margin-top:24px;padding-top:16px;border-top:1px solid var(--reading-line);font-size:16px;line-height:1.7}
.wrap>footer a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px;word-break:keep-all}
a:focus-visible,button:focus-visible,.table-wrap:focus-visible{outline:3px solid #7b5ebe;outline-offset:4px}
@media(hover:hover){.toc a:hover,.topbar nav a:hover,.wrap>footer a:hover{color:#41297a;text-decoration-thickness:2px}}
@media(max-width:640px){
 .wrap{padding:20px 14px 44px}.topbar{align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px}.topbar nav{gap:4px 14px}
 .topbar .brand{font-size:25px}.topbar nav a{font-size:16px;min-height:44px}
 .doc{padding:26px 20px;border-radius:14px}.doc h1{font-size:30px;margin-bottom:14px}.doc .lead{font-size:20px}
 .doc>.meta{margin-bottom:24px;padding-bottom:20px}.doc h2{font-size:24px;margin-top:26px}.doc section+section{margin-top:28px}
 .eyebrow{font-size:14px}.toc{margin-block:24px;padding:18px 16px}.toc ol{grid-template-columns:1fr;gap:2px;padding-left:24px}.toc strong{font-size:18px}
 .notice{padding:18px 16px}.table-wrap{margin-block:18px 22px}.table-wrap th,.table-wrap td{padding:15px 16px}
 .company{gap:3px}.company dd{margin-bottom:14px}.actions{margin-top:24px}
 .wrap>.card{padding:28px 22px;border-radius:14px}.wrap>.card h1{font-size:29px}.wrap>.card .info{padding:16px}
 .wrap>.card .status{padding:0}.wrap>.brand{margin-bottom:20px}.wrap>footer{gap:4px 20px}
}
@media(max-width:360px){.wrap{padding-inline:12px}.doc{padding-inline:18px}.wrap>.card{padding-inline:20px}.topbar nav{gap:2px 10px}.topbar nav a{font-size:15px}}
@media(prefers-contrast:more){.doc,.card,.toc,.notice,.table-wrap,.info,.topbar,.footer,.wrap>footer{border-color:#75808F}.table-wrap th,.table-wrap td{border-color:#9BA3AE}.eyebrow,.meta,.muted,.topbar nav a{color:#463c5e}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff}.wrap,.doc{padding:0}.doc,.card{box-shadow:none;border:0}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.table-wrap th:first-child,.table-wrap td:first-child{min-width:0}.table-wrap th,.table-wrap td{padding:8px}.toc,.topbar,.footer,.actions,.wrap>footer{display:none}}
