/* Cream + blush detail format with restrained emphasis. */
.sheet.content-sheet{max-width:980px;padding:28px 32px 0;background:#fffaf6;border-radius:24px;position:relative}.content-sheet>.close{position:absolute;right:14px;top:14px;z-index:2;width:32px;height:32px;font-size:20px;background:#fffaf5;border:1px solid #e9dfdb;color:#71727d}.context-detail{container:detail / inline-size;color:#172039;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;text-align:left}.context-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 0 24px;border-bottom:1px solid #e6ded9}.context-heading{min-width:0;flex:1}.context-category{display:inline-block;background:#f8dde2;border-radius:99px;padding:7px 17px;font-size:14px;font-weight:500;color:#273044}.context-title-row{display:flex;align-items:center;gap:14px;margin-top:24px}.context-title-row h2{font:650 clamp(24px,3vw,34px)/1.35 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.7px;margin:0;overflow-wrap:anywhere}.context-audio{width:40px;height:40px;border-radius:50%;background:#f7d8dd;border:0;color:#172039;display:grid;place-items:center;flex:none}.context-roman{font-size:14px;color:#747582;margin:8px 0 0;line-height:1.5}.context-thumbnail{width:196px;height:130px;object-fit:cover;border-radius:12px;flex:none}.context-thumbnail[hidden]{display:none}.meaning-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 28px}.meaning-panel{padding:20px;background:#f2efec;border-radius:14px}.meaning-nuance{background:#fbe6e8}.context-detail h3{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 13px}.context-detail p{font-size:16px;font-weight:400;line-height:1.65;margin:0;color:#333b50;white-space:pre-line;overflow-wrap:anywhere}.meaning-panel p{font-size:17px;line-height:1.55}.context-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:26px}.context-reading{padding-right:28px;border-right:1px solid #e5deda}.context-signals{margin-top:22px;padding-top:20px;border-top:1px solid #e5deda}.context-signals ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.context-signals li{position:relative;padding-left:22px;line-height:1.55;font-size:15px;font-weight:400;overflow-wrap:anywhere}.context-signals li:before{content:"";width:8px;height:8px;border-radius:50%;background:#e8a6b2;position:absolute;left:0;top:8px}.response-chat{background:#fcf0ef;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:16px}.reply-bubble{padding:13px 16px;border-radius:19px;max-width:94%}.reply-bubble.incoming{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.reply-bubble.outgoing{align-self:flex-end;background:#f6d5d5;border-bottom-right-radius:4px}.reply-bubble p{font-size:16px;line-height:1.5}.reply-bubble span{display:block;font-size:13px;line-height:1.5;color:#7a7d89;margin-top:7px}.context-detail .response-note{font-size:14px;line-height:1.6;color:#697083}.copy-reply{align-self:flex-start;border:1px solid #828794;background:transparent;color:#273044;border-radius:11px;padding:8px 12px;font-size:14px;font-weight:500}.copy-status{font-size:13px;color:#855567;min-height:0}.context-footer{padding:16px 0 20px;border-top:1px solid #e5deda;color:#84848d;font-size:12px;line-height:1.5}.context-detail button:focus-visible{outline:3px solid #c94e73;outline-offset:3px}.preview-area .context-detail p{font-size:16px}.preview-area .context-detail h3{font-size:16px}.preview-area .context-footer{margin:0}
@container detail (max-width:650px){.context-columns{grid-template-columns:1fr;gap:24px}.context-reading{padding-right:0;border-right:0}.context-thumbnail{width:132px;height:100px}.context-header{gap:18px}.context-title-row{margin-top:18px;gap:8px}.context-title-row h2{font-size:25px}.meaning-panel{padding:16px}.context-detail .meaning-panel p{font-size:16px}}
@container detail (max-width:420px){.context-header{flex-wrap:wrap}.context-thumbnail{width:100px;height:75px}.context-heading{flex-basis:100%}.meaning-columns{grid-template-columns:1fr}.context-title-row h2{font-size:25px}.context-audio{width:34px;height:34px}.response-chat{padding:16px}}
@media(max-width:620px){.sheet.content-sheet{padding:26px 20px 0;max-height:92vh}.content-sheet>.close{top:10px;right:10px}.context-category{font-size:13px}.modal{padding:12px}}

.mobile-detail-intro,.mobile-context{display:none}
@container detail (max-width:420px){
.context-header{padding:4px 0 16px;border-bottom:0;gap:0}
.context-header>.context-thumbnail{display:none}
.context-title-row{margin-top:18px}
.context-title-row h2{font-size:24px;font-weight:650;letter-spacing:-.5px}
.context-detail .context-roman{font-size:14px;line-height:1.5;color:#747582;margin-top:6px}
.mobile-detail-intro{display:flex;align-items:center;gap:16px;padding:4px 0 20px;border-bottom:1px solid #e6ded9}
.mobile-detail-intro>div{flex:1;min-width:0}
.mobile-detail-intro h3{color:#747582;font-size:14px;font-weight:500;margin-bottom:7px}
.mobile-detail-intro p{font-size:15px;line-height:1.55}
.intro-photo{width:104px;height:82px;object-fit:cover;border-radius:11px;flex:none}
.intro-photo[hidden]{display:none}
.literal-panel{display:none}
.meaning-columns{display:block;margin:18px 0 24px}
.meaning-nuance{padding:17px 18px;background:#fbe6e8;border-radius:14px}
.context-detail h3{font-size:15px;font-weight:600;line-height:1.4;margin-bottom:10px}
.context-detail p{font-size:16px;line-height:1.6}
.context-detail .meaning-panel p{font-size:16px}
.desktop-context{display:none}
.mobile-context{display:block}
.context-disclosure{margin-top:8px}
.context-disclosure summary{font-size:14px;color:#747582;cursor:pointer;list-style:none;padding:7px 0;display:flex;align-items:center;gap:9px;min-height:36px}
.context-disclosure summary::-webkit-details-marker{display:none}
.context-disclosure[open] summary span{transform:rotate(180deg)}
.context-disclosure>p{margin-top:6px}
.context-columns{gap:24px}
.context-response{border-top:1px solid #e6ded9;padding-top:20px}
.response-chat{background:transparent;border-radius:0;padding:4px 0 0;gap:14px}
.reply-bubble{max-width:88%;padding:12px 15px;border-radius:20px}
.reply-bubble.incoming{background:#eae9eb;border-bottom-left-radius:5px}
.reply-bubble.outgoing{background:#b85f7d;border-bottom-right-radius:5px}
.context-detail .reply-bubble.outgoing p,.context-detail .reply-bubble.outgoing span{color:#fff}
.reply-bubble span{font-size:13px;line-height:1.5;color:#697083}
.context-detail .response-note{font-size:14px;line-height:1.6}
.copy-reply{font-size:13px;padding:8px 11px;border-color:#aaa5ac;min-height:36px}
.context-signals{padding-top:16px;margin-top:18px}
}