.help-page{font-size:20px}
.help-header{width:min(1120px,calc(100% - 48px));margin:30px auto 0;padding:0 0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--ink)}
.help-brand{text-decoration:none;font-size:42px;letter-spacing:3px;line-height:.9}
.help-brand span{display:block;font-size:12px;letter-spacing:4px;margin-top:10px;color:var(--red)}
.back-to-game{font-size:17px;letter-spacing:1px;text-underline-offset:5px}
.help-main{width:min(1120px,calc(100% - 48px));margin:0 auto}
.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:16px;color:var(--faded);margin:24px 0}
.chapter-cover{padding:42px 46px;display:flex;gap:30px;align-items:center;justify-content:space-between}
.chapter-cover h1{font-size:clamp(42px,5vw,66px);font-weight:400;line-height:.95;max-width:760px;margin:18px 0}
.chapter-intro{font:19px/1.6 Georgia,serif;max-width:690px;color:#5b503b;margin:0}
.chapter-number{font-size:110px;line-height:1;color:#b8a780;transform:rotate(-6deg);border:3px double #b8a780;padding:10px 15px}
.chapter-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;margin:32px 0}
.chapter-sidebar{align-self:start;position:sticky;top:24px}
.chapter-sidebar nav{border-top:1px solid var(--line)}
.chapter-sidebar a{display:flex;gap:12px;padding:16px 12px;border-bottom:1px solid #b4a785;text-decoration:none;font-size:19px}
.chapter-sidebar a span{color:var(--faded)}
.chapter-sidebar a[aria-current=page]{background:var(--ink);color:var(--paper)}
.chapter-sidebar a[aria-current=page] span{color:#d1bf91}
.chapter-sidebar a:hover{background:#dacfaa;color:var(--ink)}
.sidebar-note{font-size:13px;color:var(--faded);line-height:1.5;letter-spacing:2px;margin:24px 12px}
.chapter-body{padding:34px 42px;min-width:0;font:17px/1.75 Georgia,serif}
.chapter-body p{margin:14px 0;color:#514832}
.chapter-body a{text-underline-offset:3px;text-decoration-thickness:1px}
.chapter-body a:hover{color:var(--red)}
.chapter-takeaway{border-left:3px solid var(--red);padding:4px 0 4px 20px;font-style:italic}
.contents{margin:28px 0 34px;padding:22px;background:#e5d7b1;border:1px solid #b4a785}
.contents p{font:15px VT323,monospace;letter-spacing:2px;margin:0 0 12px}
.contents ol{margin:0;padding-left:24px;font-size:15px}
.contents li{padding:3px 0}
.chapter-section{scroll-margin-top:24px;padding:28px 0;border-top:1px solid #b4a785}
.chapter-section h2{font:36px/1.1 VT323,monospace;margin:0 0 19px;font-weight:400}
.chapter-section h3{font:27px/1.2 VT323,monospace;margin:14px 0}
.chapter-section ul,.chapter-section ol{padding-left:24px}
.chapter-section li{margin:10px 0}
.chapter-steps li{padding-left:6px;margin:20px 0}
.table-scroll{overflow-x:auto;margin:22px 0}
.chapter-body table{border-collapse:collapse;width:100%;font-size:15px}
.chapter-body caption{font:19px VT323,monospace;text-align:left;margin-bottom:12px}
.chapter-body th,.chapter-body td{border:1px solid #b4a785;padding:12px 14px;text-align:left;vertical-align:top}
.chapter-body thead{background:#e0d0a5}
.chapter-body th{font-weight:600}
.release-note+.release-note{margin-top:25px;padding-top:20px;border-top:1px dashed #b4a785}
.chapter-body .release-date{font:16px VT323,monospace;letter-spacing:1px;color:var(--red)}
.chapter-return{margin-top:15px;border-top:1px solid var(--ink);padding-top:25px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;font:16px VT323,monospace}
.chapter-return a{padding:13px 18px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:20px}
.chapter-return a:hover{background:#534532;color:var(--paper)}
.help-page .site-footer{width:min(1120px,calc(100% - 48px))}
.skip-content{position:absolute;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:12px;z-index:10}
.skip-content:focus{top:10px}
.help-page a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:800px){
 .chapter-layout{grid-template-columns:1fr;gap:20px}
 .chapter-sidebar{position:static}.chapter-sidebar nav{display:flex;flex-wrap:wrap}
 .chapter-sidebar a{flex:1 1 30%;font-size:17px;padding:12px 10px;border:1px solid #b4a785}
 .sidebar-note{display:none}.chapter-number{font-size:70px}
 .chapter-cover{padding:30px}.chapter-body{padding:28px}
}
@media(max-width:500px){
 .help-header,.help-main,.help-page .site-footer{width:calc(100% - 28px)}
 .help-header{margin-top:22px}.help-brand{font-size:32px}.help-brand span{font-size:10px}
 .back-to-game{font-size:14px;letter-spacing:0}
 .chapter-cover{padding:26px 22px}.chapter-cover h1{font-size:44px}
 .chapter-number{display:none}.chapter-intro{font-size:17px}
 .chapter-sidebar a{flex-basis:45%;font-size:17px}
 .chapter-body{padding:24px 20px;font-size:16px;overflow-wrap:anywhere}
 .chapter-section h2{font-size:31px}.chapter-body th,.chapter-body td{padding:8px;font-size:13px}
 .contents{padding:18px}.chapter-layout{margin-top:24px}
}
