/* Read the answer first, then each card's role. Preserve the paper / olive palette. */
.clarity-direct,.clarity-explanations{min-width:0;max-width:70ch}
.clarity-direct{padding:16px 0 22px}
.clarity-direct h4,.clarity-explanations>h4{font:600 14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;color:#4b533d;margin:0 0 10px}
.clarity-answer-text{font:500 18px/1.9 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;margin:0!important;color:var(--ink,#40372b);white-space:pre-line;overflow-wrap:anywhere}
.clarity-explanations{border-top:1px solid #cdd2bc;padding-top:20px}
.clarity-explanations>h4{font-size:16px;margin-bottom:16px}
.clarity-part{padding:16px 0;border-top:1px solid #cdd2bc;min-width:0}
.clarity-part:first-child{padding-top:0;border-top:0}
.clarity-part:last-child{padding-bottom:0}
.clarity-role{font:600 15px/1.65 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;color:#4b533d;margin:0;overflow-wrap:anywhere}
.clarity-card{font-size:12px!important;line-height:1.7!important;color:#675e4f;margin:3px 0 0!important;overflow-wrap:anywhere}
.clarity-text{font-size:15px!important;line-height:1.9!important;margin:9px 0 0!important;color:var(--ink,#40372b);white-space:pre-line;overflow-wrap:anywhere}
/* Fixed header height clipped enlarged text; allow the title to wrap naturally. */
.app-header{height:auto;min-height:64px;padding-top:calc(16px + env(safe-area-inset-top,0px));gap:12px;align-items:flex-start}
.app-header .brand{min-width:0;flex-wrap:wrap;gap:3px 10px;line-height:1.5;overflow-wrap:anywhere}
.app-header .brand span{line-height:1.7;white-space:normal}
.app-header .icon-button{flex-shrink:0;min-width:44px;min-height:44px}
.page-title{flex-wrap:wrap;align-items:flex-start}
.page-title h1{min-width:0;max-width:100%;overflow-wrap:anywhere}
.connection-note>h3{overflow-wrap:anywhere}