/* Film reading pages: preserve authored layouts and media; use the site frame's palette. */
html.case-kwei,html.case-kwei[data-theme="dark"]{--pk-bg:var(--site-bg);--pk-surface:var(--site-surface);--pk-ink:var(--site-ink);--pk-muted:var(--site-muted);--pk-line:var(--site-line);--pk-accent:var(--site-yellow);--case-paper:var(--site-bg);--case-ink:var(--site-ink);--case-muted:var(--site-muted);--case-rule:var(--site-line);--case-wash:var(--site-surface);--case-accent:var(--site-yellow)}
html.case-kwei{background:var(--site-bg);scroll-padding-top:0}
html.case-kwei .case-portfolio{background-color:var(--site-bg);color:var(--site-ink)}
html.case-kwei ::selection{background:var(--site-yellow);color:#262626}
.case-portfolio :is(.case-chapter,.case-section,.collection-overview){scroll-margin-top:calc(var(--site-header-height) + 36px)}
.case-portfolio .case-skip{z-index:110}
.case-portfolio .case-role-line::before{background:var(--site-yellow)}
.case-portfolio .case-quality button:is(:hover,:focus-visible,[aria-pressed="true"]){color:var(--site-yellow);border-color:var(--site-yellow)}
.case-portfolio .case-lightbox{background:#171717f5;color:#f4f4f4}
.case-portfolio .case-lightbox::backdrop{background:#171717f0}
.case-portfolio .case-lightbox figcaption{color:#d5d5d5}
.case-portfolio .case-lightbox-close{color:#f4f4f4}
.case-portfolio .case-lightbox-close:hover{color:var(--site-yellow)}
.case-portfolio .collection-rail{top:calc(var(--site-header-height) + 36px)}
.case-portfolio .collection-panel{max-height:calc(100dvh - var(--site-header-height) - 61px)}
.case-portfolio .collection-panel a:is(:hover,[aria-current="location"]){color:var(--site-yellow)}
@media(max-width:1100px){.case-portfolio .collection-rail{top:var(--site-header-height)}.case-portfolio .collection-article :is(.case-chapter,.collection-overview){scroll-margin-top:calc(var(--site-header-height) + 66px)}.case-portfolio .collection-panel{max-height:calc(100dvh - var(--site-header-height) - 76px)}}
@media(max-width:760px){.case-portfolio .collection-article :is(.case-chapter,.collection-overview){scroll-margin-top:calc(var(--site-header-height) + 58px)}}