.perspective-preview {gap:0;}
.perspective-preview .demo-topline {margin-bottom:28px;}
.perspective-preview .perspective-situation {font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0;margin:0 0 12px;max-width:40ch;}
.perspective-question {font-size:clamp(25px,2.5vw,34px);line-height:1.2;letter-spacing:-.7px;font-weight:600;max-width:26ch;}
.perspective-prompt {font-size:14px;line-height:1.55;margin-top:20px;}
.perspective-options {display:grid;gap:9px;margin-top:16px;}
.perspective-options button {display:block;width:100%;text-align:left;min-height:52px;padding:14px 18px;border:1px solid #542D2055;border-radius:3px 16px 3px 3px;background:#FFFDF745;color:#542D20;font-size:15px;font-weight:600;line-height:1.4;}
.perspective-options button[aria-pressed="true"] {background:#542D20;color:#FFFDF7;border-color:#542D20;}
.perspective-options button:focus-visible {outline:3px solid #542D20;outline-offset:4px;}
.perspective-answer {min-height:0;margin-top:24px;padding:22px;background:#FFFDF7;color:#542D20;border-radius:3px 24px 3px 3px;font-size:16px;line-height:1.65;}
.perspective-answer h4 {font-size:13px;line-height:1.5;font-weight:600;margin:0 0 10px;}
.perspective-preview .perspective-note {margin-top:22px;font-size:12px;line-height:1.6;}
@media(max-width:760px){.perspective-preview {min-height:0;}.perspective-preview .demo-topline{margin-bottom:22px;}.perspective-question{font-size:28px;}.perspective-options button{font-size:16px;}.perspective-answer{padding:20px;}}
@media(max-width:359px){.perspective-question{font-size:25px;}.perspective-options button{font-size:15px;padding:13px 14px;}}
@media(prefers-reduced-motion:no-preference){.answer-enter{animation:answer-open .28s ease-out both;}@keyframes answer-open{from{opacity:.4;transform:translateY(6px);}to{opacity:1;transform:none;}}}