.recognition-page{max-width:1120px}.recognition-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.52fr);gap:clamp(28px,6vw,64px);align-items:stretch}.recognition-copy{align-self:center}.recognition-summary,.recognition-tool,.result-card{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.recognition-summary{display:grid;align-content:end;gap:10px;min-height:360px;padding:24px}.recognition-summary span{color:var(--warm);font-size:.78rem;font-weight:800;text-transform:uppercase}.recognition-summary p{margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;line-height:1.05}.recognition-summary ul{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;color:var(--muted)}.recognition-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:0;margin-top:clamp(56px,8vw,92px);overflow:hidden}.recognition-question,.recognition-live{padding:clamp(22px,4vw,32px)}.recognition-live{border-left:1px solid var(--line);background:#fbfaf6}.recognition-question h2{margin:0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08}.recognition-question p:not(.kicker),.recognition-live p:not(.kicker){color:var(--muted);line-height:1.6}.recognition-answer{margin-top:28px}.recognition-field{display:grid;gap:8px;color:var(--muted);font-weight:700}.recognition-input{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#f4f5f1;color:var(--ink);font:inherit}.recognition-chip-row,.recognition-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.recognition-chip,.recognition-option{border:1px solid var(--line);border-radius:6px;background:#fbfaf6;color:var(--ink);font:inherit;cursor:pointer}.recognition-chip{min-height:38px;padding:0 12px}.recognition-option{display:grid;gap:5px;width:min(100%,280px);min-height:96px;padding:14px;text-align:left}.recognition-option[aria-pressed=true],.recognition-chip:hover,.recognition-option:hover{border-color:var(--accent);background:#12685f12}.recognition-option span,.recognition-preview{color:var(--muted);line-height:1.45}.recognition-preview{margin:16px 0 0}.recognition-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.recognition-actions button{font:inherit}.recognition-actions button:disabled{cursor:not-allowed;opacity:.55}.recognition-answer{display:grid;gap:16px;margin-top:30px}.recognition-field{display:grid;gap:10px;color:var(--muted);font-weight:700}.recognition-input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit}.recognition-input:focus{outline:3px solid rgba(18,104,95,.18);border-color:var(--accent)}.recognition-chip-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:0}.recognition-chip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;appearance:none}.recognition-chip:hover,.recognition-chip[aria-pressed=true]{border-color:var(--accent);background:#fff;color:var(--accent-strong)}.recognition-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.recognition-option{display:grid;gap:6px;width:auto;min-height:84px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-warm);color:var(--ink);font:inherit;text-align:left;cursor:pointer;appearance:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}.recognition-option:hover{border-color:var(--accent);background:var(--surface-warm);transform:translateY(-1px)}.recognition-option[aria-pressed=true]{border-color:var(--accent);background:#12685f17;box-shadow:inset 0 0 0 1px var(--accent)}.recognition-option strong{font-size:.98rem}.recognition-option span{color:var(--muted);font-size:.9rem;line-height:1.42}.recognition-preview:empty{display:none}.recognition-preview:not(:empty){margin-top:18px;padding:14px;border-radius:8px;background:#12685f14;color:var(--accent-strong);font-weight:700;line-height:1.45}.recognition-live dl{display:grid;gap:10px;margin:0}.recognition-live dl div{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}.recognition-live dt{color:var(--warm);font-size:.72rem;font-weight:800;text-transform:uppercase}.recognition-live dd{margin:0;color:var(--ink);font-weight:700;line-height:1.35}.recognition-result{margin-top:clamp(56px,8vw,92px)}.result-grid,.result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.result-card{padding:22px}.result-card-main{background:#fbfaf6}.result-note-card{margin-top:16px;background:#12685f12}.result-card h3{margin:0 0 10px;font-size:1.15rem;line-height:1.25}.result-card p,.result-card li{color:var(--muted);line-height:1.58}.result-steps{display:grid;gap:10px;margin:0;padding-left:20px}.result-actions{margin-top:28px}@media(max-width:820px){.recognition-hero,.recognition-tool,.result-grid,.result-columns{grid-template-columns:1fr}.recognition-live{border-top:1px solid var(--line);border-left:0}.recognition-summary{min-height:auto}}@media(max-width:620px){.recognition-options{grid-template-columns:1fr}}