:root{color-scheme:light;--ink:#142c2e;--mute:#405b5d;--paper:#f5faf9;--line:#bed0cb;--deep:#102e33;--sea:#235359;--red:#a62d27;--alarm:#f8ebe7;--width:1120px}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--paper);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;color:var(--ink)}
body{margin:0}
a{color:var(--red);text-underline-offset:.24em}
a:focus-visible{outline:2px solid #bd463a;outline-offset:4px}
p,h1,h2,h3,figure{margin:0}
h1,h2,h3{line-height:1.16;letter-spacing:-.04em}
.wrap{width:min(var(--width),calc(100% - 64px));margin-inline:auto}
.skip{position:absolute;top:0;left:12px;z-index:3;padding:.45rem .7rem;background:white;transform:translateY(-120%)}
.skip:focus{transform:none}
.mast{border-bottom:1px solid var(--line);background:#fff}
.head-line,.end-line{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.head-line{min-height:65px}
.head-line nav,.end-line nav{display:flex;gap:clamp(.65rem,2vw,1.65rem);flex-wrap:wrap}
.head-line a,.head-line span[aria-current]{color:var(--ink);font-size:.88rem;text-decoration:none}
.head-line a:hover,.end-line a:hover{text-decoration:underline}
.head-line span[aria-current]{text-decoration:underline;text-decoration-color:var(--red)}
.signature{display:inline-flex;align-items:center;gap:.55rem;font-weight:850;white-space:nowrap}
.marker{width:.62rem;height:.85rem;border:2px solid var(--red);border-radius:.1rem .1rem .4rem .4rem;transform:rotate(12deg)}
.sig-small{font-weight:500;color:var(--mute)}
.intro{padding:45px 0 0}
.section-kicker{font-size:.76rem;font-weight:800;color:var(--red);letter-spacing:.13em}
.intro h1{margin:.48rem 0 .55rem;font-size:clamp(2rem,5.3vw,4.15rem);font-weight:870}
.intro h1 span{margin-inline-start:.22em}
.summary{max-width:49em;font-size:clamp(1rem,1.8vw,1.2rem);color:var(--mute)}
.decision{margin-top:1.55rem;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:1px;background:var(--line);border:1px solid var(--line)}
.decision p,.decision a{padding:.7rem 1rem;height:100%;min-width:0}
.decision p{background:#e6f0ec;font-size:.93rem}
.decision p:nth-child(2){background:var(--alarm)}
.decision p span{display:block;font-size:.79rem;color:#3b5558}
.decision a{display:grid;place-items:center;background:var(--deep);color:#fff;text-decoration:none;font-size:.89rem;font-weight:750}
.decision a:hover{background:var(--sea)}
.seaway{margin-block:12px 0;aspect-ratio:3.2;overflow:hidden;background:#9aaeb2}
.seaway img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 49%}
.checkpoint{display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:clamp(1.5rem,5vw,5rem);padding-block:4rem}
.checkpoint h2,.evidence-line h2,.further h2{margin:.5rem 0 .8rem;font-size:clamp(1.5rem,3vw,2.4rem)}
.checkpoint-intro>p:last-child{color:var(--mute)}
.checkpoint-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.checkpoint-list li{display:grid;grid-template-columns:2.65rem 1fr;gap:.7rem;padding:1rem .2rem;border-bottom:1px solid var(--line)}
.chapter-no{color:var(--red);font-size:.92rem;font-family:ui-monospace,monospace;font-weight:750}
.checkpoint-list h3,.field-link h3{font-size:1.16rem;letter-spacing:-.015em;margin:.05rem 0 .3rem}
.checkpoint-list p,.field-link p{color:var(--mute)}
.evidence-band{background:var(--deep);color:#f4f9f6}
.evidence-line{padding-block:2.35rem;display:grid;grid-template-columns:.75fr 1.3fr;gap:clamp(1rem,4vw,3rem)}
.evidence-line .section-kicker{color:#f5b5a3}
.evidence-line div>p+p{margin-top:.65rem}
.further{padding-block:3.15rem 3.7rem}
.field-list{border-block:1px solid var(--line)}
.field-link{display:grid;align-items:start;grid-template-columns:2.7rem 1fr 1.7rem;gap:.65rem;padding:.86rem .15rem;color:var(--ink);text-decoration:none}
.field-link+.field-link{border-top:1px solid var(--line)}
.field-link:hover{background:#e8f2ee}
.field-link time,.audit-sheet time{display:inline-block;font-size:.76rem;color:var(--mute);margin-bottom:.22rem}
.field-link .go{color:var(--red)}
.foot{background:#dfece7;border-top:1px solid var(--line);padding:1.35rem 0;color:var(--ink)}
.foot p,.foot a,.foot span[aria-current]{font-size:.88rem}
.foot nav a{color:var(--ink)}
.inner,.audit-main{max-width:820px;padding-block:2.75rem 3.5rem}
.inner h1,.audit-sheet h1{font-size:clamp(1.9rem,4.3vw,3.35rem);margin:.5rem 0 .75rem}
.inner h2,.audit-body h2{font-size:clamp(1.23rem,2.7vw,1.68rem);margin:1.65rem 0 .55rem}
.inner p+p,.audit-body p+p{margin-top:.9rem}
.inner .field-list{margin:1.5rem 0}
.crumb{display:flex;flex-wrap:wrap;gap:.85rem;font-size:.82rem;margin-bottom:1rem}
.audit-sheet header{border-bottom:1px solid var(--line);padding-bottom:.9rem}
.audit-sheet time{margin-top:.7rem}
.audit-body{margin-top:1.3rem}
.audit-body p,.inner>p{overflow-wrap:anywhere}
.callout{border-inline-start:4px solid var(--red);padding:.7rem 1rem;background:var(--alarm);color:var(--ink)}
.callout b{color:var(--red)}
.manual{margin:1.4rem 0;display:grid;gap:.6rem}
.manual div{display:grid;grid-template-columns:minmax(10ch,.55fr) 1.5fr;gap:1rem;padding:.8rem 1rem;background:#e6f0ed;border-inline-start:3px solid #5b7e7f}
.manual dt{font-weight:780}
.manual dd{margin:0;color:var(--mute)}
.inline-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.35rem}
@media(max-width:700px){
 .wrap{width:calc(100% - 34px)}
 .head-line{min-height:55px;gap:.4rem}
 .head-line nav{gap:.7rem}
 .head-line a,.head-line span[aria-current]{font-size:.8rem}
 .sig-small{display:none}
 .intro{padding-top:1.55rem}
 .intro h1{line-height:1.08}
 .intro h1 span{display:block;margin:.25rem 0 .55rem}
 .decision{margin-top:1rem;grid-template-columns:1fr 1fr}
 .decision p,.decision a{padding:.48rem .55rem}
 .decision a{grid-column:1/-1;min-height:42px}
 .seaway{aspect-ratio:2.1}
 .checkpoint,.evidence-line{grid-template-columns:1fr;gap:1rem;padding-block:1.9rem}
 .further{padding-block:2rem 2.4rem}
 .field-link{grid-template-columns:1.7rem 1fr 1.1rem}
 .checkpoint-list li{grid-template-columns:1.7rem 1fr}
 .end-line{flex-direction:column;align-items:start;gap:.45rem}
 .inner,.audit-main{padding-block:1.5rem 2.5rem}
 .manual div{grid-template-columns:1fr;gap:.2rem}
}
