/* Emperor sweet extras: chapter-aware, mobile-first, with no intrusive overlay or geometric illustration. */
.side-page .side-card[data-side-open^="emperor_"]{
 background:linear-gradient(125deg,#342832,#231f2a 78%);
 border-color:#b19171;
 box-shadow:inset 3px 0 0 #caa57e,0 6px 18px #0002;
}
.side-page .side-card[data-side-open^="emperor_"] .side-tag{color:#f8d4ab}
.side-page .side-card[data-side-open^="emperor_"] h3{color:#ffe2b6}
.side-page .side-card[data-side-open^="emperor_"]:focus-visible,
.side-page .side-choice:focus-visible{outline:3px solid #f4cd8f;outline-offset:3px}
.imperial-sweet-story{
 background:linear-gradient(170deg,#352934,#24202b 55%,#291f2c);
 border-color:#c6a27b;
 max-width:860px;
 margin-inline:auto;
}
.imperial-sweet-story>.eyebrow{color:#d6b185}
.imperial-sweet-story .side-subtitle{color:#dfc5a6;line-height:1.8}
.imperial-sweet-story h2{font-size:clamp(21px,3.6vw,31px);color:#f5d5a8}
.imperial-sweet-story .side-lines{gap:17px}
.imperial-sweet-story .side-lines p{background:#17162066;border-left:2px solid #b5946b;padding:10px 13px;border-radius:0 7px 7px 0}
.imperial-sweet-story .side-lines strong{color:#f1c89a;margin-bottom:3px}
.imperial-sweet-story .side-choice{min-height:75px;border-radius:9px;padding:15px 18px}
.imperial-sweet-story .side-choice:hover{border-color:#edd0a1;background:#514051}
.imperial-sweet-story .side-outcome{gap:14px}
.imperial-sweet-story .side-outcome>p{line-height:2}
.imperial-sweet-story .side-outcome-dialogue{
 border-top:1px solid #8b715c;border-bottom:1px solid #8b715c;padding:15px 0;
}
@media(max-width:650px){
 .imperial-sweet-story{padding:15px 14px}
 .imperial-sweet-story .side-lines p{font-size:15px;line-height:1.85;padding:10px}
 .imperial-sweet-story .side-choice{min-height:68px;padding:13px}
 .imperial-sweet-story .side-choice strong{font-size:16px}
 .imperial-sweet-story .side-choice small{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .imperial-sweet-story .side-choice{transition:none}
}

/* v2.7.1: direct entry and clear chapter-based unlocking notes */
.nav-links [data-nav="sweet"]{color:#f1cfaa;font-weight:600}
.nav-links [data-nav="sweet"].active{color:#ffdfac}
.home .home-sweet-btn{border-color:#c4a076;color:#f3d4a9;background:#3b2b36d9}
.home .home-sweet-btn:hover{background:#5a3c45}
.home-sweet-hint{max-width:600px;margin:10px 0 0;font-size:12px;line-height:1.65;color:#dfc4a1}
.sweet-entry-guide{display:grid;gap:10px;border:1px solid #9d7858;background:#352836;border-radius:11px;padding:16px 18px;margin:18px 0 12px}
.sweet-entry-guide strong{color:#ffe0b4;font-size:18px;font-weight:600}
.sweet-entry-guide p{color:#e5d2c2;font-size:14px;line-height:1.85}
.sweet-entry-guide .btn{justify-self:start;min-height:44px}
.imperial-archive .side-card.side-locked{opacity:1;background:#2a242e;border-color:#584d52}
.imperial-archive .side-card.side-locked .side-tag{color:#d2b992}
.imperial-archive .side-card .side-unlock-hint{color:#d9c7b8;line-height:1.8}
@media (min-width:951px) and (max-width:1390px){.topbar .nav-links{gap:clamp(4px,1vw,12px)}.topbar .nav-links button{padding-inline:6px}}
@media (max-width:650px){
 .nav-links [data-nav="sweet"]{border-left:3px solid #d7af78;padding-left:15px!important;background:#41303b}
 .home .home-sweet-btn{flex-basis:100%;min-height:46px}
 .home-sweet-hint{font-size:12px}
 .sweet-entry-guide{padding:13px}
 .sweet-entry-guide strong{font-size:17px}
 .sweet-entry-guide p{font-size:13px}
}