.doc-main{max-width:760px;margin:0 auto;padding:clamp(96px,14vh,140px) 20px 40px}
.doc-main h1{font:600 clamp(28px,5vw,40px)/1.2 "Noto Serif SC",serif;margin:0 0 8px;letter-spacing:.02em}
.doc-main .doc-meta{color:var(--muted,#56626d);font-size:14px;margin:0 0 32px}
.doc-main h2{font:600 19px/1.4 "Noto Serif SC",serif;margin:34px 0 10px}
.doc-main p,.doc-main li{font-size:16px;line-height:1.85}
.doc-main ul,.doc-main ol{padding-left:1.3em;margin:8px 0}.doc-main ul{list-style:disc}.doc-main ol{list-style:decimal}
.doc-main table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}
.doc-main th,.doc-main td{text-align:left;padding:9px 10px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);vertical-align:top}
.doc-main th{font-weight:600;white-space:nowrap}
.doc-main a{color:inherit;text-underline-offset:3px}
.doc-card{padding:20px 22px;border-radius:18px;background:color-mix(in srgb,currentColor 4%,transparent);border:1px solid color-mix(in srgb,currentColor 10%,transparent);margin:18px 0}
.doc-card p{margin:4px 0}
@media (max-width:560px){.doc-main table,.doc-main tbody,.doc-main tr,.doc-main td,.doc-main th{display:block}.doc-main tr{padding:8px 0;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.doc-main th,.doc-main td{border:0;padding:2px 0}}