.document-detail-page { background:#f3f6f6; color:#172f3a; }
.document-banner { min-height:300px; }
.document-intro { padding:58px 0 54px; background:#fff; border-bottom:1px solid #dce6e8; }
.document-back { display:inline-flex; align-items:center; gap:9px; margin-bottom:38px; color:var(--primary-700); font-size:14px; font-weight:700; text-decoration:none; }
.document-intro-grid { display:grid; grid-template-columns:150px minmax(0,1fr); gap:48px; align-items:start; }
.document-number { padding-top:8px; border-top:3px solid var(--primary-600); color:#829196; font-size:11px; font-weight:700; line-height:1.6; letter-spacing:.14em; }
.document-number strong { display:block; margin-top:7px; color:#172f3a; font:700 58px/1 var(--font-serif); letter-spacing:-.04em; }
.document-category { color:var(--primary-600); font-size:13px; font-weight:700; letter-spacing:.08em; }
.document-intro h1 { max-width:920px; margin:16px 0 20px; color:#172f3a; font:700 clamp(36px,4.6vw,68px)/1.15 var(--font-serif); letter-spacing:-.035em; }
.document-intro p { max-width:850px; margin:0; color:#5c6c72; font-size:17px; line-height:1.9; }
.document-meta { display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:28px; padding-top:20px; border-top:1px solid #e2e9eb; color:#6c7a7f; font-size:12px; font-weight:600; letter-spacing:.06em; }
.document-content-section { padding:64px 0 110px; }
.document-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:54px; align-items:start; }
.document-aside { position:sticky; top:100px; padding:22px 0; border-top:1px solid #aebdc1; border-bottom:1px solid #d1dcde; }
.document-aside>span { color:var(--primary-600); font-size:10px; font-weight:700; letter-spacing:.16em; }
.document-aside h2 { margin:10px 0 14px; color:#172f3a; font:700 28px/1.2 var(--font-serif); }
.document-aside p { margin:0; color:#69787d; font-size:13px; line-height:1.8; }
.document-progress { display:flex; align-items:end; gap:10px; margin-top:22px; padding-top:18px; border-top:1px dashed #c7d3d6; }
.document-progress strong { color:var(--primary-700); font:700 34px/1 var(--font-serif); }.document-progress small{color:#819095;font-size:11px;}
.document-pages { display:grid; gap:42px; min-width:0; }
.document-page { position:relative; margin:0; padding:22px; background:#fff; border:1px solid #dbe4e6; box-shadow:0 16px 42px rgba(18,58,74,.08); }
.document-page img { display:block; width:100%; height:auto; background:#e9eeee; }
.document-page-label { position:absolute; top:22px; left:-48px; display:flex; width:38px; flex-direction:column; align-items:center; color:#8a989c; font-size:8px; letter-spacing:.12em; }
.document-page-label strong { margin-top:3px; color:#2b8fa3; font-size:13px; }
.document-page figcaption { margin-top:14px; color:#7b898e; font-size:11px; letter-spacing:.04em; text-align:right; }
.document-pages-portrait { max-width:820px; margin:0 auto; }
.document-pages-portrait .document-page { padding:28px; }
.document-unavailable { padding:80px 30px; background:#fff; border:1px solid #dbe4e6; color:#748388; text-align:center; }
@media (max-width:900px){.document-layout{grid-template-columns:1fr}.document-aside{position:static}.document-page-label{display:none}.document-intro-grid{grid-template-columns:100px minmax(0,1fr);gap:28px}}
@media (max-width:640px){.document-intro{padding:42px 0}.document-intro-grid{grid-template-columns:1fr}.document-number{display:none}.document-intro h1{font-size:36px}.document-content-section{padding:42px 0 70px}.document-page,.document-pages-portrait .document-page{padding:10px}.document-pages{gap:24px}.document-banner{min-height:240px}}