.sij-rec{max-width:760px;margin:var(--sp-6) auto}.sij-rec__progress{height:2px;background:var(--c-line);margin-bottom:var(--sp-6);overflow:hidden}.sij-rec__progress-bar{display:block;height:100%;width:100%;background:var(--c-signal);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-slow,.24s) var(--ease-out)}.sij-rec__step{border:0;margin:0;padding:0;min-width:0}.sij-rec__step[hidden]{display:none}.sij-rec__legend{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5);padding:0}.sij-rec__question{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2);letter-spacing:-.03em;line-height:1.1;color:var(--c-ink)}.sij-rec__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3)}.sij-rec__option{position:relative;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4) var(--sp-5);border:var(--bw) solid var(--c-line-strong);background:var(--c-paper);color:var(--c-ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.sij-rec__option:hover{border-color:var(--c-ink)}.sij-rec__option input{position:absolute;opacity:0;pointer-events:none}.sij-rec__option-title{font-weight:600}.sij-rec__option-desc{font-size:var(--fs-00);color:var(--c-mute)}.sij-rec__option:has(input:checked){background:var(--c-ink);border-color:var(--c-ink);color:var(--c-paper)}.sij-rec__option:has(input:checked) .sij-rec__option-desc{color:var(--c-paper);opacity:.75}.sij-rec__option:has(input:focus-visible){outline:2px solid var(--c-signal);outline-offset:2px}.sij-rec__nav{margin-top:var(--sp-5)}.sij-rec__result{display:flex;flex-direction:column;gap:var(--sp-4);outline:none}.sij-rec__result[hidden]{display:none}.sij-rec__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5);border:var(--bw) solid var(--c-line-strong);background:var(--c-paper)}.sij-rec__card--main{border-color:var(--c-ink);border-width:2px}.sij-rec__card-title{margin:0}.sij-rec__card--main .sij-rec__card-title{font-size:var(--fs-2)}.sij-rec__card-desc{margin:0;color:var(--c-mute)}.sij-rec__why-title{margin:0;font-weight:600}.sij-rec__why{margin:0;padding-left:1.2em}.sij-rec__why li{margin:.15em 0}.sij-rec__card--ink{background:var(--c-surface);border-color:var(--c-line)}.sij-rec__ink-width{margin:0;font-size:var(--fs-00)}.sij-rec__ink-test{margin:0;padding-left:var(--sp-3);border-left:2px solid var(--c-signal);font-size:var(--fs-00)}.sij-rec__foot{padding-top:var(--sp-4);border-top:var(--bw) solid var(--c-line)}.sij-rec__advice{margin:0 0 var(--sp-3);color:var(--c-mute);font-size:var(--fs-00)}.sij-rec__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.sij-rec__noscript{padding:var(--sp-4);border:var(--bw) solid var(--c-line)}@media (max-width:600px){.sij-rec__option{padding:var(--sp-3) var(--sp-4)}.sij-rec__question{font-size:var(--fs-1)}.sij-rec__actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.sij-rec__progress-bar,.sij-rec__option{transition:none}}.sij-rec-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--sp-7);align-items:start;padding-top:var(--sp-8);padding-bottom:var(--sp-8)}.sij-rec-home .sij-rec{margin:0;max-width:none}@media (max-width:900px){.sij-rec-home{grid-template-columns:1fr;gap:var(--sp-5);padding-top:var(--sp-6);padding-bottom:var(--sp-6)}}.sij-rec__step:not([hidden]),.sij-rec__result:not([hidden]){animation:sij-rec-in 220ms var(--ease-out)}@keyframes sij-rec-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sij-rec__option{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform var(--dur-fast,.14s) var(--ease-out)}.sij-rec__option:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.sij-rec__step:not([hidden]),.sij-rec__result:not([hidden]){animation:none}.sij-rec__option:active{transform:none}}