.spec{background:var(--c-studio)}.spec-band{background:var(--c-warm);border-bottom:1px solid var(--c-rule)}.spec-band .wrap{padding-top:clamp(100px,11vw,150px);padding-bottom:clamp(36px,5vw,64px)}.spec-title{max-width:14em;font:900 clamp(46px, 6.6vw, 96px) / .92 var(--font-display);letter-spacing:-.04em;color:var(--c-navy);margin:16px 0 0}.spec-lead{max-width:34em;color:var(--c-ink-2);margin:20px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.55}.spec-trail{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));grid-auto-rows:1fr;gap:12px;margin:clamp(28px,4vw,48px) 0 0;padding:0;list-style:none;display:grid}@media (max-width:520px){.spec-trail{grid-template-columns:repeat(2,minmax(0,1fr))}}.spec-doc{background:var(--c-card);height:100%;box-shadow:inset 0 0 0 1.5px var(--c-rule-strong), var(--x-shadow-card);color:var(--c-ink);border-radius:10px 20px 10px 10px;flex-direction:column;gap:6px;padding:14px 14px 12px;text-decoration:none;display:flex;position:relative}.spec-doc:after{content:"";background:linear-gradient(225deg, var(--c-warm) 50%, var(--c-rule) 50%);border-radius:0 20px 0 8px;width:20px;height:20px;position:absolute;top:0;right:0}.spec-doc:hover{box-shadow:inset 0 0 0 2px var(--c-navy), var(--x-shadow-card)}.is-key .spec-doc{box-shadow:inset 0 0 0 2.5px var(--c-teal), var(--x-shadow-card)}.spec-doc-n{font:900 24px/1 var(--font-display);color:var(--c-navy)}.spec-doc-t{font:800 16px/1.25 var(--font-display)}.spec-doc-f{font:600 13px/1.3 var(--font-display);color:var(--c-teal-ink);margin-top:auto;padding-top:6px}.spec-step{padding:clamp(36px,5vw,72px) 0;scroll-margin-top:68px}.spec-step:nth-of-type(2n){background:var(--c-paper)}.spec-step.is-key{background:color-mix(in srgb, var(--c-teal) 10%, var(--c-studio));border-top:6px solid var(--c-teal);border-bottom:6px solid var(--c-teal)}.spec-step-in{gap:22px;display:grid}@media (min-width:1000px){.spec-step-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:56px}}.spec-num{font:900 clamp(72px, 8vw, 120px) / .8 var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:3px var(--c-navy);margin:0}.is-key .spec-num{-webkit-text-stroke-color:var(--c-teal-ink)}.spec-step-h{font:900 clamp(30px, 3.4vw, 48px) / 1.02 var(--font-display);letter-spacing:-.03em;margin:12px 0 0}.spec-step-text{max-width:30em;color:var(--c-ink-2);margin:12px 0 0;font-size:18px;line-height:1.55}.spec-file{background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-rule), var(--x-shadow-card);border-radius:16px;padding:20px 24px 22px}.spec-file ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.spec-file li{font:700 18px/1.4 var(--font-display);color:var(--c-teal-ink);padding-left:22px;position:relative}.spec-file li:before{content:"";border-radius:2px 4px 2px 2px;width:10px;height:12px;position:absolute;top:.45em;left:0;box-shadow:inset 0 0 0 2px}.spec-close{padding:clamp(48px,6vw,96px) 0}.spec-note{border-left:6px solid var(--c-navy);max-width:30em;font:800 clamp(24px, 2.6vw, 36px) / 1.25 var(--font-display);letter-spacing:-.015em;color:var(--c-navy);margin:0;padding-left:clamp(18px,2.4vw,30px)}.spec-kit{background:var(--c-card);max-width:560px;box-shadow:inset 0 0 0 1px var(--c-rule), var(--x-shadow-card);color:var(--c-ink);border-radius:16px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;margin-top:28px;padding:14px;text-decoration:none;display:grid}.spec-kit:hover{box-shadow:inset 0 0 0 2px var(--c-cobalt), var(--x-shadow-card)}.spec-kit img{width:72px;height:auto;box-shadow:var(--x-shadow-card);border-radius:6px;display:block}.spec-kit-t{font:800 18px/1.25 var(--font-display);display:block}.spec-kit-text{color:var(--c-ink-2);margin-top:3px;font-size:15px;line-height:1.45;display:block}