/* Shared content controls. Candidate identity rules load after this file. */
.photo-window .photo-source-link{position:absolute;inset:0;z-index:2}
.photo-window .photo-source-link:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.photo-disclosure{font-size:11px;color:var(--muted)}
.photo-disclosure[hidden]{display:none}
.video-index,.filmstrip,.inline-video-slot,.stream-card,.chzzk-content>section{min-width:0}
.video-index .section-heading,.filmstrip .section-heading{margin-bottom:15px}
.video-index-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto 18px;gap:15px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:17px 0;min-height:80px}
.video-index-row>img{width:88px;height:auto;aspect-ratio:16/9;object-fit:cover}
.video-index-row>span{font-size:14px;line-height:1.5}
.video-index-row>small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.video-index-row:hover>span,.video-index-row[aria-expanded=true]>span{text-decoration:underline;text-underline-offset:5px}
.video-index-row>.icon{width:16px;height:16px}
.inline-video-slot{max-width:520px;margin:8px 0 24px}
.inline-video-slot .feature-meta>p{font-size:13px}
.filmstrip-items{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:16px}
.film-card{display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;border:0;background:none;padding:0;min-width:0;font-size:13px;line-height:1.5}
.film-image{display:block;position:relative;width:100%;aspect-ratio:16/9}
.film-image>img{width:100%;height:100%;object-fit:cover}
.film-image>.icon{position:absolute;left:7px;bottom:7px;color:#fff;background:#1e272aa8;box-sizing:content-box;width:13px;height:13px;padding:5px}
.film-card:hover>span:last-child,.film-card[aria-expanded=true]>span:last-child{text-decoration:underline;text-underline-offset:5px}
.filmstrip>.inline-video-slot{margin-top:20px}
.stream-card{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr) 20px;align-items:center;gap:22px;padding:18px 0;border-block:1px solid var(--line);min-height:152px}
.stream-card:hover{text-decoration:none}
.stream-card>img:first-child{width:116px;height:116px;object-fit:cover;object-position:50% 34%}
.stream-card-copy{display:flex;flex-direction:column;gap:14px;min-width:0}
.stream-card-name{font-size:21px;line-height:1.3;font-weight:500}
.stream-card-action{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);min-height:44px}
.stream-card:hover .stream-card-action{text-decoration:underline;text-underline-offset:5px}
.stream-card>.stream-platform-icon{width:20px;height:20px;object-fit:contain}
.stream-status{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--muted);line-height:1.4;min-height:16px}
.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.stream-status[data-stream-status=on_air]{color:#bd332e}
.stream-status[data-stream-status=offline]{color:#706c68}
.stream-status[data-stream-status=unknown]{letter-spacing:0;font-weight:400}
.stream-live-title{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stream-live-title[hidden]{display:none}
.stream-card-group[data-state=on_air] .stream-thumbnail{object-fit:cover;object-position:center}
body[data-layout=night] .stream-status[data-stream-status=on_air]{color:#ff8c84}
body[data-layout=night] .stream-status[data-stream-status=offline]{color:#aba6a5}
.chzzk-page{max-width:1040px}
.chzzk-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:100px;align-items:start}
.chzzk-content h2{font-size:22px;margin-bottom:22px}
.chzzk-content .clips-section{max-width:330px}
.chzzk-content .clip-embed{margin:0;width:100%;aspect-ratio:16/9}
.chzzk-content .clip-caption{margin-top:4px}
.clip-label{margin-top:0}
.view-panel[data-view=home] .shorts-rail{grid-template-columns:repeat(3,minmax(0,150px));max-width:540px;gap:22px}
.short-card h3{font-size:13px}
.short-card .play-label{min-height:36px;padding:7px}
.short-card .play-label>span{display:none}
.short-card .video-poster-button{padding:8px}
.view-panel[data-view=videos] .shorts-rail{grid-template-columns:repeat(5,minmax(0,152px));max-width:850px;gap:22px}
.video-library{display:contents}
.library-featured{max-width:520px;margin:0 0 30px}
.video-grid{display:block;max-width:760px}
.video-card{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;padding:18px 0;border-top:1px solid var(--line)}
.video-card>img{width:112px;height:auto}
.video-card h3{margin:0;font-size:14px}
.video-card p{margin:0;font-size:12px;font-variant-numeric:tabular-nums}
.channel-description{max-width:760px}
.video-stage[data-video-id]{width:100%;min-width:0;min-height:200px}
.short-dialog{padding:18px 20px 22px;border:1px solid var(--line);width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 40px);background:var(--paper);color:var(--ink);overflow:auto}
.short-dialog::backdrop{background:#101216b8}
.short-dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}
.short-dialog-heading button{min-height:44px;min-width:44px;border:0;background:transparent;padding:8px;color:inherit;font-size:12px}
.short-dialog-heading button:hover{text-decoration:underline;text-underline-offset:4px}
.short-dialog-player{width:min(100%,304px);margin-inline:auto}
.short-dialog-player .video-stage{aspect-ratio:9/16}
.short-dialog h2{font:400 13px/1.6 Pretendard,sans-serif;margin-top:16px}
/* C: keep the original photo/video spread and align supporting work to the same edges. */
html:has(body[data-layout=notebook]){scrollbar-gutter:stable}
body[data-layout=notebook] .shell{max-width:1248px}
body[data-layout=notebook] .view-panel[data-view=home] .home-intro{padding-bottom:38px}
body[data-layout=notebook] .view-panel[data-view=home] .featured-block{max-width:none;width:100%}
body[data-layout=notebook] .view-panel[data-view=home] .featured-block>h2{font-size:21px}
body[data-layout=notebook] .view-panel[data-view=home] .feature-selector{gap:14px}
body[data-layout=notebook] .view-panel[data-view=home] .feature-choice{flex-direction:column;align-items:flex-start;gap:8px;font-size:12px}
body[data-layout=notebook] .view-panel[data-view=home] .feature-choice img{width:88px;height:auto;aspect-ratio:16/9}
body[data-layout=notebook] .view-panel[data-view=home] .home-work{gap:44px}
body[data-layout=notebook] .shorts-and-notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:start;min-width:0}
body[data-layout=notebook] .view-panel[data-view=home] .notes-teaser .note-item summary{padding-block:13px}
body[data-layout=notebook] .view-panel[data-view=home] .shorts-section{max-width:none;width:100%}
body[data-layout=notebook] .view-panel[data-view=home] .shorts-rail{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
body[data-layout=notebook] .home-work>.live-section{width:100%;min-width:0}
body[data-layout=notebook] .home-work>.live-section .stream-card{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) 24px;gap:32px;padding-block:22px}
body[data-layout=notebook] .home-work>.live-section .stream-thumbnail{width:100%;height:auto;aspect-ratio:16/9}
body[data-layout=notebook] .channel-description{max-width:none}
body[data-layout=notebook] .video-library{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:54px;align-items:start}
body[data-layout=notebook] .video-library>.library-featured,
body[data-layout=notebook] .video-library>.video-grid{max-width:none;width:100%;margin:0;min-width:0}
body[data-layout=notebook] .view-panel[data-view=videos] .shorts-rail{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}
body[data-layout=notebook] .chzzk-page{max-width:none}
body[data-layout=notebook] .chzzk-content{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:54px}
body[data-layout=notebook] .chzzk-content .clips-section{max-width:none}
body[data-layout=notebook] .chzzk-content .stream-card{grid-template-columns:clamp(116px,16vw,220px) minmax(0,1fr) 20px}
body[data-layout=notebook] .chzzk-content .stream-thumbnail{width:100%;height:auto;aspect-ratio:1}
@media(max-width:1000px) and (min-width:701px){
  body[data-layout=notebook] .shorts-and-notes{gap:30px}
  body[data-layout=notebook] .video-library{grid-template-columns:minmax(0,1fr);gap:30px}
  body[data-layout=notebook] .chzzk-content{gap:30px}
  body[data-layout=notebook] .chzzk-content .stream-card{grid-template-columns:100px minmax(0,1fr) 18px;gap:14px}
  .stream-card{grid-template-columns:88px minmax(0,1fr) 18px;gap:14px}
  .stream-card>img:first-child{width:88px;height:100px}
  .stream-card-name{font-size:19px}
  .chzzk-content{gap:42px}
}
@media(max-width:700px){
  .video-index-row{grid-template-columns:72px minmax(0,1fr) 16px;gap:12px;padding:15px 0}
  .video-index-row>img{width:72px}
  .video-index-row>span{font-size:13px}
  .video-index-row>small{display:none}
  .filmstrip-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .film-card{font-size:12px}
  .stream-card{grid-template-columns:94px minmax(0,1fr) 18px;gap:17px;padding:15px 0;min-height:126px}
  .stream-card>img:first-child{width:94px;height:102px}
  .stream-card-name{font-size:20px}
  .stream-card-copy{gap:6px}
  .stream-card-action{font-size:12px;gap:6px}
  .stream-card>.stream-platform-icon{width:18px;height:18px}
  .chzzk-content{display:block}
  .chzzk-content .clips-section{margin-top:40px;max-width:330px}
  .chzzk-content h2{font-size:20px;margin-bottom:18px}
  .video-card{grid-template-columns:92px minmax(0,1fr);gap:6px 14px;padding:17px 0}
  .video-card>img{width:92px;grid-row:1/3}
  .video-card h3{font-size:13px}
  .video-card p{font-size:12px;grid-column:2}
  .view-panel[data-view=home] .shorts-rail,.view-panel[data-view=videos] .shorts-rail{display:flex;max-width:100%;gap:15px}
  .view-panel[data-view=home] .short-card,.view-panel[data-view=videos] .short-card{flex:0 0 132px;width:132px;min-width:132px;max-width:132px}
  body[data-layout=notebook] .view-panel[data-view=home] .home-intro{gap:28px;padding-bottom:32px}
  body[data-layout=notebook] .view-panel[data-view=home] .feature-choice img{width:82px;max-width:100%}
  body[data-layout=notebook] .view-panel[data-view=home] .home-work{gap:38px}
  body[data-layout=notebook] .shorts-and-notes{grid-template-columns:minmax(0,1fr);gap:38px;width:100%}
  body[data-layout=notebook] .view-panel[data-view=home] .shorts-and-notes>.shorts-section{order:0}
  body[data-layout=notebook] .video-library{grid-template-columns:minmax(0,1fr);gap:30px}
  body[data-layout=notebook] .home-work>.live-section .stream-card,
  body[data-layout=notebook] .chzzk-content .stream-card{grid-template-columns:94px minmax(0,1fr) 18px;gap:17px;padding-block:15px}
  body[data-layout=notebook] .home-work>.live-section .stream-thumbnail,
  body[data-layout=notebook] .chzzk-content .stream-thumbnail{width:94px;height:102px;aspect-ratio:auto}
}
