/* A quiet personal voice inside the documentary site. All colors follow site themes. */
.personal-essay{max-width:760px;margin-inline:auto;padding-block:clamp(1rem,3vw,2.2rem) 2rem}
.personal-header{padding-block:0 1.5rem;border-block-end:1px solid var(--line)}
.personal-kicker{font-size:.9rem;font-weight:750;color:var(--teal);margin:0 0 .6rem}
.personal-header h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.2;max-width:17ch;margin:0 0 1rem;text-wrap:balance}
.personal-lead{font-size:clamp(1.18rem,2.6vw,1.4rem);line-height:1.65;margin:0 0 1.2rem;color:var(--ink)}
.personal-byline{display:flex;flex-wrap:wrap;gap:.35rem 1rem;color:var(--muted);font-size:.95rem;margin:0}
.personal-context{font-size:.95rem;line-height:1.65;color:var(--muted);margin:1rem 0 0}
.personal-contents{margin-block:1.5rem 2.2rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.personal-contents summary{font-weight:700;cursor:pointer;min-height:28px}
.personal-contents ol{padding-inline-start:1.3rem;margin-block:.75rem 0}
.personal-contents a{display:inline-block;padding-block:.3rem;text-underline-offset:.2em}
.personal-section{margin-block:2rem;scroll-margin-block-start:9rem}
.personal-section h2{font-size:clamp(1.35rem,3.3vw,1.65rem);line-height:1.35;margin-block:0 .8rem;color:var(--blue);text-wrap:balance}
.personal-section p{font-size:1.13rem;line-height:1.88;margin-block:0 1.1rem;max-width:65ch}
.personal-related{border-block-start:1px solid var(--line);padding-block-start:1.5rem;margin-block-start:2.5rem}
.personal-related h2,.personal-sources h2{font-size:1.25rem;margin-block:0 .7rem}
.personal-related ul{display:grid;gap:.8rem;list-style:none;padding:0}
.personal-related li{border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;background:var(--surface)}
.personal-related a{font-weight:700}
.personal-related p{margin:.35rem 0 0;line-height:1.6;font-size:1rem;color:var(--muted)}
.personal-sources{font-size:.95rem;line-height:1.7;border-block-start:1px solid var(--line);padding-block-start:1.5rem;margin-block-start:2rem}
.personal-sources ol{padding-inline-start:1.35rem}
.personal-sources li{margin-block:.65rem}
@media(max-width:480px){.personal-essay{padding-block-start:.65rem}.personal-section p{font-size:1.07rem;line-height:1.85}.personal-section{margin-block:1.7rem}.personal-contents{margin-block:1.2rem 1.6rem}}
@media print{.personal-contents,.personal-related{display:none}.personal-essay{max-width:none}.personal-section{break-inside:avoid}.personal-header h1{font-size:26pt}.personal-section p{font-size:11pt;line-height:1.6}}
.personal-history,.personal-context-box{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:1rem 1.2rem;scroll-margin-block-start:9rem}
.personal-history>summary,.personal-context-box>summary{cursor:pointer;font-weight:700;color:var(--blue);line-height:1.5;min-height:28px}
.personal-history .personal-section{margin-block:1rem 0}
.personal-context-box{margin-block:1rem 1.5rem;font-size:.95rem}
.personal-context-box p{font-size:1rem;margin-block:1rem 0}
.personal-literary{padding-block-start:2rem;border-block-start:1px solid var(--line);margin-block-start:2.5rem}
.personal-literary h2{font-size:clamp(1.8rem,4vw,2.3rem);scroll-margin-block-start:9rem}
.personal-subtitle{color:var(--muted)}
.personal-silence{padding-block:.7rem;font-weight:650;color:var(--blue)}
.personal-quotation{margin:1.5rem 0;padding:1rem 1.2rem;border-inline-start:3px solid var(--teal);background:var(--sunk)}
.personal-quotation blockquote{padding:0;border:0;margin:0}
.personal-quotation figcaption{font-size:.9rem;line-height:1.6}
.personal-signature{font-weight:700;margin-block:2rem;line-height:1.7}
.personal-signature span{display:block;color:var(--muted);font-weight:400;font-size:.9rem}
@media print{.personal-history:not([open]),.personal-context-box:not([open]){display:none}}