/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4.
 * Page 3: photographic editorial layout, shared Page 2 palette. */
body[data-page='3']{--header:env(safe-area-inset-top);--footer:calc(64px + env(safe-area-inset-bottom));--p3-paper:#fff;--p3-ink:#24292c;--p3-muted:#53616a;--p3-red:#942c2d;--p3-rule:#dce1e4;--p3-selected:#f9eded;--p3-panel:#f4f6f6;--p3-hover:#edf0f1}
body[data-page='3'] .deck-nav{display:none}
.slide.turning-reading{background:var(--p3-paper);color:var(--p3-ink);padding:calc(18px + var(--header)) var(--gutter) var(--footer);grid-template-rows:min-content min-content minmax(116px,280px) minmax(min-content,1fr);gap:16px}
.turning-reading>.turning-head,.turning-reading>.turning-cause{min-height:min-content}
.turning-head>p{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;letter-spacing:.04em;color:var(--p3-muted);margin-bottom:10px}
.turning-head>p:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--p3-red)}
.turning-head>div{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.turning-head h2{font:700 clamp(32px,10.8vw,48px)/1.1 var(--entry-heading);font-style:normal;letter-spacing:.025em;flex-shrink:0;min-width:0}
.turning-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;line-height:1.5;color:var(--p3-muted);padding-bottom:2px}
.turning-meta span{white-space:nowrap}
.turning-head time{font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--p3-red)}
.turning-cause{display:grid;gap:5px;font-size:15px;line-height:1.65}
.turning-cause p{margin:0;text-wrap:pretty}
.turning-cause strong{font-weight:600;color:var(--p3-ink)}
.turning-photo{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;overflow:clip;max-height:280px;align-self:center;height:100%;width:calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(-1 * var(--gutter))}
.turning-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%;min-height:0}
.turning-photo figcaption{font-size:11px;line-height:1.5;color:var(--p3-muted);padding-inline:var(--gutter);width:100%;max-width:calc(680px + 2 * var(--gutter));margin-inline:auto}
.turning-body{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.75;align-self:start}
.turning-reading #turning-feedback{font:inherit;line-height:inherit;color:inherit;margin:0;padding:0;min-height:0;background:none;border:0}
.turning-reading #turning-feedback strong{font-weight:600;color:var(--p3-red)}
.turning-tabs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--p3-rule)}
.turning-tabs:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:50%;background:var(--p3-red);transform:translateX(0);transition:transform 180ms var(--ease);pointer-events:none}
.turning-tabs:has(button:nth-child(2)[aria-selected='true']):after{transform:translateX(100%)}
.turning-tabs button{font-size:14px;line-height:1.5;min-height:44px;white-space:nowrap;text-align:left;padding:8px 12px;color:var(--p3-muted);border:0;transition:color 160ms var(--ease),background-color 160ms var(--ease)}
.turning-tabs button[aria-selected='true']{color:var(--p3-red);font-weight:600}
.turning-tabs button:active{transform:none;background:var(--p3-selected)}
.turning-reading button:focus-visible{outline:2px solid var(--p3-red);outline-offset:2px}
.turning-panel{padding:12px 14px;min-height:calc(3em * 1.75 + 24px);background:var(--p3-panel)}
.turning-panel[hidden]{display:none}
.turning-panel p{display:grid;grid-template-columns:3em minmax(0,1fr);gap:8px;margin:0;text-wrap:pretty}
.turning-panel p+p{margin-top:6px}
.turning-panel strong{font-weight:600;color:var(--p3-ink);white-space:nowrap}
#turning-after p{grid-template-columns:4.5em minmax(0,1fr)}
#turning-after strong{font-size:14px}
.turning-meaning{font-size:14px;line-height:1.6;color:var(--p3-ink);padding-top:2px}
.turning-next{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;color:var(--p3-red);margin-top:0}
.turning-next:after{content:'';height:1px;width:24px;flex:none;background:var(--p3-red)}
body[data-page='3'] .deck-footer{color:var(--p3-muted);padding-inline:var(--gutter);gap:8px}
body[data-page='3'] .progress-track{background:var(--p3-rule)}
body[data-page='3'] .progress-track i{background:var(--p3-red)}
body[data-page='3'] .deck-footer>div:first-child{gap:14px}
body[data-page='3'] .deck-footer button{font-size:12px;min-height:44px}
body[data-page='3'] #gesture-hint{font-size:11px;white-space:normal;max-width:10em;line-height:1.5;text-align:right}
@media(hover:hover) and (pointer:fine){.turning-tabs button:hover{background:var(--p3-hover);color:var(--p3-red)}}
@media(max-height:740px){
 .slide.turning-reading{padding-top:calc(10px + var(--header));gap:10px;grid-template-rows:min-content min-content minmax(116px,230px) minmax(min-content,1fr)}
 .turning-head>p{margin-bottom:6px}
 .turning-head h2{font-size:32px}
 .turning-body{gap:8px;font-size:14px;line-height:1.6}
 .turning-cause{font-size:14px;line-height:1.6;gap:4px}
 .turning-photo{gap:6px;max-height:230px}
 .turning-panel{min-height:calc(3em * 1.6 + 16px);padding:8px 10px}
 .turning-panel p+p{margin-top:4px}
 .turning-meaning{padding-top:0}
}
@media(max-height:600px){
 .slide.turning-reading{gap:6px;padding-top:calc(6px + var(--header))}
 .turning-head>p{margin-bottom:4px}
 .turning-head h2{font-size:26px;line-height:1.2}
 .turning-head>div{align-items:center}
 .turning-head time{font-size:11px}
 .turning-meta{gap:2px;padding-bottom:0}
 .turning-body{gap:6px;line-height:1.55}
 .turning-cause{line-height:1.55}
 .turning-panel{min-height:calc(3em * 1.55 + 4px);padding:4px 0 0;background:var(--p3-paper)}
 .turning-panel p,#turning-after p{display:block}
 .turning-panel p+p{margin-top:4px}
 .turning-photo{gap:4px}
 .turning-photo figcaption{font-size:10px}
 .turning-next{gap:8px}
 .turning-next:after{width:12px}
 body[data-page='3'] .deck-footer>div:first-child{gap:10px}
}
.turning-reading.page3-tight{grid-template-rows:min-content min-content minmax(100px,116px) minmax(min-content,1fr)}
.turning-reading.page3-tight .turning-photo{width:100%;max-width:680px;margin-inline:auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;max-height:116px}
.turning-reading.page3-tight .turning-photo img{object-fit:contain;object-position:center}
.turning-reading.page3-tight .turning-photo figcaption{padding-inline:0;align-self:center;font-size:11px;line-height:1.65}
.turning-reading.page3-tight .turning-body,.turning-reading.page3-tight .turning-cause{gap:4px}
.turning-reading.page3-tight .turning-panel p+p{margin-top:2px}
@media(prefers-reduced-motion:reduce){.turning-tabs:after,.turning-tabs button{transition:none}}

/* Hallmark · pre-emit critique: P4 H4 E4 S5 R5 V4. Landscape keeps the photograph and decisions beside each other. */
@media(orientation:landscape) and (max-height:600px){
 .slide.turning-reading{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:18px;row-gap:6px;padding-top:calc(6px + var(--header))}
 .turning-reading>.turning-head,.turning-reading>.turning-cause{grid-column:1/3}
 .turning-head>p{margin-bottom:3px}.turning-head h2{font-size:26px}
 .turning-cause{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;line-height:1.55}
 .turning-reading .turning-photo,.turning-reading.page3-tight .turning-photo{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;max-height:none;margin:0;gap:4px}
 .turning-reading .turning-photo img{object-fit:cover}.turning-reading .turning-photo figcaption{padding:0;font-size:10px;line-height:1.5}
 .turning-body{grid-column:2;grid-row:3;gap:5px;font-size:14px;line-height:1.5;align-self:start}
 #turning-feedback{display:none}.turning-panel{padding:4px 0;min-height:0}.turning-panel p+p{margin-top:3px}
 .turning-meaning,.turning-next{font-size:14px;line-height:1.5}.turning-tabs button{padding-block:5px}
}