body{margin:0;background:var(--bg);color:var(--text)}
.hp{max-width:880px;margin:0 auto;padding:12px 20px 24px;line-height:1.85}
.hp-crumb{font-size:14px;color:var(--sub);margin:28px 0 0}.hp-crumb a{color:var(--sub);text-decoration:none}.hp-crumb a:hover{color:var(--accent)}
.hp h1{font-size:clamp(26px,4.6vw,38px);line-height:1.3;margin:10px 0 8px}
.hp-lede{color:var(--sub);font-size:16px;margin:0 0 20px}
.hp h2{font-size:20px;margin:34px 0 10px;padding-top:6px}.hp h3{font-size:16px;margin:22px 0 6px}
.hp p,.hp li{font-size:16px}.hp a{color:var(--accent);text-underline-offset:3px}
.hp code{font-size:14px;background:var(--soft,rgba(127,127,127,.12));padding:1px 6px;border-radius:6px;word-break:break-all}
.hp ul,.hp ol{padding-left:1.4em}.hp li{margin:4px 0}
.hp-steps{counter-reset:s;list-style:none;padding:0!important}
.hp-steps li{counter-increment:s;position:relative;padding:10px 0 10px 44px;border-bottom:1px dashed var(--line)}
.hp-steps li:last-child{border-bottom:0}
.hp-steps li::before{content:counter(s);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--card);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;line-height:1}
.hp-shot{border:1px dashed var(--line);border-radius:12px;padding:12px 16px;margin:14px 0;color:var(--sub);font-size:15px;background:var(--card)}
.hp-shot-k{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--accent);margin-bottom:2px}
.hp-note{border-left:3px solid var(--accent);background:var(--card);padding:10px 14px;border-radius:0 10px 10px 0;font-size:15px!important;color:var(--sub)}
.hp-warn{border-left-color:#c2410c}
.hp-say{margin:10px 0;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:15.5px}
.hp-tw{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.hp table{border-collapse:collapse;width:100%;font-size:15px}.hp th,.hp td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.hp td:first-child{min-width:4.5em}.hp th{font-size:13px;color:var(--sub);font-weight:600;white-space:nowrap}.hp tr:last-child td{border-bottom:0}
.hp-faq details{border-bottom:1px solid var(--line);padding:4px 0}.hp-faq summary{cursor:pointer;font-weight:600;padding:10px 0;font-size:16px;list-style:none;position:relative;padding-right:28px}
.hp-faq summary::-webkit-details-marker{display:none}.hp-faq summary::after{content:"+";position:absolute;right:4px;top:8px;color:var(--sub);font-weight:400;font-size:20px}
.hp-faq details[open] summary::after{content:"\2212"}.hp-faq details div{color:var(--sub);padding:0 0 12px;font-size:15.5px}
.hp-copybox{border:1px solid var(--line);border-radius:12px;margin:14px 0;background:var(--card);overflow:hidden}
.hp-copyhead{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);font-size:15px}
.hp-copy{font:inherit;font-size:14px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;padding:4px 14px;cursor:pointer;min-height:34px}
.hp-copy:hover,.hp-copy.ok{background:var(--accent);color:var(--card)}
.hp-copybox pre{margin:0;padding:12px 14px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.75;max-height:420px;overflow:auto;font-family:inherit;color:var(--text)}
.hp-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:40px 0 0}
.hp-pager a{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;background:var(--card);color:var(--text)}
.hp-pager a:hover{border-color:var(--accent)}.hp-pager small{display:block;color:var(--sub);font-size:13px}.hp-pager .nx{text-align:right;grid-column:2}
.hp-help{margin:28px 0 0;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card)}
.hp-help b{font-size:16px}.hp-help p{margin:6px 0 0;color:var(--sub);font-size:15px}
.hp-search{position:relative;margin:18px 0 8px}
.hp-search input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:13px 16px 13px 44px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);outline:none}
.hp-search input:focus{border-color:var(--accent)}
.hp-search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--sub)}
.hp-group{margin:30px 0 0}.hp-group>h2{margin:0 0 2px}.hp-group>p{margin:0 0 10px;color:var(--sub);font-size:14px}
.hp-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hp-card{display:block;border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;background:var(--card);color:var(--text)}
.hp-card:hover{border-color:var(--accent)}.hp-card b{display:block;font-size:16px;color:var(--text)}.hp-card small{display:block;color:var(--sub);font-size:14px;line-height:1.7;margin-top:2px}
.hp-empty{color:var(--sub);margin:20px 0}
@media(max-width:640px){.hp{padding-top:8px}.hp-cards{grid-template-columns:1fr}.hp-pager{grid-template-columns:1fr}.hp-pager .nx{grid-column:1}.hp th,.hp td{padding:9px 10px}}