.dist-section-head{max-width:70ch;margin-bottom:32px}.dist-section-head h2{color:var(--ink);letter-spacing:-.03em;margin-top:.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:880}.dist-section-head>p{color:var(--muted);margin-top:.7rem;font-size:.98rem;line-height:1.75}.dist-categories{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dist-category{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--primary);border-radius:12px;padding:1.4rem 1.5rem}.dist-category__n{font-family:var(--display);color:var(--primary-ink);font-size:.78rem;font-weight:850}.dist-category h3{color:var(--ink);margin-top:.5rem;font-size:1.08rem;font-weight:850}.dist-category__example{color:var(--primary-ink);margin-top:.6rem;font-size:.86rem;font-weight:650}.dist-category__desc{color:var(--ink-soft);margin-top:.6rem;font-size:.88rem;line-height:1.7}.dist-testsection{border-block:1px solid var(--line);background:#f4f8ff}.dist-test{gap:24px;max-width:720px;margin-inline:auto;display:grid}.dist-test__form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:1.8rem;display:grid}.dist-test__field{gap:.5rem;display:grid}.dist-test__field label{color:var(--ink);font-size:.86rem;font-weight:750}.dist-test__field input{color:var(--ink);background:var(--canvas);border:1.5px solid var(--line);border-radius:10px;padding:.85em 1.05em;font-size:.98rem}.dist-test__field input:focus-visible{border-color:var(--primary);box-shadow:var(--ring);outline:none}.dist-test__form .btn{justify-content:center;margin-top:.3rem}.dist-test__form .btn:disabled{opacity:.6;cursor:default}.dist-test__error{color:#c4302b;margin-top:-.3rem;font-size:.86rem;font-weight:650}.dist-test__error[hidden]{display:none}.dist-test__result{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:1.6rem 1.8rem}.dist-test__result[hidden]{display:none}.dist-result__badge{border-radius:999px;padding:.35em .9em;font-size:.74rem;font-weight:850;display:inline-block}.dist-test__result[data-level=green] .dist-result__badge{color:#0f8f55;background:#e4f9ef}.dist-test__result[data-level=yellow] .dist-result__badge{color:#b4740b;background:#fff3d9}.dist-test__result[data-level=red] .dist-result__badge{color:#c4302b;background:#fde6e6}.dist-test__result h3{color:var(--ink);letter-spacing:-.03em;margin-top:.7rem;font-size:1.3rem;font-weight:880}.dist-result__reasons{gap:.6rem;margin-top:1rem;display:grid}.dist-result__reasons li{color:var(--ink-soft);padding-left:1.1rem;font-size:.92rem;line-height:1.65;position:relative}.dist-result__reasons li:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}.dist-result__remaining{color:var(--muted);border-top:1px dashed var(--line-soft);margin-top:1.1rem;padding-top:1rem;font-size:.8rem;font-weight:650}.dist-test__disclaimer{background:#fff8ea;border:1px solid #f0c36d;border-radius:12px;padding:1.2rem 1.4rem}.dist-test__disclaimer strong{color:#6b4e00;margin-bottom:.4rem;font-size:.9rem;font-weight:850;display:block}.dist-test__disclaimer p{color:#6b4e00;font-size:.86rem;line-height:1.7}.dist-tips{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dist-tips article{background:var(--canvas);border:1px solid var(--line-soft);border-radius:12px;padding:1.5rem}.dist-tips span{letter-spacing:.1em;color:var(--primary);font-size:.7rem;font-weight:900}.dist-tips h3{color:var(--ink);margin-top:.6rem;font-size:1.02rem;font-weight:850}.dist-tips p{color:var(--ink-soft);margin-top:.6rem;font-size:.88rem;line-height:1.7}.dist-faq__list{gap:10px;display:grid}.dist-faq__item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 22px}.dist-faq__item summary{min-height:60px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:.98rem;font-weight:800;list-style:none;display:flex}.dist-faq__item summary::-webkit-details-marker{display:none}.dist-faq__item summary:after{content:"+";width:26px;height:26px;color:var(--primary);background:#eef3ff;border-radius:50%;flex:none;place-items:center;font-size:1.1rem;transition:transform .2s;display:grid}.dist-faq__item[open] summary:after{transform:rotate(45deg)}.dist-faq__item>p{color:var(--ink-soft);padding:0 40px 18px 0;font-size:.92rem;line-height:1.75}.dist-final{border-top:1px solid var(--line);background:linear-gradient(#f4faff 0%,#eaf4ff 100%);padding:clamp(60px,8vw,96px) 0}.dist-final__inner{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(32px,5vw,52px);display:flex}.dist-final__inner h2{color:var(--ink);letter-spacing:-.03em;font-size:1.5rem;font-weight:880}.dist-final__inner p{color:var(--muted);margin-top:.6rem;font-size:.92rem}@media (width<=900px){.dist-categories{grid-template-columns:1fr 1fr}.dist-tips{grid-template-columns:1fr}}@media (width<=640px){.dist-categories{grid-template-columns:1fr}.dist-test__form{padding:1.4rem}}