.directory-hero,.story-hero{padding-block:66px 54px}.directory-hero h1{font-size:clamp(38px,5.2vw,70px);letter-spacing:-2.5px;line-height:1.09;margin:24px 0}.directory-hero h1 em{color:#456747}.directory-intro{font-size:19px;max-width:670px;margin-bottom:27px}.directory-section{padding-bottom:70px}.directory-section .section-heading{border-top:1px solid var(--line);padding-top:32px;align-items:center}.directory-section .section-heading h2{font-size:28px;margin:0}.directory-section .section-heading p{max-width:290px}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.domain-card{display:flex;flex-direction:column;min-height:265px;padding:25px;text-decoration:none;border:1px solid var(--line);border-radius:12px;transition:transform .18s,box-shadow .18s;min-width:0;background:#fff}.domain-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #142a2d0c}.card-index{font-size:12px;line-height:1.5;min-height:36px;color:#526366}.domain-card h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.9px;line-height:1.17;overflow-wrap:anywhere;margin:20px 0 15px}.domain-card p{font-size:16px;line-height:1.5}.card-read{font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:28px}.tone-1{background:#e8eddc}.tone-2{background:#d4f078;border-color:#c8df87}.tone-3{background:#142a2d;color:#f7f8f4;border-color:#142a2d}.tone-3 .card-index{color:#d2ddd5}.detour-cta{padding:50px 0 65px;border-top:1px solid var(--line)}.detour-cta h2{font-size:43px;line-height:1.13;letter-spacing:-1.5px;margin:20px 0}.detour-cta>p:not(.eyebrow){max-width:540px;margin-bottom:24px;font-size:17px}.detour-cta .text-link{margin-left:24px}.story-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;font-size:13px;color:var(--muted)}.story-topline a{min-height:44px;display:flex;align-items:center}.domain-name{display:inline-block;font-size:16px;font-weight:600;background:var(--lime);padding:8px 13px;border-radius:5px;overflow-wrap:anywhere;max-width:100%}.story-hero h1{font-size:clamp(37px,5.3vw,72px);letter-spacing:-2.5px;line-height:1.08;max-width:960px;margin:25px 0}.story-intro{font-size:21px;line-height:1.5;max-width:810px;color:#465c57}.story-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:80px;padding-bottom:65px}.story-body>section{margin-bottom:38px}.story-body h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin-bottom:18px}.story-body p{font-size:17px;line-height:1.8}.story-aside{border-top:2px solid var(--ink);padding-top:22px;align-self:start}.story-aside .eyebrow{font-size:12px;letter-spacing:.05em}.aside-quote{font-family:Georgia,serif;font-style:italic;font-size:30px;line-height:1.35;letter-spacing:-.5px;margin:28px 0 34px}.aside-brand{font-weight:700;font-size:24px;letter-spacing:-.7px}.aside-brand span{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin:8px 0 26px}.story-aside>a{font-size:14px;min-height:44px;display:flex;align-items:center}.useful-bit{background:#e9eddf;border-radius:12px;padding:28px}.useful-bit .eyebrow{font-size:12px!important;line-height:1.4!important;margin-bottom:12px}.useful-bit>p:not(.eyebrow){font-size:16px}.useful-bit .button{margin-top:23px}.useful-bit .text-link{display:flex;max-width:max-content;margin-top:8px}.inline-detour{font-size:15px!important;color:#526366}.inline-detour a{font-weight:600;overflow-wrap:anywhere}.related-section{padding-bottom:45px}.related-section .section-heading h2{font-size:34px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reading-nav{border-top:1px solid var(--line);padding-block:27px 55px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.reading-nav a{display:block;text-decoration:none;min-width:0;padding:12px 0}.reading-nav a:last-child{text-align:right}.reading-nav span{display:block;font-size:12px;color:var(--muted);margin-bottom:11px}.reading-nav strong{font-size:18px;overflow-wrap:anywhere}.reading-nav a:hover strong{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1000px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout{gap:38px}.aside-quote{font-size:25px}.related-grid{gap:14px}.domain-card{padding:22px}.related-grid .domain-card{padding:20px}.related-grid .domain-card h3{font-size:22px}.card-read{font-size:12px}}
@media(max-width:740px){.directory-hero,.story-hero{padding-block:36px}.directory-hero h1,.story-hero h1{font-size:42px;letter-spacing:-1.6px}.directory-intro,.story-intro{font-size:18px}.directory-section{padding-bottom:44px}.directory-section .section-heading{display:block}.directory-section .section-heading p{margin-top:14px}.domain-grid{grid-template-columns:1fr;gap:16px}.domain-card{min-height:230px;padding:25px}.domain-card h3{font-size:29px;margin-top:17px;letter-spacing:-.8px}.card-index{min-height:0;font-size:13px}.card-read{font-size:14px}.story-topline{font-size:12px;margin-bottom:24px}.domain-name{font-size:15px}.story-layout{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.story-body h2{font-size:24px}.story-body p{font-size:16px;line-height:1.75}.story-body>section{margin-bottom:29px}.useful-bit{padding:24px}.useful-bit .button{font-size:14px;gap:12px}.story-aside{padding-top:24px}.aside-quote{font-size:30px;margin:20px 0 25px;max-width:470px}.aside-brand{display:none}.related-section{padding-bottom:20px}.related-grid{grid-template-columns:1fr;gap:16px}.related-grid .domain-card{padding:23px;min-height:210px}.related-grid .domain-card h3{font-size:27px}.related-section .section-heading h2{font-size:31px}.reading-nav{gap:20px;padding-bottom:30px}.reading-nav strong{font-size:15px}.reading-nav span{font-size:12px;line-height:1.5}.detour-cta{padding-block:40px}.detour-cta h2{font-size:36px}.detour-cta .text-link{margin:15px 0 0;display:flex;width:max-content}.site-footer p{margin:0}}
@media(max-width:380px){.directory-hero h1,.story-hero h1{font-size:37px}.domain-card h3{font-size:25px}.domain-card{padding:21px}.story-topline{gap:10px}.story-topline>span{white-space:nowrap}.useful-bit{padding:20px}.useful-bit .button{padding-inline:13px}.reading-nav{gap:15px}}
.exercise{border-top:2px solid var(--ink);padding-top:27px}.exercise>.eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:15px}.exercise ol{padding-left:23px;line-height:1.65;font-size:16px;margin-block:22px}.exercise li{padding-left:5px;margin-bottom:12px}.prompt-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:24px;min-width:0}.prompt-box summary{font-size:15px;font-weight:600;cursor:pointer;min-height:30px;line-height:1.5}.prompt-box label{margin-top:22px}.prompt-box textarea{font-size:15px;line-height:1.6}.prompt-box .button{margin-top:15px}.copy-status{font-size:13px!important;line-height:1.6!important;margin-top:13px;color:#355b27}.copy-status:empty{display:none}.prompt-box .privacy{font-size:12px!important;line-height:1.65!important}.exercise>.text-link{font-size:14px;line-height:1.5;margin-top:18px}.workshop-jumps{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.source-note{max-width:650px;font-size:13px;line-height:1.7;color:var(--muted);margin-top:26px}.workshop-builder,.modes-section{background:#e9eddf;padding-block:64px}.workshop-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:75px}.workshop-grid h2{font-size:43px;line-height:1.13;letter-spacing:-1.5px;margin:20px 0 24px}.workshop-grid>div>p:not(.eyebrow){font-size:16px;margin-bottom:18px;max-width:450px}.little-rule{border-top:1px solid #c1cbb7;padding-top:22px;margin-top:30px;font-size:15px;max-width:360px}.little-rule p{margin-top:10px}.form-helper{font-size:13px;color:var(--muted);margin:12px 0 25px}.workshop-output{border-top:2px solid var(--ink);padding:25px 0 0;margin-top:28px;border-radius:0;border-right:0;border-left:0;border-bottom:0}.workshop-output h3{font-size:25px;letter-spacing:-.8px;margin:16px 0}.workshop-output .text-link{line-height:1.5;margin-top:18px;font-size:14px}.workshop-section{padding-block:65px}.workshop-section .section-heading>p{max-width:280px}.vibe-loop{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vibe-loop li{border-top:2px solid var(--ink);padding:21px 12px 20px 0}.loop-number{font-size:13px;color:var(--muted)}.vibe-loop h3{font-size:25px;letter-spacing:-.5px;margin:15px 0 13px}.vibe-loop p{font-size:16px}.vibe-loop li:nth-child(n+7){background:var(--ink);border-radius:8px;padding:23px;color:var(--paper)}.vibe-loop li:nth-child(n+7) .loop-number{color:var(--lime)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{background:var(--paper);padding:28px;border-radius:12px;min-width:0}.mode-card h3{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:17px 0}.mode-card>p:not(.eyebrow){font-size:16px}.mode-card>.eyebrow{font-size:12px}.manual-checks{border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.manual-checks legend{font-weight:600;font-size:16px;padding:0 8px}.manual-checks label{font-size:16px;font-weight:400;line-height:1.5;display:flex;align-items:start;gap:14px;margin-bottom:19px;cursor:pointer}.manual-checks input{width:21px;height:21px;min-height:21px;flex:0 0 21px;padding:0;margin:2px 0 0;accent-color:var(--ink)}.manual-checks label span{color:var(--ink)}.manual-checks .privacy{margin:0}.challenge-prompt{max-width:760px;margin-top:38px}.check-intro{color:var(--muted)}
@media(max-width:1000px){.workshop-grid{gap:38px}.workshop-grid h2{font-size:37px}.mode-card{padding:23px}}
@media(max-width:740px){.workshop-grid{grid-template-columns:1fr;gap:28px}.workshop-grid h2{font-size:36px}.workshop-builder,.modes-section{padding-block:43px}.workshop-section{padding-block:45px}.workshop-grid>div>p:not(.eyebrow){max-width:100%}.little-rule{max-width:100%;margin-top:22px}.vibe-loop{grid-template-columns:1fr;gap:12px}.vibe-loop li{padding-block:17px}.vibe-loop h3{margin:8px 0;font-size:24px}.vibe-loop li:nth-child(n+7){padding:23px}.mode-grid{grid-template-columns:1fr;gap:18px}.mode-card{padding:24px}.mode-card h3{font-size:25px}.prompt-box{padding:18px}.workshop-output{padding:23px 0 0}.manual-checks{padding:21px}.source-note{font-size:13px}.workshop-jumps{gap:12px}.workshop-hero h1{font-size:39px}.exercise ol{font-size:16px}.exercise .text-link{max-width:100%}.workshop-section .section-heading>p{max-width:100%}.workshop-section .section-heading h2,.modes-section .section-heading h2{font-size:33px}}