.idx--sahne .idx__scene {
position: relative;
margin-block-end: var(--s-8);
padding: clamp(28px, 2.2vw + 18px, 46px) clamp(22px, 2vw + 14px, 44px) clamp(30px, 2.4vw + 18px, 50px);
background: var(--surface-accent);
max-width: none;
display: grid; align-items: end;
grid-template-columns: auto minmax(0, 1fr);
column-gap: clamp(24px, 3vw, 56px);
}
.idx--sahne .idx__scene::before {
content: ''; position: absolute; inset-block: 0; inset-inline-start: 0;
width: 3px; background: var(--accent);
}
.idx--sahne .idx__h1 {
margin: 0; align-self: end;
font-family: 'Newsreader', NR400, Georgia, serif;
font-size: clamp(46px, var(--z-hub), 158.3px); font-weight: 800; line-height: 0.92;
letter-spacing: -0.037em; font-variation-settings: 'opsz' 72, 'wght' 800;
color: var(--ink); text-wrap: balance;
}
.idx--sahne .idx__scene .dot, .ps__scene .dot { color: var(--accent-on-scene); }
.ps__scene .ps__meta { color: var(--on-scene-muted); }
.ps__scene .ps__meta a { color: var(--accent-on-scene); }
.idx--sahne .idx__head .ps__t { max-width: none; }
.idx--sahne .idx__desc {
align-self: end;
margin-top: 0; padding-bottom: 0.6em;
max-width: 46ch;
color: var(--on-scene-muted);
}
.idx--sahne .idx__stat { margin-top: 0; }
@media (max-width: 767px) {
.idx--sahne .idx__scene {
padding: clamp(22px, 5vw, 30px) clamp(16px, 4vw, 22px) clamp(24px, 5vw, 32px);
margin-inline: calc(var(--margin-m) * -1);
padding-inline: var(--margin-m);
}
.idx--sahne .idx__scene { grid-template-columns: 1fr; }
.idx--sahne .idx__desc { margin-top: clamp(16px, 4vw, 22px); padding-bottom: 0; max-width: none; }
}
@media print {
.idx--sahne .idx__scene { background: none !important; padding-inline: 0 !important; }
.idx--sahne .idx__scene::before { display: none !important; }
}
.ps__scene {
position: relative;
margin-block-end: var(--s-6);
padding: clamp(26px, 2vw + 16px, 44px) clamp(22px, 2vw + 14px, 44px) clamp(24px, 1.8vw + 14px, 38px);
background: var(--surface-accent);
}
.ps__scene::before {
content: ''; position: absolute; inset-block: 0; inset-inline-start: 0;
width: 3px; background: var(--accent);
}
.ps__scene .ps__t {
letter-spacing: -0.02em !important;
}
.ps__scene .ps__meta { border-top: 0; margin-top: clamp(16px, 1.2vw + 10px, 24px); padding-top: 0; }
.ps__scene .ps__meta::before { display: none; }
@media (max-width: 767px) {
.ps__scene {
margin-inline: calc(var(--margin-m) * -1);
padding-inline: var(--margin-m);
padding-block: clamp(22px, 5vw, 30px) clamp(20px, 4vw, 26px);
}
}
@media print {
.ps__scene { background: none !important; padding-inline: 0 !important; }
.ps__scene::before { display: none !important; }
}
.ps__body > h2.ps__h3 {
position: sticky;
top: var(--hdr-h, 82px);
z-index: 2;
background: var(--paper);
padding-block: 10px 6px;
margin-block: -10px calc(var(--s-2) - 6px);
}
.kanitolc {
display: block;
margin-block: var(--s-4);
padding-block: var(--s-3);
}
.kanitolc__lbl {
color: var(--on-surface-faint);
text-transform: uppercase;
letter-spacing: .04em;
margin: 0 0 var(--s-1);
}
.kanitolc__v {
margin: 0;
color: var(--on-surface);
font-variant-numeric: tabular-nums;
}
.kanitolc__src { margin: var(--s-1) 0 0; color: var(--on-surface-muted); }