/* Close-up stories: scoped, zero-JS visual reading; follows the site's theme tokens. */
.cu-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.5rem 0}
.cu-tone-0{--cu-accent:var(--blue);--cu-tint:var(--calm-bg)}
.cu-tone-1{--cu-accent:var(--teal);--cu-tint:var(--good-bg)}
.cu-tone-2{--cu-accent:var(--warn);--cu-tint:var(--sun-soft)}
.cu-door{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;padding:1.25rem;background:var(--surface);border:1px solid var(--line);border-block-start:4px solid var(--cu-accent);border-radius:14px;color:var(--ink);text-decoration:none;min-width:0;transition:background .15s}
.cu-door:hover{background:var(--cu-tint)}
.cu-door .cu-symbol{height:105px;width:145px;color:var(--cu-accent);align-self:center}
.cu-door strong{font-size:1.3rem;line-height:1.35;color:var(--cu-accent)}
.cu-door>span:last-child{font-size:1rem;line-height:1.5}
.cu-kicker{font-size:.82rem;font-weight:800;letter-spacing:.015em;line-height:1.55;color:var(--muted)}
.close-up-stories{display:grid;gap:2rem;min-width:0}
.cu-story{border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,3.4vw,2.5rem);background:var(--surface);border-block-start:5px solid var(--cu-accent);scroll-margin-top:8rem;display:grid;gap:1.35rem;min-width:0}
.cu-story-head{display:flex;align-items:flex-start;gap:1rem}
.cu-story-head>div{min-width:0;display:grid;gap:.5rem}
.cu-story h2{color:var(--cu-accent);max-width:32ch}
.cu-story-no{font:800 2.8rem/1 var(--body);color:var(--cu-accent);opacity:.65;flex:none}
.cu-type{font-size:.9rem;line-height:1.6;color:var(--muted)}
.cu-type strong{display:inline-block;margin-inline-end:.4rem;color:var(--ink)}
.cu-opening{font-size:1.22rem;line-height:1.7;max-width:76ch}
.cu-memory{background:var(--sun-soft);border-inline-start:3px solid var(--warn);padding:.7rem 1rem;font-size:.95rem;font-weight:600}
.cu-reading{display:grid;gap:1rem;max-width:78ch}
.cu-figure{padding:1.2rem;background:var(--cu-tint);border-radius:12px;min-width:0}
.cu-figure figcaption{display:flex;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;margin-block-end:1.2rem}
.cu-figure figcaption strong{color:var(--ink);font-size:1.06rem}
.cu-figure figcaption span{font-size:.85rem;color:var(--muted)}
.cu-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;list-style:none;padding:0;margin:0}
.cu-figure-1 .cu-flow{grid-template-columns:repeat(4,minmax(0,1fr))}
.cu-flow li{position:relative;display:grid;align-content:start;gap:.55rem;min-width:0;padding-inline-end:.3rem}
.cu-flow li:not(:last-child)::after{content:'';position:absolute;inset-inline-start:calc(50% + 1.5rem);inset-inline-end:calc(-50% + 1.5rem);top:1.35rem;border-top:2px dotted var(--cu-accent);opacity:.4}
.cu-node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;justify-self:center;min-width:3rem;height:2.8rem;padding-inline:.6rem;border:2px solid var(--cu-accent);border-radius:24px;background:var(--surface);color:var(--cu-accent);font-weight:800;direction:ltr}
.cu-flow strong,.cu-flow p{text-align:center;font-size:.98rem;line-height:1.55}
.cu-flow p{font-size:.9rem}
.cu-figure-2 .cu-flow li:last-child .cu-node{outline:3px solid var(--cu-accent);outline-offset:4px;margin-block-end:4px}
.cu-caution{padding:1rem 1.25rem;border-inline-start:3px solid var(--cu-accent);background:var(--bg);display:grid;gap:.5rem}
.cu-caution h3{color:var(--cu-accent)}
.cu-caution p{max-width:78ch;font-size:.98rem}
.cu-question{border:1px solid var(--line);border-radius:10px;padding:1.15rem;display:grid;gap:.55rem}
.cu-question h3{font-size:1.2rem}
.cu-question summary{cursor:pointer;color:var(--link);padding:.65rem 0;min-height:44px;font-weight:700}
.cu-question details p{padding:.3rem 0 .4rem;max-width:76ch}
.cu-conclusion{max-width:78ch}
.cu-sources{border-block-start:1px solid var(--line);padding-block-start:1rem;display:grid;gap:.65rem}
.cu-sources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.cu-sources a{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.65rem;padding:.75rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.87rem;line-height:1.5;min-height:44px}
.cu-sources a:hover{background:var(--bg);text-decoration:underline}
.cu-sources bdi{font-weight:800}
.cu-method{padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:14px;display:grid;gap:1rem;background:var(--sunk);scroll-margin-top:8rem}
.cu-method p{max-width:80ch}
@media(min-width:1000px){.page-peace-close-up .phead{max-width:none}.page-peace-close-up .cu-doors{max-width:100%}.page-peace-close-up .close-up-stories{max-width:1000px;margin-inline:auto;width:100%}}
@media(max-width:680px){.cu-doors{grid-template-columns:1fr;gap:.7rem}.cu-door{display:grid;grid-template-columns:65px 1fr;column-gap:1rem;padding:1rem}.cu-door .cu-symbol{grid-column:1;grid-row:1/4;width:65px;height:70px;align-self:center}.cu-door>*:not(.cu-symbol){grid-column:2}.cu-door strong{font-size:1.12rem}.cu-story-no{font-size:2rem}.cu-story-head{gap:.65rem}.cu-story{gap:1.1rem}.cu-opening{font-size:1.1rem}.cu-flow,.cu-figure-1 .cu-flow{grid-template-columns:1fr;gap:1rem}.cu-flow li{grid-template-columns:4.5rem 1fr;gap:.15rem .8rem;padding:0}.cu-node{grid-row:1/3;grid-column:1;justify-self:center}.cu-flow strong,.cu-flow p{text-align:start;grid-column:2}.cu-flow li:not(:last-child)::after{inset-inline-start:2.2rem;inset-inline-end:auto;top:2.8rem;bottom:-1.1rem;border-top:0;border-inline-start:2px dotted var(--cu-accent)}.cu-sources>div{grid-template-columns:1fr}.cu-caution{padding:1rem}.cu-sources a{grid-template-columns:1fr auto}.cu-sources a bdi{grid-column:1}.cu-sources a span:nth-child(2){grid-column:1}.cu-sources a span:last-child{grid-column:2;grid-row:1/3}}
@media(prefers-reduced-motion:reduce){.cu-door{transition:none}}
@media print{.cu-doors{display:none}.cu-story{break-inside:auto}.cu-figure,.cu-caution,.cu-question{break-inside:avoid}.cu-question details::details-content{content-visibility:visible;height:auto}.cu-story{box-shadow:none}}

.page-peace-close-up .phead > .cu-doors { order:3 }