.ctc__grid{display:grid;gap:2.5rem;align-items:start}.ctc__main{min-width:0}.ctc__ways{display:grid;gap:.75rem;margin-bottom:2.25rem}.ctc__way{display:grid;gap:.15rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;text-decoration:none;color:var(--ink);min-width:0}.ctc__way:not(.ctc__way--static):hover{border-color:var(--ink-3);background:var(--paper-2)}.ctc__way-icon{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:9px;background:var(--brand-50);color:var(--brand-600);margin-bottom:.5rem}.ctc__way-label{font-family:var(--font-display);font-size:var(--fs-nano);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.ctc__way-value{font-family:var(--font-display);font-size:1.0625rem;font-weight:650;letter-spacing:-.015em;word-break:break-word}.ctc__way-note{font-size:var(--fs-small);color:var(--ink-3);line-height:1.5;margin-top:.3rem}.ctc__form{background:#fff;border:1px solid var(--line-2);border-radius:var(--radius);padding:clamp(1.15rem,2.5vw,1.75rem)}.ctc__h{font-size:clamp(1.15rem,1rem + .6vw,1.4rem);margin:0 0 .5rem}.ctc__hint{font-size:.875rem;color:var(--ink-2);line-height:1.6;max-width:56ch;margin-bottom:1.25rem}.ctc__pair{display:grid;gap:0 1rem}.ctc__field{margin-bottom:1rem;min-inline-size:0}.ctc__field label{display:block;font-size:var(--fs-note);font-weight:600;color:var(--ink);margin-bottom:.35rem}.ctc__req{color:var(--band-poor);margin-left:.15rem}.ctc__field input,.ctc__field textarea,.ctc__field select{inline-size:100%;min-inline-size:0;min-block-size:44px;padding:.6rem .7rem;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-family:inherit;font-size:.9375rem}.ctc__field textarea{min-block-size:7rem;resize:vertical}.ctc__field input:focus-visible,.ctc__field textarea:focus-visible,.ctc__field select:focus-visible{border-color:var(--focus)}.ctc__field input[aria-invalid=true],.ctc__field textarea[aria-invalid=true]{border-color:var(--band-poor)}.ctc__err{font-size:var(--fs-small);color:var(--band-poor);margin-top:.3rem;min-block-size:1em}.ctc__submit{margin-top:.5rem}.ctc__demo{font-size:var(--fs-small);color:var(--ink-3);line-height:1.55;margin-top:1rem}.ctc__done{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.25rem;padding:.95rem 1.05rem;background:var(--brand-50);border-radius:var(--radius-sm)}.ctc__done[hidden]{display:none}.ctc__done-icon{display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:8px;background:#fff;color:var(--accent-700);flex:none}.ctc__done p{font-size:.875rem;color:var(--ink-2);line-height:1.6}.ctc__done strong{color:var(--ink)}.ctc__side{display:grid;gap:1rem;align-content:start;min-width:0}.ctc__map{margin:0}.ctc__map img{width:100%;border-radius:var(--radius);border:1px solid var(--line);aspect-ratio:4 / 3;object-fit:cover}.ctc__map figcaption{font-size:var(--fs-small);color:var(--ink-3);margin-top:.5rem}.ctc__card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:1.05rem 1.1rem 1.15rem}.ctc__card-h{font-family:var(--font-display);font-size:var(--fs-micro);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--line-2)}.ctc__areas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}.ctc__areas li{font-size:var(--fs-small);color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem}.ctc__areas-note{font-size:var(--fs-small);color:var(--ink-3);line-height:1.5;margin-top:.75rem}.ctc__before{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.ctc__before li{display:flex;gap:.5rem;align-items:flex-start;font-size:var(--fs-note);color:var(--ink-2);line-height:1.5}.ctc__before svg{flex:none;margin-top:.2rem;color:var(--accent-700)}.ctc__frozen{background:var(--paper-2);border-top:1px solid var(--line)}.ctc__frozen-grid{display:grid;gap:1rem;align-items:start}@media(min-width:560px){.ctc__pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ctc__ways{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:760px){.ctc__frozen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media(min-width:960px){.ctc__grid{grid-template-columns:minmax(0,1fr) 290px;gap:3rem}}