:root{color-scheme:light;--paper:#f5f2e9;--ink:#20201c;--red:#bd3027;--muted:#2e2c27;--line:#cbc7bb;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0}
::selection{background:var(--red);color:var(--paper)}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--red)}
button,select{font:inherit}
button,a,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--red);outline-offset:6px}
.page{max-width:1100px;margin:0 auto;padding:0 48px}
.masthead{min-height:91px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--ink);font:700 13px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.055em}
.masthead a{text-decoration:none}
.wordmark{font:900 23px/1 Arial,sans-serif;letter-spacing:-1.3px}.wordmark span{color:var(--red);margin-left:5px}
.masthead-note{margin-right:auto;color:var(--muted)}
.hero{padding-top:48px}
.eyebrow,.section-number,.edition,.caption,.prompt-toolbar,.prompt-footer,.copy-status,.committee,footer,.postscript{font-family:'Courier New',monospace}
.eyebrow,.section-number{font-size:13px;font-weight:700;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 26px}
.status-dot{width:7px;height:7px;background:var(--red);display:inline-block;border-radius:50%}
h1,h2,p{margin-top:0}
h1{position:relative;font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,8.8vw,110px);font-weight:900;line-height:.91;letter-spacing:-.065em;margin:0 0 32px}
h1>span:not(.cursor){color:var(--red)}
.cursor{font-family:Arial,sans-serif;font-size:.8em;color:var(--red);margin-left:.02em}
.ask-bar{display:flex;align-items:stretch;max-width:780px;background:var(--ink);color:var(--paper);margin:0 0 12px}
.ask-line{flex:1;min-width:0;display:flex;align-items:flex-start;gap:14px;margin:0;padding:18px 22px;font:19px/1.5 'Courier New',monospace;letter-spacing:-.3px}
.ask-line .prompt-chevron{font-size:inherit;line-height:inherit}
.ask-text{flex:1;min-width:0;min-height:1.5em;overflow-wrap:anywhere}
@media(max-width:1000px){.ask-text{min-height:3em}}
.ask-caret{display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.15em;background:#f1846c;animation:blink 1.05s steps(1) infinite}
.ask-send{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;background:var(--red);font:700 24px/1 'Courier New',monospace;transition:background .2s,color .2s}
.ask-bar.sent .ask-send{background:#f1846c;color:var(--ink)}
.ask-bar.sent .ask-caret{animation:none;opacity:0}
.ask-result{max-width:780px;margin:0;font:700 14px/1.6 'Courier New',monospace;color:var(--red)}
@keyframes blink{50%{opacity:0}}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:30px 0 38px}
.hero-bottom p{font-size:20px;line-height:1.55;margin:0;letter-spacing:-.35px}
.text-link{font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{margin-left:16px}
.edition{padding:13px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.055em;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}
.essay{max-width:720px;margin:0 auto}
.chapter{padding-top:76px;scroll-margin-top:15px}
.section-number{color:var(--red);margin-bottom:19px}
h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.5vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.045em;margin-bottom:27px;text-wrap:balance}
.essay p:not(.section-number,.caption,.pullquote,.copy-status){font-size:18px;line-height:1.72;letter-spacing:-.14px;margin-bottom:21px}
strong{font-weight:700}
.pullquote{border-left:3px solid var(--red);padding-left:25px;margin:34px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.6px}
.pullquote em{color:var(--red)}
.pullquote+.caption{margin:14px 0 0;padding-left:28px}
.prompt-box{background:var(--ink);color:var(--paper);margin:29px 0 13px}
.prompt-toolbar{display:flex;align-items:center;gap:12px;padding:17px 23px;border-bottom:1px solid #4a4a41;font-size:14px}
.prompt-toolbar label{color:#e8e4d9;white-space:nowrap}
select{min-width:0;max-width:100%;border:0;border-bottom:1px solid #9f9b8d;color:var(--paper);background:var(--ink);padding:7px 20px 7px 0;border-radius:0;font-size:14px;font-weight:700;cursor:pointer}
.prompt-marker{margin-left:auto;color:#e8e4d9;font-size:13px;white-space:nowrap}
.prompt-content{display:flex;align-items:flex-start;gap:14px;padding:27px 25px}
.prompt-chevron{color:#f1846c;font:700 20px/1.6 'Courier New',monospace}
.essay .prompt-content p{margin:0;font:16px/1.7 'Courier New',monospace;letter-spacing:-.3px}
.prompt-footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:0 25px 22px;font-size:13px;color:#e8e4d9}
button{background:var(--paper);border:1px solid var(--paper);border-radius:0;color:var(--ink);padding:12px 14px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
button:hover{background:#fff;color:var(--red)}
button span{margin-left:7px}
.copy-status{font-size:13px;line-height:1.5;padding:0 25px 15px;margin:0;color:#f5d9bb}.copy-status:empty{display:none}
.caption{color:var(--muted);font-size:13px;line-height:1.6}
.prompt-diff{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:27px 0;padding:8px 0}
.essay .prompt-diff p{display:flex;gap:16px;font:15px/1.6 'Courier New',monospace;padding:15px 17px;margin:0}
.diff-pair+.diff-pair{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}
.bad-prompt{color:#8a2a22}.bad-prompt>span:last-child{text-decoration:line-through}.good-prompt{color:#1f4527;background:#e7eade}
code{font-size:.84em;background:#e7e3d8;padding:2px 5px}
.committee{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:14px;line-height:1.6;border:1px dashed #ada89b;padding:23px;margin:27px 0}.committee strong{color:var(--red)}
.excuses h2 em,.send h2 em{font-weight:400}
details{border-bottom:1px solid var(--line)}
details:first-of-type{border-top:1px solid var(--ink);margin-top:30px}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;padding:23px 0;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.4px}
summary::-webkit-details-marker{display:none}
summary>span{color:var(--red);font:26px/1 'Courier New',monospace;flex-shrink:0;transition:transform .15s}
summary:hover{color:var(--red)}
details[open] summary>span{transform:rotate(45deg)}
details>div{padding:0 30px 5px 0}
.essay details p{font-size:16px!important;line-height:1.7!important;color:var(--ink)}
.reality-check h2 span{color:var(--red)}
.family{padding-bottom:75px}
.family p a{white-space:nowrap}
.closing{border-top:2px solid var(--ink);padding:48px 0 42px;text-align:center}
.closing .eyebrow{justify-content:center;font-size:13px;margin-bottom:30px}
.closing h2{font-size:clamp(52px,8vw,88px);line-height:.97;letter-spacing:-.055em;margin-bottom:25px}.closing h2 span{color:var(--red)}
.closing>p:not(.eyebrow,.postscript){font-size:17px;line-height:1.6;margin-bottom:27px}
.closing-link{display:inline-block;background:var(--red);border:1px solid var(--red);color:var(--paper);text-decoration:none;padding:17px 22px;font-size:13px;font-weight:700}.closing-link:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.closing-link span{margin-left:26px}
.postscript{color:var(--muted);font-size:13px;line-height:1.7;margin:29px 0 0}
footer{border-top:1px solid var(--ink);padding:23px 0 30px;display:flex;gap:28px;justify-content:space-between;font-size:13px;line-height:1.8}footer p{margin:0}footer span{display:block;color:var(--muted)}footer>a{font:23px/1 Arial,sans-serif;text-decoration:none;padding:4px 7px}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{position:fixed;z-index:10;top:12px;left:12px;padding:14px;background:var(--ink);color:var(--paper)}
@media(min-width:1200px){.hero{padding-top:56px}h1{font-size:118px}.hero-bottom{margin-top:35px}}
@media(max-width:700px){.page{padding:0 24px}.masthead{min-height:74px;gap:16px}.masthead-note,.masthead-excuses{display:none}.ask-line{font-size:15px;padding:15px 16px;gap:10px}.ask-text{min-height:4.5em}.ask-send{width:48px;font-size:20px}.ask-result{font-size:13px}.masthead>a:last-child{margin-left:auto}.hero{padding-top:35px}.hero .eyebrow{font-size:13px;margin-bottom:25px}h1{font-size:clamp(52px,11.5vw,80px);letter-spacing:-.06em}.hero-bottom{display:block;margin:26px 0 28px}.hero-bottom p{font-size:17px;margin-bottom:22px}.hero-bottom .text-link{display:inline-block}.edition{font-size:13px}.edition>span:last-child{display:none}.chapter{padding-top:55px}.section-number{font-size:13px}.essay p:not(.section-number,.caption,.pullquote,.copy-status){font-size:17px}.pullquote{font-size:25px;padding-left:18px}.prompt-toolbar{padding:13px 17px;gap:10px}.prompt-marker{display:none}.prompt-content{padding:22px 17px;gap:10px}.essay .prompt-content p{font-size:14px}.prompt-footer{flex-wrap:wrap;gap:13px;padding:0 17px 19px}.prompt-footer>span{font-size:13px}summary{font-size:16px;padding:20px 0;gap:15px}.committee{padding:17px;font-size:13px;gap:8px}.closing{padding-top:34px}.closing .eyebrow{font-size:13px;line-height:1.7}.closing>p:not(.eyebrow,.postscript){font-size:16px}footer{flex-wrap:wrap;gap:15px}footer>p{flex-basis:calc(100% - 55px)}footer>a{margin-left:auto;align-self:flex-end}footer>p:first-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}summary>span,.ask-send{transition:none}.ask-caret{animation:none}}

.searches{border:1px solid var(--line);background:#fffdf7;margin:27px 0 30px;font:15px/1.45 Arial,sans-serif}
.essay .searches .searches-title{font:700 13px/1.5 'Courier New',monospace!important;text-transform:uppercase;letter-spacing:.06em;margin:0!important;padding:12px 18px;border-bottom:1px solid var(--line)}
.searches ol{list-style:none;margin:0;padding:6px 0}
.searches li{padding:11px 18px 11px 44px;position:relative}
.searches li+li{border-top:1px dashed var(--line)}
.searches li::before{content:'?';position:absolute;left:18px;top:10px;font:700 17px/1.3 'Courier New',monospace;color:var(--red)}
.searches q{display:block;font-weight:700;font-size:16px}
.searches li>span{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:var(--muted)}
.searches li>span em{font-style:italic;color:var(--ink)}
.asks{display:grid;grid-template-columns:repeat(2,1fr);margin:27px 0 30px;border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.ask-card{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:19px 20px 12px;background:#fffdf7}
.ask-card h3{margin:0 0 10px;font:700 14px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--red)}
.ask-card h3 small{display:block;margin-top:2px;font-size:13px;text-transform:none;letter-spacing:0;color:var(--muted)}
.ask-card ul{list-style:none;margin:0;padding:0}
.ask-card li{padding:9px 0;border-top:1px dashed var(--line);font-size:15px;line-height:1.45}
.ask-card li small{color:var(--muted);font-size:13px}
.share{border:2px solid var(--ink);background:#fffdf7;margin:27px 0 13px}
.share-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}
.share label{display:flex;flex-direction:column;gap:7px;font:700 13px/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em}
.share .wide{grid-column:1/-1}
.share input{width:100%;padding:11px 12px;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:17px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none}
.share input::placeholder{color:#7d796d}
.share-output{display:flex;flex-direction:column;gap:14px;padding:18px 20px;background:var(--ink);color:var(--paper)}
.share-output output{font:14px/1.55 'Courier New',monospace;color:#f5d9bb;overflow-wrap:anywhere}
.share-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.share-actions a{font:700 13px/1.5 'Courier New',monospace;color:var(--paper)}
.share-actions a:hover{color:#f1846c}
.share .copy-status{background:var(--ink);padding:0 20px 16px}
.detour{list-style:none;padding:0;margin:27px 0 30px;border-top:1px solid var(--ink)}
.detour li{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.55}
.detour li span{font:700 14px/1.6 'Courier New',monospace;color:var(--muted);flex-shrink:0}
.detour li.win{background:var(--ink);color:var(--paper);padding:13px 14px;border:0}.detour li.win span{color:#f1846c}
.bingo{list-style:none;padding:0;margin:27px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.bingo li{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:16px 12px;min-height:110px;display:flex;flex-direction:column;justify-content:center;text-align:center;font:700 14px/1.35 Arial,sans-serif;gap:6px;transition:background .15s}
.bingo li:hover{background:#ecdcc8}
.bingo li small{font:700 13px/1.3 'Courier New',monospace;color:var(--muted)}
.bingo .free{background:var(--red);color:var(--paper)}.bingo .free:hover{background:var(--red)}.bingo .free small{color:#f5d9bb;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:700px){.bingo li{min-height:96px;font-size:12px;padding:10px 6px}.detour li{font-size:15px;gap:12px}.searches{font-size:14px}.searches li{padding-left:40px}.searches q{font-size:15px}.asks{grid-template-columns:1fr}.share-fields{grid-template-columns:1fr;padding:17px}.share-output{padding:16px 17px}.share .copy-status{padding:0 17px 15px}.pullquote+.caption{padding-left:21px}.postscript br{display:none}}

.caption,.prompt-footer,.copy-status,.postscript,footer,.edition{font-weight:700}
