.document-page{background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.85}
.document-page>.wrap{width:calc(100% - 40px);max-width:800px;margin:0 auto;padding:32px 0 65px}
.document-page>.header{margin:0;background:var(--paper);border-bottom:1px solid var(--line)}
.document-page .header .wrap,.document-page .footer .wrap{width:calc(100% - 80px);max-width:1240px;margin-inline:auto}
.document-page h1{font-size:clamp(32px,4.5vw,48px);line-height:1.15;letter-spacing:-1.8px;margin:28px 0 18px}
.document-page h2{font-size:27px;line-height:1.4;letter-spacing:-.7px;margin:32px 0 15px}
.document-page h3{color:var(--ink);font-size:21px;line-height:1.5}
.document-page p,.document-page li,.document-page td,.document-page .lead{color:var(--muted)}
.document-page .upd,.document-page .eyebrow{color:var(--muted)}
.document-page a{color:var(--blue)}.document-page .header a,.document-page .footer a{color:inherit}
.document-page .header .button{color:white}.document-page .header .logo{font-weight:800}
.document-page .box{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;margin:26px 0}
.document-page .box b,.document-page p>b,.document-page li>b{color:var(--ink)}
.document-page table{width:100%;border-collapse:collapse;font-size:15px;overflow-wrap:anywhere}
.document-page th,.document-page td{padding:12px;border:1px solid var(--line);text-align:left}
.document-page th{background:#edf1fa;color:var(--ink)}
.document-page .cover{background:transparent;padding:20px 0 35px;border-bottom:1px solid var(--line)}
.document-page .step{border-color:var(--line)}.document-page .step .num{background:var(--blue);color:white}
.document-page .shot{background:white;border-color:var(--line)}.document-page .shots img{max-width:100%;height:auto}
.document-page .card{background:white;border:1px solid var(--line);color:var(--ink);border-radius:16px}
.document-page .card span{color:var(--muted)}.document-page .end{background:#edf1fa;border-color:var(--line)}
.document-page .footer{margin:0;padding:0;border:0;font-size:13px;line-height:1.7}
.document-page>.wrap>footer{color:var(--muted);border-color:var(--line)}
@media(max-width:760px){.document-page{font-size:16px}.document-page .header .wrap,.document-page .footer .wrap{width:calc(100% - 40px)}.document-page>.wrap{padding-top:22px}.document-page h1{font-size:33px;letter-spacing:-1.2px}.document-page h2{font-size:25px}.document-page table{font-size:12px}.document-page th,.document-page td{padding:8px}.document-page .box{padding:18px}.document-page .header .logo{font-size:21px}.document-page .card{max-width:100%}}
/* HTML guides use responsive web dimensions; their existing PDF files stay unchanged. */
.guide-page .cover{height:auto;min-height:0;padding:35px 0 45px}.guide-page .cover .kit{width:240px;max-width:100%;height:auto;margin:0 auto 20px}.guide-page .step>div{min-width:0}.guide-page .kit{max-width:100%;height:auto}.guide-page .shot img{height:auto;max-width:100%}.guide-page .shots.one .shot{max-width:100%}.guide-page .end>div{min-width:0}
@media(max-width:760px){.guide-page .step,.guide-page .end{display:block;margin-bottom:35px}.guide-page .step>.kit,.guide-page .end>.kit{width:60px;margin-bottom:16px}.guide-page .shots{gap:15px}.guide-page .shot,.guide-page .shots.one .shot{width:min(100%,250px)}.guide-page .shot img,.guide-page .shots.one .shot img{width:100%;height:auto}.guide-page .lead{max-width:100%}.guide-page .cover .kit{width:190px}.guide-page .cover h1{font-size:33px}}