.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
.mode-card{text-align:left;border:1px solid var(--line);background:#f8faf7;color:var(--ink);border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-height:270px;transition:.2s}
.mode-card:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 14px 35px rgba(9,44,45,.09)}
.mode-card.featured{background:var(--ink);color:white}
.mode-card strong{font-family:Georgia,"Yu Mincho",serif;font-size:1.55rem;margin:18px 0 4px}
.mode-card small{color:inherit;opacity:.65}
.mode-card p{font-size:.92rem;line-height:1.8;margin:20px 0;color:inherit;opacity:.8}
.mode-badge{background:var(--lime);color:var(--ink);font-size:.7rem;font-weight:900;padding:5px 9px;border-radius:99px}
.mode-badge.pale{background:#e8eee9}
.mode-link{font-weight:900;margin-top:auto}
.choice-top{display:flex;justify-content:space-between;align-items:flex-start}
.choice-top>span{font-weight:900;color:var(--accent)}
.choice-progress{height:7px;background:#e8ece8;border-radius:9px;overflow:hidden;margin:6px 0 34px}
.choice-progress i{display:block;width:10%;height:100%;background:var(--accent);transition:.25s}
.choice-question{font-size:1.25rem;line-height:1.7;margin-bottom:22px}
.choice-route{display:inline-block;background:#edf3ef;color:var(--ink2);border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:800;margin:0 0 18px}
.multi-note{display:block;color:var(--accent);font-size:.82rem;font-weight:900;margin:-6px 0 10px}
.choice-options{display:grid;gap:10px}
.choice-option{border:1px solid var(--line);background:#f8faf7;color:var(--ink);text-align:left;border-radius:15px;padding:16px 18px;line-height:1.5;display:flex;align-items:center;gap:11px}
.choice-option:hover,.choice-option.selected{border-color:var(--ink);background:#eaf2ed}
.choice-option.selected{box-shadow:inset 0 0 0 1px var(--ink);font-weight:800}
.choice-check{display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border:1px solid #aeb9b4;border-radius:7px;color:transparent;background:white;font-size:.8rem}
.choice-option.selected .choice-check{background:var(--ink);border-color:var(--ink);color:var(--lime)}
.confirm-box{background:#fff8e7;border:1px solid #eddca8;border-radius:16px;padding:17px;margin:8px 0 18px}
.confirm-box p{line-height:1.7;margin-bottom:12px}
.confirm-actions{display:flex;flex-wrap:wrap;gap:7px}
.confirm-actions button{border:1px solid #d7c58d;background:white;color:var(--ink);border-radius:99px;padding:8px 12px;font-size:.8rem;font-weight:700}
.confirm-actions button:hover{background:var(--lime)}
.method-note{display:inline-block;font-size:.72rem;font-weight:900;padding:5px 9px;border-radius:99px;background:#e8eee9;margin-bottom:10px}
.finish-interview{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--ink2);font-weight:800;text-decoration:underline;text-underline-offset:4px;padding:8px}
.finish-interview:hover{color:var(--accent)}
.topic-quote{font-size:1.05rem;border-left:3px solid var(--lime);padding-left:14px}
.answer-summary{list-style:none;padding:0;margin:16px 0 22px;display:grid;gap:8px}
.answer-summary li{background:rgba(255,255,255,.09);border-radius:12px;padding:11px 13px;line-height:1.55}
.answer-summary small{display:block;color:var(--lime);margin-bottom:3px}
.reason-item ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.reason-item li{font-size:.88rem;line-height:1.6;color:#526562}
.reason-item li small{display:block;color:var(--accent);font-size:.72rem;font-weight:800;margin-top:2px}
@media(max-width:780px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:230px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}}
@media print{#modePanel,#choicePanel{display:none!important}}