.howto{display:flex;flex-direction:column;gap:40px;min-width:0}.howto__hero{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(24px,4vw,48px);border-radius:24px;background:var(--white);border:1px solid var(--line)}.howto__title{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4.5vw,50px);line-height:1.08;letter-spacing:-.03em;color:var(--ink)}.howto__title span{display:block;color:var(--blue)}.howto__hero .btn{margin-top:8px}.howto__toc{padding:clamp(20px,3vw,28px);border-radius:20px;background:var(--white);border:1px solid var(--line)}.howto__toc-title{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:-.02em;color:var(--ink)}.howto__toc-lead{margin-top:4px;color:var(--text);font-size:15px}.howto__toc ol{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));margin-top:16px}.howto__toc a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-weight:500;text-decoration:none;transition:border-color .15s ease,color .15s ease}.howto__toc a:hover{border-color:var(--blue);color:var(--blue)}.howto__toc-num{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:12.5px;color:var(--blue)}.howto section{display:flex;flex-direction:column;gap:18px;padding:clamp(24px,4vw,40px);border-radius:24px;background:var(--white);border:1px solid var(--line);color:var(--text-strong);font-size:16px;line-height:1.7;scroll-margin-top:calc(var(--header-h) + 16px)}.howto__head{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}.howto__head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}.howto__head p{color:var(--muted);font-size:15px}.howto h3{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}.howto h4{font-weight:600;font-size:16px;color:var(--ink)}.howto__intro{font-size:18px;line-height:1.65}.howto strong{color:var(--ink)}.howto a{overflow-wrap:anywhere}.howto__box{display:flex;flex-direction:column;gap:12px;padding:clamp(16px,3vw,24px);border-radius:16px;background:var(--bg-soft);border:1px solid var(--line);min-width:0}.howto__box .howto__grid>div{display:flex;flex-direction:column;gap:8px}.howto__grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.howto__tag{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}.howto__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.howto__steps{display:flex;flex-direction:column;gap:24px}.howto__steps>li{display:flex;gap:16px;min-width:0}.howto__steps>li>div{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 1 auto}.howto__num{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:var(--white);font-family:var(--font-mono);font-weight:500;box-shadow:0 10px 22px -10px #2563ebb3}.howto__checks,.howto__crosses,.howto__bullets{display:flex;flex-direction:column;gap:8px;padding-left:22px}.howto__checks li,.howto__crosses li{position:relative}.howto__checks li:before,.howto__crosses li:before{position:absolute;left:-22px;font-weight:700}.howto__checks li:before{content:"✓";color:var(--blue)}.howto__crosses li:before{content:"×";color:var(--danger)}.howto__bullets{list-style:disc}.howto__callout{padding:12px 16px;border-radius:12px;border-left:4px solid var(--blue);background:var(--blue-50);color:var(--ink)}.howto__callout--warn{border-left-color:var(--star);background:#fffbeb}.howto section.howto__help{text-align:center;align-items:center;background:var(--night);border-color:var(--night);color:var(--on-night)}.howto__help h2{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,3vw,34px);letter-spacing:-.02em;color:var(--white)}.howto__help .howto__actions{justify-content:center}.howto__help .btn--ghost{background:transparent;border-color:#ffffff4d;color:var(--white)}.howto__help .btn--ghost:hover{background:#ffffff1a;border-color:var(--white);color:var(--white)}.howto__back{color:var(--blue-on-dark);font-weight:500}.howto__back:hover{color:var(--white)}