.doc-hero{background:var(--ink);position:relative;overflow:hidden;padding:128px 0 52px;}
.doc-hero .wrap{position:relative;z-index:2;max-width:860px;}
.doc-hero h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.03em;margin:14px 0 10px;color:#fff;}
.doc-hero .updated{color:var(--d-mute);font-size:14px;letter-spacing:.01em;}
.doc{background:var(--paper);color:var(--ink2);padding:60px 0 92px;}
.doc .wrap{max-width:820px;}
.doc h2{font-size:clamp(22px,3vw,30px);color:var(--ink);margin:44px 0 14px;letter-spacing:-.02em;font-weight:700;}
.doc h2:first-child{margin-top:0;}
.doc h3{font-size:clamp(17px,2.2vw,21px);color:var(--ink2);margin:30px 0 8px;font-weight:600;letter-spacing:-.01em;}
.doc p{color:#33485E;margin:0 0 16px;font-size:17px;line-height:1.72;}
.doc ul{margin:0 0 20px;padding-left:0;list-style:none;}
.doc li{position:relative;color:#33485E;margin:0 0 11px;line-height:1.7;padding-left:24px;}
.doc li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--blue);}
.doc em{font-style:italic;}
.doc a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(3,120,226,.28);}
.doc a:hover{border-bottom-color:var(--blue);}
.doc .note{font-size:15px;color:var(--slate);background:var(--off);border-left:3px solid var(--blue);padding:14px 18px;border-radius:0 10px 10px 0;margin:0 0 20px;}
.doc .note em{font-style:italic;}
.doc .lead{font-size:18px;color:var(--ink2);line-height:1.7;}
.doc .part{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--sky);font-weight:600;margin-top:8px;}