/* The artwork and reading system continue beyond the opening screen. */
body{background:var(--ink);color:var(--paper)}
body .teal-ink{color:var(--teal)}
.page-intro,.about-intro{border-bottom:1px solid #ffffff24}
.editorial-art{overflow:hidden;background:#080808;min-width:0}
.editorial-art img{display:block;width:100%;height:100%;object-fit:cover}
.editorial-break{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:55px;padding:65px 0;margin:55px 0;border-block:1px solid #ffffff30;position:relative}
.editorial-break>.editorial-art{aspect-ratio:1.45;transform:rotate(-2deg)}
.editorial-break>div{min-width:0}
.editorial-break .eyebrow{color:var(--teal);margin-bottom:30px}
.editorial-break blockquote{font-size:clamp(32px,4vw,55px);line-height:1.12;font-weight:800;letter-spacing:-.045em;max-width:580px}
.editorial-break blockquote:after{content:'';display:block;background:var(--pink);height:4px;width:86px;margin-top:30px;transform:rotate(-3deg)}
.editorial-break .text-link{margin-top:28px}
.step-art{aspect-ratio:1.7;margin:0 0 28px}
.clear-steps article{border-color:#ffffff35}
.clear-steps .step-number{color:var(--teal)}
.clear-steps p{color:#bdbfb9}
.clear-steps strong{color:var(--paper)}
.home-directory-head .directory-art{max-width:370px;aspect-ratio:1.35;margin-top:36px;transform:rotate(-2deg)}
.resource-art{aspect-ratio:1.8;margin-bottom:28px}
.mission-visual{min-width:0}
.mission-visual>.eyebrow{color:var(--teal)}
.mission-visual .editorial-art{margin-top:25px;aspect-ratio:1.2}
.mission-grid{align-items:center}
.pattern-row{border-color:#ffffff36}
.pattern-row p,.pattern-outcome,.organized-library>.lead,.library-note,.start-directory .field-note,.start-examples p,.section-heading>p,.next-options p,.mission-prose p,.commitment-grid p,.method-limit{color:#c4c5be}
.pattern-index{color:var(--teal)}
.pattern-row:hover h3,.text-link:hover{color:var(--teal)}
.start-examples,.next-options,.commitment-grid article,.mission-close,.response-feature{border-color:#ffffff35}
.field-note{background:#141916;color:#d6d8d1}
.search-box input{background:#141916;color:var(--paper);border-color:#74776f}
.filter-button{color:#cccfc5;border-color:#72756e;background:transparent}
.filter-button.selected{color:var(--ink);background:var(--teal);border-color:var(--teal)}
.lesson-card,.card-bottom,.library-section{border-color:#ffffff36}
.lesson-card>p,.card-meta,.card-bottom,.results-count,.response-feature p:not(.eyebrow){color:#c4c5be}
.guide-layout,.lesson-body{grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:65px;align-items:start;padding-top:65px}
.guide-layout aside,.contents{border-color:#ffffff30;color:#c4c5be}
.guide-layout aside>p,.contents a{color:#c4c5be}
.guide-layout aside>a:hover,.contents a:hover{color:var(--teal)}
.margin-art{margin-top:32px;aspect-ratio:1.05;transform:rotate(-2deg)}
.reading{padding:45px 48px 0;background:var(--paper);color:var(--ink);border-top:4px solid var(--pink);min-width:0;position:relative}
.reading .teal-ink{color:#007e69}
.reading .field-note{background:#e5e4db;color:var(--ink)}
.reading .text-link:hover{color:#007e69}
.reading .quote-paper{background:#fffdf7}
.reading .script-audience{color:#54524c}
.reading .interruption-cue{background:#e3e8df;padding:24px;border-color:#007e69}
.reading .privacy-note{color:#62615d}
.reading .primary-link{color:var(--ink)}
.response-work{min-width:0}
.response-choices>a,.response-practice,.response-questions,.response-questions details,.response-late{border-color:#ffffff35}
.response-choices>a[aria-current]{background:#13231d;border-color:var(--teal)}
.response-choices .response-guide-link{color:var(--teal)}
.response-context p,.response-work p,.response-questions details p{color:#c4c5be}
.response-context{background:#121512;padding:24px;border-left:3px solid var(--pink)}
.response-work .response-purpose{background:#14201a}
.response-work .response-purpose p{color:#e0e4da}
.response-work .response-editor{background:var(--paper);color:var(--ink);border-top:4px solid var(--pink)}
.response-editor>p,.response-editor .response-privacy{color:#54564e}
.response-editor>.script-audience{color:#007e69}
.response-editor textarea{background:#fffdf8;border:1px solid #96988e}
.response-work .interruption-cue{background:#111a15;padding:24px}
.response-work .interruption-cue>strong{color:var(--teal)}
.response-practice{padding-top:35px}
.response-questions>h2{font-size:clamp(29px,3.4vw,46px)}
/* A visible nine-pattern index, followed by useful local search. */
.response-library-intro{padding:55px 0 45px}
.response-library-intro h1{font-size:clamp(48px,6.3vw,88px)}
.response-library-intro .lead{max-width:850px;font-size:21px;line-height:1.6}
.response-library{padding-top:45px}
.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:28px}
.discovery-heading h2{font-size:clamp(29px,3.2vw,43px);line-height:1.1;letter-spacing:-.04em}
.discovery-heading p{font-size:16px;line-height:1.6;margin-top:14px;color:#bbbfb6}
.show-all-patterns{background:transparent;border:1px solid #ffffff55;color:var(--paper);padding:14px 20px;font-size:13px;flex-shrink:0}
.show-all-patterns[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}
.pattern-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pattern-tile{display:flex;align-items:start;text-align:left;position:relative;gap:15px;padding:26px 22px;min-height:150px;border:1px solid #ffffff30;background:#111412;color:var(--paper);transition:border-color .18s,background .18s}
.pattern-tile:before{content:'';position:absolute;width:30px;height:3px;right:22px;top:-2px;background:var(--pink);transform:rotate(-5deg)}
.tile-index{font:11px/1.5 'Courier New',monospace;color:var(--teal);padding-top:4px}
.tile-copy{display:block;min-width:0;flex:1}
.tile-copy strong{display:block;font-size:23px;line-height:1.15;font-weight:700;letter-spacing:-.035em}
.tile-copy>span{display:block;font-size:14px;line-height:1.5;margin-top:12px;color:#bfc3b8}
.pattern-tile>.nav-arrow{width:17px;height:17px;flex-shrink:0;margin-top:3px;color:var(--teal)}
.pattern-tile:hover{border-color:var(--teal);background:#18231d}
.pattern-tile[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.pattern-tile[aria-pressed=true] .tile-index,.pattern-tile[aria-pressed=true] .tile-copy>span,.pattern-tile[aria-pressed=true]>.nav-arrow{color:#08221a}
.response-search-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;align-items:center;margin:60px 0 50px;padding:40px 0;border-block:1px solid #ffffff35}
.response-search-section h2{font-size:30px;line-height:1.15;letter-spacing:-.035em}
.response-search-section p{font-size:15px;line-height:1.6;color:#bfc3b8;margin-top:15px;max-width:400px}
.response-search-control{min-width:0}
.response-search-control label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}
.search-input-row{display:flex;background:#161b17;border:1px solid #7c8378;align-items:center;gap:10px;padding-right:16px}
.search-input-row:focus-within{outline:2px solid var(--teal);outline-offset:3px}
.search-input-row input{width:100%;min-width:0;background:transparent;color:var(--paper);border:0;font-size:18px;line-height:1.5;padding:20px;outline:0!important}
.search-input-row input::placeholder{color:#a2aa9c;font-size:15px;opacity:1}
.search-input-row button{border:0;border-bottom:1px solid var(--pink);color:var(--paper);background:none;font-size:12px;flex-shrink:0;padding:8px 0}
.response-results{scroll-margin-top:35px}
.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:30px}
.results-heading h2{font-size:37px;line-height:1.1;letter-spacing:-.035em}
.response-count{color:#b9c3b3;margin:0;line-height:1.6;text-align:right}
.response-cards{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.response-card{background:#101410;border:1px solid #ffffff30;padding:28px;position:relative}
.response-card .eyebrow{color:var(--teal);}
.response-card h2{font-size:28px;line-height:1.18;letter-spacing:-.04em;margin:24px 0 20px}
.response-card>p:not(.eyebrow){color:#c4c9bd;font-size:16px;line-height:1.65;margin-bottom:34px}
.response-card-link{color:var(--paper);border-color:var(--teal);font-size:13px}
.response-card:hover{border-color:var(--teal)}
.response-card:hover h2{color:var(--teal)}
#response-empty{padding:35px;border:1px solid #ffffff40;background:#141915}
#response-empty p{font-size:20px;line-height:1.6;max-width:650px;margin-bottom:25px}
#response-empty[hidden]{display:none}
@media(max-width:1000px){.pattern-showcase-grid,.response-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.response-search-section{gap:30px}.editorial-break{gap:35px}.guide-layout,.lesson-body{grid-template-columns:180px minmax(0,1fr);gap:35px}.reading{padding:35px 30px 0}.tile-copy strong{font-size:22px}}
@media(max-width:700px){.editorial-break{grid-template-columns:1fr;gap:32px;margin:38px 0;padding:35px 0}.editorial-break>.editorial-art{aspect-ratio:1.65;transform:none}.editorial-break blockquote{font-size:37px}.editorial-break .eyebrow{margin-bottom:20px}.step-art{margin-bottom:25px;aspect-ratio:1.9}.clear-steps article{padding-left:0}.clear-steps .step-number{position:static;display:block}.home-directory-head .directory-art{max-width:none;aspect-ratio:2.1;transform:none;margin-top:25px}.mission-visual .editorial-art{aspect-ratio:1.8;margin-bottom:30px}.resource-art{aspect-ratio:1.9}.guide-layout,.lesson-body{display:block;padding-top:35px}.margin-art{aspect-ratio:2.2;max-height:220px;transform:none}.reading{padding:28px 22px 0;margin-top:30px}.reading h2{font-size:30px}.reading p{font-size:17px}.guide-layout aside,.contents{position:static;border:0;padding:0}.response-library-intro{padding:35px 0}.response-library-intro h1{font-size:44px}.response-library-intro .lead{font-size:18px}.response-library{padding-top:32px}.discovery-heading{align-items:flex-start;gap:20px}.discovery-heading h2{font-size:30px}.discovery-heading p{font-size:15px}.show-all-patterns{padding:12px 13px;font-size:11px}.pattern-showcase-grid{grid-template-columns:1fr;gap:10px}.pattern-tile{min-height:110px;padding:23px 20px;gap:14px}.tile-copy strong{font-size:23px}.tile-copy>span{font-size:15px;margin-top:9px}.response-search-section{display:block;margin:35px 0;padding:30px 0}.response-search-section h2{font-size:28px}.response-search-control{margin-top:25px}.search-input-row{padding-right:10px}.search-input-row input{font-size:16px;padding:17px 14px}.search-input-row input::placeholder{font-size:13px}.search-input-row button{font-size:11px;max-width:70px}.results-heading{display:block;margin-bottom:25px}.results-heading h2{font-size:32px}.response-count{margin-top:15px;text-align:left}.response-cards{display:grid;grid-template-columns:1fr;gap:14px}.response-card{padding:25px}.response-card h2{font-size:27px}.response-card>p:not(.eyebrow){font-size:16px}.response-work .response-context{padding:20px}.response-work .response-editor{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.pattern-tile{transition:none}}

.search-art{aspect-ratio:2.35;margin-bottom:25px;max-width:410px;transform:rotate(-2deg)}
.response-search-control{align-self:center}
@media(max-width:700px){.search-art{max-width:none;aspect-ratio:2.3;transform:none}}
.pattern-tile,.response-card{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:700px){.pattern-showcase-grid,.response-cards{grid-template-columns:minmax(0,1fr)}}

.mission-motto{font-size:clamp(38px,5vw,70px);font-weight:800;letter-spacing:-.05em;line-height:1.08;margin-top:30px;color:var(--teal)}
@media(max-width:700px){.mission-motto{font-size:48px;margin-bottom:30px}}