/* s06 Greece after Homer: owner's bullets left, Diogenes glyph + maxim + ostraka right, three folded marginalia scraps below */
#s06 .slide-num, #s06 .slide-title{grid-row:auto}
#s06 .s06-main{grid-column:1/8; grid-row:3; display:flex; flex-direction:column; gap:clamp(18px,2.4vw,34px)}
#s06 .s06-notes{font-size:.97em}
#s06 .s06-notes > li{padding:.42em 0 .46em 1.5em}
#s06 .s06-notes li ul{font-size:.9em; margin-top:.2em}
#s06 .s06-notes li ul li{margin:.12em 0}
#s06 .s06-notes .s06-dio > strong{color:var(--rust); font:italic 400 1.12em/1 var(--f-display)}

#s06 .s06-side{grid-column:8/13; grid-row:3; display:flex; flex-direction:column; gap:clamp(14px,1.6vw,24px); position:relative; z-index:1}
#s06 .s06-hero{--glyph-ar:1200 / 820; width:112%; margin:-2.2em -6% 0 -6%}
#s06 .s06-hero-cap{margin:-.4em 0 0; text-align:right}
#s06 .s06-maxim{margin:.2em 0 0 .4em}
#s06 .s06-maxim .gr{font-size:clamp(1.35rem,2vw,1.85rem); line-height:1.25; color:var(--rust)}
#s06 .s06-ostraka{width:86%; align-self:flex-end; margin-top:.2em}
#s06 .s06-ostraka figcaption b{font:400 1.05em/1 var(--f-greek); letter-spacing:.06em; color:var(--ink-soft)}

/* marginalia scraps */
#s06 .s06-card{align-self:start; font-size:.84em}
#s06 .s06-card-1{width:min(100%,620px); margin-left:.4em}
#s06 .s06-card-2{grid-column:1/7; grid-row:4; margin-top:clamp(8px,1.4vw,22px)}
#s06 .s06-card-3{grid-column:7/13; grid-row:4; margin-top:clamp(22px,3vw,48px)}
#s06 .s06-card > p{margin:.1em 0 .5em}
#s06 .s06-card ul{list-style:none; margin:.4em 0 0; padding:0}
#s06 .s06-card ul li{position:relative; padding:.3em 0 .3em 1.05em; border-top:1px dashed color-mix(in srgb,var(--ink) 14%,transparent)}
#s06 .s06-card ul li::before{content:"·"; position:absolute; left:.2em; color:var(--rust); font-weight:600}
#s06 .s06-card .credit{margin-top:.8em}

#s06 .s06-more > summary{list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:.4em; user-select:none}
#s06 .s06-more > summary::-webkit-details-marker{display:none}
#s06 .s06-more > summary::before{content:"+"; display:inline-grid; place-items:center; width:1.35em; height:1.35em; border:1px solid var(--cobalt); border-radius:50%;
  font:500 .85em/1 var(--f-mono); color:var(--cobalt); transition:transform .35s ease}
#s06 .s06-more[open] > summary::before{transform:rotate(45deg)}
#s06 .s06-more > summary .hand{font-size:1.25em}
#s06 .s06-more[open] > summary .hand{opacity:.55}
#s06 .s06-more[open] > ul{animation:s06-ink .6s ease both}
@keyframes s06-ink{from{opacity:0; filter:blur(2px); transform:translateY(-4px)} to{opacity:1; filter:none; transform:none}}

#s06 .s06-q{margin:.45em 0 .5em; padding-left:.9em; font-size:.98em}
#s06 .s06-q .gr{font-size:1.06em; line-height:1.4}
#s06 .s06-q cite{font-size:.6rem}

#s06 .s06-chk{display:inline-block; font:500 .62rem/1.3 var(--f-mono); letter-spacing:.1em; text-transform:uppercase; padding:.1em .45em; margin-right:.3em;
  border:1px solid currentColor; border-radius:2px; vertical-align:.1em}
#s06 .s06-chk.ok{color:var(--cobalt)}
#s06 .s06-chk.fix{color:var(--rust); font-size:.7rem}
#s06 .s06-chk.fix s{color:var(--ink-faint); text-decoration-thickness:1.5px}

#s06 .s06-plato{float:right; width:clamp(84px,8vw,124px); margin:-2.6em -1.6em .3em .8em}

#s06 .s06-splat-a{position:absolute; top:-1%; right:2%; width:min(150px,14vw); z-index:-1}
#s06 .s06-splat-b{position:absolute; bottom:4%; left:46%; width:min(150px,12vw); z-index:-1}

@media (max-width:820px){
  #s06 .s06-main, #s06 .s06-side, #s06 .s06-card{grid-row:auto}
  #s06 .s06-main{display:contents}
  #s06 .s06-notes, #s06 .s06-card-1{grid-column:1/-1}
  #s06 .s06-notes{order:1} #s06 .s06-side{order:2} #s06 .s06-card-1{order:3; width:100%; margin-left:0} #s06 .s06-card-2{order:4} #s06 .s06-card-3{order:5}
  #s06 .s06-hero{width:100%; margin:0}
  #s06 .s06-ostraka{width:100%}
  #s06 .s06-card, #s06 .s06-card-2{margin-top:6px; font-size:.9em}
  #s06 .s06-plato{margin:-2.4em -.8em .2em .5em}
  #s06 .s06-splat-b{display:none}
}
#s06 .s06-card ul.s06-fq{margin:.3em 0 .1em; font-style:italic}
#s06 .s06-card ul.s06-fq li{border-top:0; padding:.18em 0 .18em 1.05em}
#s06 .s06-card ul.s06-fq li::before{content:"›"; color:var(--cobalt); font-style:normal}
#s06 .s06-fq cite{display:block; font:500 .6rem/1.3 var(--f-mono); font-style:normal; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint)}
#s06 .s06-fq cite a{color:inherit}