/* Scoped compact guide disclosures and official-video launcher. No original player overrides. */
.home-info .home-info-guides { align-items:start; }
.home-info .home-compact-guide { display:block; padding:0; overflow:hidden; }
.home-info .home-compact-guide-toggle { display:grid; grid-template-columns:minmax(0,1fr) 28px; align-items:center; column-gap:14px; row-gap:8px; min-height:106px; padding:21px 23px; color:#342e25; list-style:none; cursor:pointer; }
.home-info .home-compact-guide-toggle::-webkit-details-marker { display:none; }
.home-info .home-compact-guide-toggle h3 { grid-column:1; grid-row:2; margin:0; min-width:0; font-size:21px; line-height:1.45; }
.home-info .home-compact-guide-toggle .home-info-number { grid-column:1; grid-row:1; font-size:11px; letter-spacing:.12em; line-height:1.3; }
.home-info .home-compact-guide-chevron { grid-column:2; grid-row:1 / span 2; display:grid; place-items:center; width:28px; height:28px; border:1px solid #cbb68d; border-radius:50%; color:#76521e; background:#fffdf7; }
.home-info .home-compact-guide-chevron::before { content:"+"; font-size:23px; line-height:1; }
.home-info .home-compact-guide[open] .home-compact-guide-chevron::before { content:"−"; }
.home-info .home-compact-guide-toggle:hover { background:#f2eadb; }
.home-info .home-compact-guide-toggle:focus-visible { outline:3px solid #876122; outline-offset:-4px; border-radius:18px; }
.home-info .home-compact-guide-body { padding:0 23px 23px; }
.home-info .home-compact-guide-body p { margin-bottom:18px; }
.home-info .home-compact-guide-body .home-info-links { margin-top:0; }
.home-compact-film { text-decoration:none; }
.home-compact-film:focus-visible { outline:3px solid #367568; outline-offset:5px; border-radius:14px; }
.home-compact-film .home-compact-film-art { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; padding:12px; border:1px solid #b99d67; color:#4b603f; background:radial-gradient(circle at 30% 20%,#fffdf4 0%,#e9e0c8 58%,#c3ceb2 100%); box-shadow:inset 0 0 0 5px #fff9eb99,0 7px 20px #69512414; }
.home-compact-film .home-compact-film-art--song { color:#765224; background:radial-gradient(circle at 30% 20%,#fffaf1 0%,#efddb6 58%,#c8ac76 100%); }
.home-compact-film .home-compact-film-symbol { display:block; font-family:Georgia,serif; font-size:39px; font-weight:400; line-height:1; }
.home-compact-film .home-compact-film-art small { font-family:Arial,sans-serif; font-size:9px; font-weight:700; letter-spacing:.09em; line-height:1.5; }
.home-compact-film-dialog { box-sizing:border-box; width:min(420px,calc(100vw - 24px)); max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); padding:0; overflow:auto; border:1px solid #cabc9f; border-radius:18px; color:#293b35; background:#fffdf7; box-shadow:0 24px 80px #0006; font-family:"Microsoft JhengHei","PingFang TC",sans-serif; }
.home-compact-film-dialog::backdrop { background:#16231edb; }
.home-compact-film-dialog * { box-sizing:border-box; }
.home-compact-film-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 16px; }
.home-compact-film-dialog-head h3 { margin:0; color:#293b35; font-size:18px; line-height:1.5; }
.home-compact-film-close { flex:0 0 44px; width:44px; height:44px; padding:0; border:1px solid #d0c1a9; border-radius:50%; color:#3c4a3e; background:#f5efe2; font-size:26px; line-height:1; cursor:pointer; }
/* Both existing official films are portrait; reserve space for controls and fallback text. */
.home-compact-film-player { width:min(360px,100%,calc(56.25vh - 129.375px)); width:min(360px,100%,calc(56.25dvh - 129.375px)); min-width:100px; aspect-ratio:9/16; margin-inline:auto; background:#111; }
.home-compact-film-player iframe { display:block; width:100%; height:100%; border:0; }
.home-compact-film-dialog-foot { padding:13px 20px 17px; text-align:center; }
.home-compact-film-dialog-foot p { margin:0 0 7px; color:#606458; font-size:13px; line-height:1.7; }
.home-compact-film-dialog-foot a { display:inline-flex; align-items:center; min-height:44px; color:#674919; font-size:15px; font-weight:700; text-underline-offset:4px; }
.home-compact-film-dialog a:focus-visible, .home-compact-film-dialog button:focus-visible { outline:3px solid #367568; outline-offset:3px; }
@media (max-width:760px) {
 .home-info .home-compact-guide-toggle { min-height:86px; padding:17px 20px; row-gap:5px; }
 .home-info .home-compact-guide-toggle h3 { font-size:21px; }
 .home-info .home-compact-guide-body { padding:0 20px 21px; }
 .home-compact-film .home-compact-film-symbol { font-size:34px; }
 .home-compact-film .home-compact-film-art small { font-size:8px; }
 .home-compact-film-dialog-head { padding:9px 12px; gap:10px; }
 .home-compact-film-dialog-head h3 { font-size:16px; }
 .home-compact-film-dialog-foot { padding:11px 15px 14px; }
}