.cn-screen{max-width:820px;margin:0 auto}.cn-heading{margin:0 0 18px}.cn-heading h1{font-size:clamp(32px,5vw,48px);margin:10px 0}.cn-heading>p:last-child{color:var(--muted);max-width:46ch;margin-bottom:0}.cn-tabs,.cn-options{display:flex;flex-wrap:wrap;gap:8px}.cn-tabs{margin:18px 0 14px}.cn-tabs .cn-choice{flex:1}.cn-choice{min-height:46px;border:1px solid #43574a;border-radius:9px;padding:10px 13px;background:#1d2b23;color:#d8e3d4;text-align:left;font:inherit;line-height:1.3}.cn-choice:hover{background:#293d2e}.cn-choice[aria-pressed=true]{background:#c4dea8;color:#19281c;border-color:#c4dea8;font-weight:650}.cn-tabs .cn-choice{text-align:center}.cn-panel h2{font-size:20px;margin:0 0 7px}.cn-hint,.cn-note{color:var(--muted);font-size:13px;line-height:1.5}.cn-hint{margin:7px 0 13px}.cn-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cn-style{margin-top:19px}.cn-label{font:600 10px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--sage);margin:0 0 9px}.cn-result{margin-top:19px;padding:17px;border:1px solid #4d6750;border-left:3px solid var(--sage);border-radius:10px;background:#1c3025}.cn-result blockquote{font-family:var(--serif);font-size:clamp(23px,3vw,29px);line-height:1.32;margin:6px 0 13px;letter-spacing:-.025em}.cn-result>p:not(.cn-label):not(.cn-hint),.cn-response{font-size:16px;margin-bottom:10px}.cn-result .cn-options{margin-top:14px}.cn-result .cn-hint:last-child{margin-bottom:0}.cn-empty{border-top:1px solid var(--border);margin:18px 0 0;padding-top:15px;color:var(--muted)}.cn-note{margin:14px 0 0}.cn-note a{color:var(--sage);text-decoration:underline;text-underline-offset:3px}.cn-print{margin-top:16px}.cn-paper-phrases{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.cn-paper-phrases dt{font-weight:650;font-size:10.5pt}.cn-paper-phrases dd{margin:3px 0;font-size:11pt}.cn-paper .paper-part{margin:14px 0}.cn-paper li{margin:6px 0}.cn-paper .paper-foot{font-size:9pt;border-top:1px solid #97a99b;padding-top:9px;margin-top:16px}@media(max-width:480px){.cn-heading h1{font-size:34px}.cn-panel{padding:15px}.cn-choice{font-size:14px;padding:10px}.cn-options .cn-choice{flex:1;text-align:center}.cn-result{padding:15px}.cn-result blockquote{font-size:25px}.cn-result .cn-options .cn-choice{flex:auto}.cn-tabs{gap:7px}.cn-style .cn-label{line-height:1.5}}@media print{.cn-paper{font-size:11pt}.cn-paper .paper-head h1{font-size:23pt}.cn-paper .paper-part{break-inside:avoid}.cn-paper-phrases>div{break-inside:avoid}}
