/* Compact cards open the complete, unchanged letters in a reading dialog. */
#speeches .speech-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; max-width:1060px; margin:30px auto 0; }
.speech-summary-card { min-width:0; overflow:hidden; border:1px solid #d9d2c2; border-radius:14px; background:#fffdf8; }
.speech-card-button { display:grid; grid-template-columns:160px minmax(0,1fr); width:100%; min-height:188px; padding:0; border:0; background:none; color:#2e372e; text-align:right; font:inherit; }
.speech-card-portrait { display:flex; align-items:flex-end; justify-content:center; min-width:0; height:100%; overflow:hidden; position:relative; isolation:isolate; background:#2e372e url('assets/identity-dark.svg') center/cover; }
.speech-card-portrait:before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 50% 45%,#e8e4ba70,transparent 78%); z-index:-1; }
.speech-card-portrait img { display:block; width:100%; height:188px; object-fit:contain; object-position:center bottom; }
.speech-card-copy { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; min-width:0; padding:22px 24px; }
.speech-card-organization { color:#8b7b58; font-size:11px; line-height:1.8; }
.speech-card-name { display:block; margin-top:8px; font-size:23px; font-weight:800; line-height:1.5; overflow-wrap:anywhere; }
.speech-card-role { display:block; margin-top:5px; color:#68765c; font-size:12px; font-weight:700; line-height:1.8; }
.speech-card-read { display:inline-flex; align-items:center; gap:12px; margin-top:20px; padding-top:10px; border-top:1px solid #b1a18066; color:#507051; font-size:12px; font-weight:700; line-height:1.8; }
.speech-card-read > span { display:inline-flex; }
.speech-card-read svg { display:block; width:17px; height:17px; }
.speech-card-button:hover .speech-card-read { color:#2e372e; }
.speech-card-button:focus-visible { outline:3px solid #b1a180; outline-offset:-4px; border-radius:13px; }
body.speech-reading-open { overflow:hidden; }
dialog#speech-dialog { width:calc(100vw - 32px); max-width:760px; max-height:calc(100dvh - 28px); margin:auto; padding:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; border:1px solid #b1a18080; border-radius:16px; background:#fcfaf5; color:#2e372e; }
#speech-dialog::backdrop { background:#17271fb8; backdrop-filter:blur(5px); }
.speech-dialog-toolbar { position:sticky; top:0; height:0; z-index:3; pointer-events:none; }
.speech-dialog-close { position:absolute; top:13px; left:13px; display:grid; place-items:center; width:38px; height:38px; padding:9px; border:1px solid #b1a18080; border-radius:50%; color:#2e372e; background:#fcfaf5; pointer-events:auto; }
.speech-dialog-close svg { display:block; width:18px; height:18px; }
.speech-dialog-close:focus-visible { outline:2px solid #b1a180; outline-offset:3px; }
#speech-dialog .leader-letter { display:grid; grid-template-columns:190px minmax(0,1fr); grid-template-rows:190px auto auto; margin:0; padding:0; overflow:visible; border:0; border-radius:0; background:#fcfaf5; }
#speech-dialog .leader-rail { grid-column:1; grid-row:1; align-self:stretch; display:flex; align-items:flex-start; justify-content:center; height:190px; min-height:0; padding:0; overflow:hidden; background:#2e372e url('assets/identity-dark.svg') center/cover; }
#speech-dialog .leader-rail:before { background:radial-gradient(ellipse 80% 75% at 50% 48%,rgba(232,228,186,.44),rgba(194,209,157,.20) 48%,transparent 85%); }
#speech-dialog .leader-rail .real-president { display:flex; align-items:flex-start; justify-content:center; align-self:stretch; width:190px; max-width:none; height:190px; margin:0; overflow:hidden; }
#speech-dialog .leader-rail .real-president img { display:block; flex:none; width:190px; height:190px; max-width:none; object-fit:contain; object-position:center top; mask-image:none; -webkit-mask-image:none; border:0; border-radius:0; }
#speech-dialog .leader-rail .center-president img { width:215px; height:auto; }
#speech-dialog .letter-content { display:contents; }
#speech-dialog .speech-top { grid-column:2; grid-row:1; display:flex; align-items:center; min-height:0; margin:0; padding:28px 32px 25px 56px; border:0; background:#f7f3e9; }
#speech-dialog .speech-top span { color:#8b7b58; font-size:12px; line-height:1.8; }
#speech-dialog .speech-top h3 { margin:9px 0 0; color:#2e372e; font-size:27px; line-height:1.5; }
#speech-dialog .speaker-name { margin:9px 0 0; color:#68765c; font-size:14px; font-weight:700; line-height:1.7; }
#speech-dialog .speech-body { grid-column:1/-1; grid-row:2; clear:none; padding:22px 32px 10px; }
#speech-dialog .speech-body p { margin:8px 0 18px; color:#56604e; font-size:16px; line-height:2.15; }
#speech-dialog .speech-signature { grid-column:1/-1; grid-row:3; margin:0 32px 28px; padding-top:18px; border-top:1px solid #ddd7c9; font-size:14px; font-weight:700; line-height:1.8; }
#speech-dialog .speech-signature span { display:block; color:#8b8c7e; font-size:11px; font-weight:500; line-height:1.8; }
@media(max-width:900px) {
 #speeches .speech-grid { grid-template-columns:1fr; max-width:720px; }
 .speech-card-button { grid-template-columns:160px minmax(0,1fr); min-height:180px; }
 .speech-card-portrait img { height:180px; }
}
@media(max-width:600px) {
 #speeches .speech-grid { gap:16px; margin-top:24px; }
 .speech-summary-card { border-radius:11px; }
 .speech-card-button { grid-template-columns:112px minmax(0,1fr); min-height:160px; }
 .speech-card-portrait img { height:160px; }
 .speech-card-copy { padding:17px 16px; }
 .speech-card-organization { font-size:10px; }
 .speech-card-name { font-size:20px; margin-top:6px; }
 .speech-card-role { font-size:11px; margin-top:5px; }
 .speech-card-read { font-size:11px; margin-top:13px; padding-top:8px; gap:10px; }
 dialog#speech-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 20px); border-radius:12px; }
 .speech-dialog-close { top:10px; left:10px; width:34px; height:34px; padding:8px; }
 #speech-dialog .leader-letter { grid-template-columns:124px minmax(0,1fr); grid-template-rows:148px auto auto; }
 #speech-dialog .leader-rail { height:148px; }
 #speech-dialog .leader-rail .real-president { width:124px; height:148px; }
 #speech-dialog .leader-rail .real-president img { width:148px; height:148px; }
 #speech-dialog .leader-rail .center-president img { width:166px; height:auto; }
 #speech-dialog .speech-top { padding:22px 18px 19px 39px; }
 #speech-dialog .speech-top span { font-size:10px; line-height:1.7; }
 #speech-dialog .speech-top h3 { font-size:21px; line-height:1.5; margin-top:7px; }
 #speech-dialog .speaker-name { font-size:12px; margin-top:7px; }
 #speech-dialog .speech-body { padding:18px 22px 8px; }
 #speech-dialog .speech-body p { font-size:14px; line-height:2.1; margin:8px 0 17px; }
 #speech-dialog .speech-signature { margin:0 22px 23px; padding-top:16px; font-size:13px; }
 #speech-dialog .speech-signature span { font-size:10px; }
}