@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');

:root{--cream:#ffffff;--paper:#ffffff;--ink:#171717;--muted:#666666;--line:#dedede;--accent:#171717;--mist:#f5f5f5;--soft-ink:#365f91;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#dddddd;color:var(--ink)}:focus-visible{outline:2px solid var(--soft-ink);outline-offset:4px}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.4vw,90px);position:relative;z-index:4;border-bottom:1px solid rgba(60,60,60,.11)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.wordmark-mark{width:30px;height:34px;display:grid;place-items:center;overflow:hidden}.wordmark-mark img{width:38px;max-width:none;transform:scale(1.16)}.wordmark-dot{color:var(--soft-ink)}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600}.site-header nav>a:not(.nav-cta){color:#444444;transition:color .2s}.site-header nav>a:hover{color:var(--soft-ink)}.nav-cta{padding:13px 20px;border:1px solid #bdbdbd;border-radius:100px;transition:background .2s,color .2s}.nav-cta:hover{background:var(--accent);color:white!important}.nav-cta span{margin-left:10px;font-size:15px}
.hero{min-height:min(790px,calc(100svh - 88px));display:grid;place-items:center;position:relative;overflow:hidden;padding:76px 24px 95px;background:radial-gradient(ellipse at 50% 37%,#ffffff 0%,#ffffff 64%,#f6f6f6 100%)}.hero-halo{position:absolute;width:min(750px,85vw);aspect-ratio:1;border:1px solid rgba(92,92,92,.09);border-radius:50%;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 95px rgba(109,109,109,.025),0 0 0 190px rgba(109,109,109,.018);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{margin:0;font-size:10px;font-weight:700;letter-spacing:.22em;line-height:1.5;color:#757575}.hero-eyebrow{display:flex;align-items:center;gap:17px;color:#707070}.eyebrow-line{width:26px;height:1px;background:#aaaaaa}.hero-logo{width:174px;height:155px;object-fit:contain;margin:38px 0 14px;filter:none}h1,h2,h3,p{margin-top:0}.hero h1,.section-shell h2,.article-hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(45px,5.6vw,82px);line-height:1.1;margin:0}.hero h1 em,.section-shell h2 em{font-weight:400;color:var(--soft-ink)}.hero-intro{max-width:530px;font-size:15px;line-height:1.85;color:#696969;margin:23px 0 30px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:50px;padding:0 22px;border:0;border-radius:3px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--accent)}.button-dark:hover{background:#333333}.button span{font-size:17px;font-weight:400}.text-link,.inline-link,.back-link{font-size:12px;font-weight:700}.text-link span,.inline-link span{margin-left:8px;font-size:16px}.text-link:hover,.inline-link:hover,.back-link:hover{color:var(--soft-ink)}.hero-side-note{position:absolute;left:5.4vw;bottom:42px;margin:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.19em;font-weight:700;color:#999999}.hero-side-note span{margin:10px 0}.scroll-cue{position:absolute;bottom:31px;left:50%;width:32px;height:32px;transform:translateX(-50%);display:grid;place-items:center;border:1px solid #aaaaaa;border-radius:50%;color:#666666;font-size:18px}
.section-shell{width:min(1200px,calc(100% - 96px));margin:auto}.logo-backdrop{position:relative;overflow:hidden}.logo-backdrop:before{content:"";position:absolute;background:url('/public/img/the-honest-question.png') center/contain no-repeat;opacity:.065;pointer-events:none}.welcome{padding:150px 0 160px;background:#f7f7f7}.welcome:before{width:850px;height:850px;left:-205px;bottom:-320px;filter:grayscale(1)}.welcome-grid{position:relative;display:grid;grid-template-columns:1fr 1.6fr;gap:85px}.welcome-label{display:flex;align-items:flex-start;gap:20px;padding-top:20px}.small-rule{width:28px;height:1px;background:#888888;margin-top:7px}.welcome-copy{max-width:635px}.section-shell h2{font-size:clamp(44px,5vw,71px);line-height:1.08;margin-bottom:32px}.welcome-copy>p{max-width:580px;font-size:16px;line-height:1.95;color:#595959;margin-bottom:19px}.inline-link{display:inline-flex;align-items:center;margin-top:19px;border-bottom:1px solid #686868;padding-bottom:7px}.pause-section{background:var(--accent);color:#ffffff;padding:105px 0 110px}.pause-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:100px;align-items:center}.pause-section .eyebrow{color:#bcbcbc;margin-bottom:32px}.pause-section h2{margin:0}.pause-section h2 em{color:#dddddd}.pause-right{border-left:1px solid rgba(255,255,255,.25);padding-left:62px;position:relative}.quote-mark{display:block;color:#aaaaaa;font-family:var(--serif);font-size:75px;line-height:.6}.pause-right p{font-family:var(--serif);font-size:clamp(22px,2.2vw,31px);line-height:1.34;margin:14px 0 25px}.pause-decoration{color:#bbbbbb;font-size:22px}
.articles-section{padding:132px 0 148px;background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{margin:0}.section-heading>p{max-width:315px;color:#717171;font-size:13px;line-height:1.8;margin:0 2px 7px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article-card{background:#f8f8f8;min-height:410px;padding:26px 28px 28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ebebeb;transition:transform .25s,background .25s,box-shadow .25s}.article-card:nth-child(2){background:#f6f6f6}.article-card:nth-child(3){background:#f8f8f8}.article-card:hover{transform:translateY(-5px);background:#f1f1f1;box-shadow:0 15px 35px rgba(43,43,43,.08)}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #aaaaaa;border-radius:50%;font-size:21px;color:#777777}.card-arrow{font-size:22px;color:#555555}.card-bottom .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:15px}.card-separator{padding:0 6px}.card-bottom h3{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.13;letter-spacing:-.025em;margin-bottom:15px}.card-bottom>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#6c6c6c;margin-bottom:28px}.read-link{font-size:11px;font-weight:700;border-bottom:1px solid #666666;padding-bottom:5px}.read-link span{margin-left:8px;font-size:15px}
.ask-section{padding:134px 0 140px;background:#f7f7f7}.ask-section:before{width:980px;height:980px;right:-440px;bottom:-375px;opacity:.055;filter:grayscale(1)}.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;position:relative}.ask-copy .eyebrow{margin-bottom:26px}.ask-copy h2{font-size:clamp(48px,5.4vw,78px);margin-bottom:28px}.ask-copy>p:not(.eyebrow){color:#606060;line-height:1.9;max-width:445px;font-size:15px}.ask-note{display:flex;align-items:center;gap:14px;margin-top:48px}.ask-note span{width:37px;height:37px;flex:none;display:grid;place-items:center;border:1px solid #aaaaaa;border-radius:50%;color:#6b6b6b}.ask-note p{font-size:11px;color:#777777;margin:0;line-height:1.5}.form-card{background:var(--paper);padding:40px 42px;box-shadow:0 20px 55px rgba(47,47,47,.08)}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.form-flower{font-size:24px;color:#aaaaaa}.form-card label{display:block;font-size:11px;font-weight:700;color:#333333;margin:18px 0 8px}.form-card label span{font-weight:400;color:#888888}.form-card input,.form-card textarea{width:100%;border:1px solid #dddddd;background:#ffffff;border-radius:2px;color:var(--ink);outline:none;padding:13px 15px;font-size:12px;transition:border-color .2s}.form-card input:focus,.form-card textarea:focus{border-color:#555555}.form-card textarea{resize:vertical;min-height:130px}.form-card input::placeholder,.form-card textarea::placeholder{color:#aaaaaa}.form-submit{width:100%;justify-content:space-between;margin-top:21px}.form-footnote{font-size:10px;line-height:1.65;color:#888888;margin:15px 0 0}.form-message{display:flex;gap:12px;padding:13px 15px;margin-bottom:20px;background:#eeeeee;color:#333333;font-size:12px}.form-message.error{background:#f1f1f1;color:#333333}.form-message>span{font-size:17px}.form-message strong{display:block;margin-bottom:3px}.form-message p{margin:0;line-height:1.55}.site-footer{background:#171717;color:#ffffff;padding:57px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end}.site-footer .wordmark-mark img{filter:invert(1)}.site-footer .wordmark{font-size:19px}.site-footer p{font-size:11px;color:#aaaaaa;margin:15px 0 0}.footer-links{display:flex;gap:27px;justify-content:center;font-size:11px;color:#dddddd}.footer-links a:hover{color:white}.footer-end{font-size:9px;letter-spacing:.2em;color:#aaaaaa}
.article-hero{background:#f7f7f7;padding:68px 24px 95px}.article-hero:before{width:630px;height:630px;right:-180px;bottom:-300px;filter:grayscale(1)}.article-hero-inner{position:relative;max-width:760px;margin:auto}.back-link{display:inline-block;margin-bottom:85px;color:#5d5d5d}.back-link span{margin-right:8px;font-size:16px}.article-hero .eyebrow{margin-bottom:19px}.article-hero h1{font-size:clamp(50px,7vw,91px);line-height:1.02;margin-bottom:25px}.article-deck{max-width:620px;font-size:17px;line-height:1.8;color:#5d5d5d;margin:0}.article-body{width:min(660px,calc(100% - 48px));margin:86px auto 120px}.article-body section{margin-bottom:53px}.article-body h2{font-family:var(--serif);font-size:37px;font-weight:400;letter-spacing:-.02em;margin-bottom:19px}.article-body p{font-size:16px;line-height:1.95;color:#555555;margin-bottom:20px}.article-closing{border-top:1px solid #dddddd;margin-top:68px;padding-top:43px;text-align:center}.article-closing>span{font-size:26px;color:#777777}.article-closing p{font-family:var(--serif);font-size:28px;color:var(--ink);margin:15px 0 24px}
@media(max-width:900px){.welcome-grid{grid-template-columns:1fr;gap:30px}.welcome-label{padding:0}.pause-grid{gap:50px}.ask-grid{gap:6%}.section-shell{width:min(1200px,calc(100% - 56px))}.article-card{padding:23px;min-height:425px}.card-bottom h3{font-size:27px}}
@media(max-width:680px){.site-header{height:72px;padding:0 20px}.wordmark{font-size:17px}.site-header nav{gap:13px}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 13px;font-size:11px}.nav-cta span{margin-left:3px}.hero{min-height:690px;padding:58px 20px 90px}.hero-logo{width:142px;height:128px;margin:37px 0 20px}.hero h1{font-size:clamp(43px,10vw,60px)}.hero-intro{font-size:14px;line-height:1.75}.hero-actions{flex-direction:column;gap:22px}.hero-side-note{display:none}.section-shell{width:calc(100% - 40px)}.welcome,.articles-section,.ask-section{padding:86px 0}.welcome:before{width:560px;height:560px;left:-260px;bottom:-160px}.section-shell h2{font-size:49px}.welcome-copy>p{font-size:14px}.pause-section{padding:82px 0}.pause-grid,.ask-grid{grid-template-columns:1fr;gap:39px}.pause-right{padding-left:25px}.pause-section h2{font-size:48px}.section-heading{display:block}.section-heading>p{margin-top:18px}.article-grid{grid-template-columns:1fr}.article-card{min-height:315px}.card-bottom h3{font-size:31px}.ask-section:before{right:-570px}.ask-copy h2{font-size:59px}.ask-note{margin-top:28px}.form-card{padding:28px 22px}.footer-grid{grid-template-columns:1fr;gap:25px;align-items:start}.footer-links{justify-content:start;flex-wrap:wrap}.footer-end{margin-top:8px}.article-hero{padding:42px 20px 70px}.back-link{margin-bottom:65px}.article-hero h1{font-size:56px}.article-deck{font-size:15px}.article-body{margin:65px auto 90px}.article-body h2{font-size:33px}.article-body p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* A quieter, monochrome first impression. */
.site-header{background:#fff;border-bottom-color:#ededed}
.hero{min-height:calc(100svh - 88px);padding:96px 24px;background:#fff}
.hero-content{width:min(100%,800px)}
.hero-logo{display:block;width:clamp(200px,23vw,300px);height:auto;margin:0 0 clamp(34px,5vh,55px);filter:none}
.hero h1{font-size:clamp(43px,5.4vw,76px);line-height:1.12;max-width:760px;text-wrap:balance}
.hero-cta{min-width:174px;min-height:54px;margin-top:clamp(35px,5vh,55px);gap:28px}
.button-dark{background:#171717;color:#fff}
.button-dark:hover{background:#3a3a3a}
.welcome{background:#f7f7f7;padding:clamp(120px,13vw,200px) 0}
.pause-section{background:#171717;padding:clamp(110px,12vw,175px) 0}
.articles-section{background:#fff;padding:clamp(120px,13vw,190px) 0}
.article-grid{gap:20px}
.article-card{min-height:440px;background:#f8f8f8;border-color:#ededed}
.article-card:nth-child(2){background:#f6f6f6}
.article-card:nth-child(3){background:#f8f8f8}
.article-card:hover{background:#f0f0f0;box-shadow:0 15px 35px rgba(0,0,0,.06)}
.ask-section{background:#f7f7f7;padding:clamp(120px,13vw,190px) 0}
.form-card{background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.06)}
.site-footer{background:#171717}
.article-hero{background:#f7f7f7}
.hero-logo{width:clamp(400px,40vw,520px);max-width:none;margin-bottom:clamp(26px,4vh,40px);transform:translateX(7%)}
.hero-cta,.form-submit{background:#365f91;border-radius:999px}
.hero-cta:hover,.form-submit:hover{background:#274b75}
.nav-cta{border-color:#365f91;color:#365f91}
.nav-cta:hover{background:#365f91}
.form-flower,.ask-note span{color:#365f91}
.ask-note span{border-color:#b8c9dc}
.form-card input:focus,.form-card textarea:focus{border-color:#365f91}
.form-message.success{background:#eef3fa;color:#274b75}
@media(max-width:680px){
  .hero{min-height:calc(100svh - 72px);padding:58px 20px 68px}
  .hero-logo{width:min(360px,100vw);margin-bottom:24px}
  .hero h1{font-size:clamp(42px,10.5vw,59px)}
  .hero-cta{margin-top:32px}
  .welcome,.articles-section,.ask-section{padding:105px 0}
  .pause-section{padding:100px 0}
  .article-card{min-height:340px}
  .ask-copy h2{font-size:clamp(44px,11vw,59px)}
}
.markdown-body h3{font-family:var(--serif);font-size:29px;font-weight:400;margin:38px 0 14px}.markdown-body ul,.markdown-body ol{padding-left:24px;margin:0 0 24px;color:#555;line-height:1.85}.markdown-body li{margin:7px 0}.markdown-body blockquote{border-left:3px solid #b8c9dc;padding:5px 0 5px 20px;margin:30px 0;color:#555}.markdown-body blockquote p{margin:0}.markdown-body a:not(.button){color:#365f91;text-decoration:underline;text-underline-offset:3px}.markdown-body code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em;background:#f2f2f2;padding:2px 4px}.markdown-body pre{overflow:auto;background:#f2f2f2;padding:18px;margin:25px 0}.markdown-body pre code{padding:0}.markdown-body img{max-width:100%;height:auto}
.article-filters{margin:-6px 0 34px}.article-search{max-width:540px}.article-search label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.article-search>div{display:flex;border:1px solid #d8d8d8;background:#fff}.article-search input{min-width:0;flex:1;border:0;outline:0;padding:14px 16px;font-size:13px}.article-search button{border:0;background:#365f91;color:#fff;padding:0 18px;font-size:12px;font-weight:700}.article-search button:hover{background:#274b75}.tag-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.tag-filter{display:inline-block;padding:9px 13px;border:1px solid #d7d7d7;border-radius:999px;color:#555;font-size:11px;font-weight:700}.tag-filter:hover,.tag-filter.active{background:#365f91;border-color:#365f91;color:white}.filter-result{display:flex;gap:16px;align-items:center;margin-top:17px;color:#666;font-size:11px}.filter-result a{text-decoration:underline;color:#365f91}.article-empty{padding:60px 30px;background:#f8f8f8;text-align:center;border:1px solid #ededed}.article-empty h3{font-family:var(--serif);font-size:30px;font-weight:400}.article-empty p{font-size:13px;color:#666}.article-empty .inline-link{margin-top:6px}.article-card .eyebrow{word-spacing:3px;line-height:1.7}
.article-tag-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 19px;font-size:10px;font-weight:700;letter-spacing:.13em;color:#757575}.article-tag-links a{color:#365f91}.article-tag-links a:hover{text-decoration:underline}.article-tag-links span{margin-left:4px}
.article-card:has(.card-media){min-height:470px}.card-media{margin:16px 0}.card-media img{display:block;width:100%;height:auto;object-fit:contain}.article-image-wrap{width:min(760px,calc(100% - 48px));margin:52px auto -18px}.article-image-wrap img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}@media(max-width:680px){.article-card:has(.card-media){min-height:440px}.article-image-wrap{margin:28px auto -20px}}

/* Theme controls and dark palette. */
.theme-toggle{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:10px 14px;font-size:11px;font-weight:700;white-space:nowrap}
.theme-toggle:hover{border-color:var(--soft-ink);color:var(--soft-ink)}
.footer-credit{max-width:260px;line-height:1.6;letter-spacing:0}
.footer-credit a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer-credit a:hover{color:#a7caff}
@media(max-width:680px){.site-header nav{gap:8px}.site-header .theme-toggle{padding:9px 11px}.site-header .nav-cta{padding:9px 11px}}
html[data-theme="dark"]{--cream:#141719;--paper:#181c1f;--ink:#f1f2f3;--muted:#b4bdc5;--line:#404a51;--accent:#263c54;--mist:#20272b;--soft-ink:#9fc8f4}
html[data-theme="dark"] body{background:var(--cream);color:var(--ink)}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .hero,html[data-theme="dark"] .admin-header{background:#141719;border-color:#333d44}
html[data-theme="dark"] .hero-halo{border-color:rgba(255,255,255,.09);box-shadow:0 0 0 95px rgba(255,255,255,.02),0 0 0 190px rgba(255,255,255,.015)}
html[data-theme="dark"] .hero-logo,html[data-theme="dark"] .site-header .wordmark-mark img,html[data-theme="dark"] .admin-header .wordmark-mark img,html[data-theme="dark"] .login-card>img{filter:invert(1)}
html[data-theme="dark"] .welcome,html[data-theme="dark"] .ask-section,html[data-theme="dark"] .article-hero,html[data-theme="dark"] .admin{background:#1c2226}
html[data-theme="dark"] .welcome:before,html[data-theme="dark"] .ask-section:before,html[data-theme="dark"] .article-hero:before{filter:grayscale(1) invert(1)}
html[data-theme="dark"] .pause-section,html[data-theme="dark"] .site-footer{background:#0d1012}
html[data-theme="dark"] .articles-section{background:#141719}
html[data-theme="dark"] .article-card,html[data-theme="dark"] .article-card:nth-child(2),html[data-theme="dark"] .article-card:nth-child(3),html[data-theme="dark"] .article-empty,html[data-theme="dark"] .form-card,html[data-theme="dark"] .post-list,html[data-theme="dark"] .editor-fields,html[data-theme="dark"] .editor-actions,html[data-theme="dark"] .preview-panel,html[data-theme="dark"] .login-card{background:#242b30;border-color:#3b454c;box-shadow:none}
html[data-theme="dark"] .article-card:hover,html[data-theme="dark"] .post-row:hover{background:#2e383f}
html[data-theme="dark"] .site-header nav>a:not(.nav-cta),html[data-theme="dark"] .hero-intro,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .welcome-copy>p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .card-bottom>p:not(.eyebrow),html[data-theme="dark"] .ask-copy>p:not(.eyebrow),html[data-theme="dark"] .ask-note p,html[data-theme="dark"] .article-deck,html[data-theme="dark"] .article-body p,html[data-theme="dark"] .markdown-body li,html[data-theme="dark"] .markdown-body blockquote,html[data-theme="dark"] .card-arrow,html[data-theme="dark"] .card-icon,html[data-theme="dark"] .back-link,html[data-theme="dark"] .filter-result,html[data-theme="dark"] .article-empty p,html[data-theme="dark"] .article-tag-links,html[data-theme="dark"] .form-footnote,html[data-theme="dark"] .editor-help,html[data-theme="dark"] .saved-hint,html[data-theme="dark"] .post-row p,html[data-theme="dark"] .admin-top p:not(.eyebrow),html[data-theme="dark"] .preview-panel>p:not(.eyebrow),html[data-theme="dark"] .login-card>p:not(.eyebrow),html[data-theme="dark"] .login-card>a{color:#b4bdc5}
html[data-theme="dark"] .form-card label,html[data-theme="dark"] .article-search label{color:#edf0f2}
html[data-theme="dark"] .form-card input,html[data-theme="dark"] .form-card textarea,html[data-theme="dark"] .article-search>div,html[data-theme="dark"] .article-search input,html[data-theme="dark"] .editor-fields input,html[data-theme="dark"] .editor-fields textarea,html[data-theme="dark"] .login-card input{background:#171d21;border-color:#48535b;color:#f1f2f3}
html[data-theme="dark"] .form-card input::placeholder,html[data-theme="dark"] .form-card textarea::placeholder,html[data-theme="dark"] .article-search input::placeholder,html[data-theme="dark"] .editor-fields input::placeholder,html[data-theme="dark"] .editor-fields textarea::placeholder{color:#9aa5ad}
html[data-theme="dark"] .tag-filter{border-color:#53616a;color:#d3d9dd}
html[data-theme="dark"] .tag-filter:hover,html[data-theme="dark"] .tag-filter.active{color:#fff}
html[data-theme="dark"] .button-dark{background:#365f91;color:#fff}
html[data-theme="dark"] .button-dark:hover{background:#4978ad}
html[data-theme="dark"] .nav-cta{border-color:#9fc8f4;color:#9fc8f4}
html[data-theme="dark"] .nav-cta:hover{background:#365f91;color:#fff!important}
html[data-theme="dark"] .form-message,html[data-theme="dark"] .form-message.success{background:#263c54;color:#e9f2fc}
html[data-theme="dark"] .form-message.error,html[data-theme="dark"] .admin-error{background:#4b2828;color:#ffe0e0}
html[data-theme="dark"] .markdown-body code,html[data-theme="dark"] .markdown-body pre{background:#263036;color:#e9eef2}
html[data-theme="dark"] .post-row,html[data-theme="dark"] .article-closing,html[data-theme="dark"] .admin-preview{border-color:#44515a}
html[data-theme="dark"] .post-status{background:#3b444b;color:#e0e5e8}
html[data-theme="dark"] .post-status.published{background:#294538;color:#b9e3c6}
html[data-theme="dark"] .admin-header nav button{color:#d3d9dd}
html[data-theme="dark"] .admin-header .theme-toggle{border:1px solid #53616a;padding:10px 14px}
html[data-theme="dark"] .site-footer .wordmark-mark img{filter:invert(1)}
@media(max-width:480px){.site-header .wordmark>span:last-child{display:none}.site-header .wordmark{gap:0}}

/* The Honest Question mark: dark on light surfaces, original white in dark mode. */
.wordmark-mark{width:32px;height:39px;overflow:visible;flex:none}
.wordmark-mark img{display:block;width:32px;height:39px;max-width:none;object-fit:contain;transform:none;filter:brightness(0)}
.site-footer .wordmark-mark img{filter:none}
.login-card>img{width:74px;height:auto;filter:brightness(0)}
.logo-backdrop:before{background-image:url('/public/img/the-honest-question.png');filter:brightness(0);opacity:.045}
.hero{min-height:calc(100svh - 88px);padding:90px 32px}
.hero-content{width:min(1040px,100%);display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(52px,8vw,140px);text-align:left}
.hero-logo{display:block;width:min(100%,300px);height:auto;max-width:100%;margin:0;transform:none;filter:brightness(0)}
.hero-copy .eyebrow{margin-bottom:23px}
.hero h1{font-size:clamp(56px,6.5vw,102px);line-height:1.02;max-width:680px}
.hero-intro{max-width:510px;margin:26px 0 0}
.hero-cta{margin-top:36px}
html[data-theme="dark"] .hero-logo,html[data-theme="dark"] .site-header .wordmark-mark img,html[data-theme="dark"] .admin-header .wordmark-mark img,html[data-theme="dark"] .login-card>img,html[data-theme="dark"] .site-footer .wordmark-mark img{filter:none}
html[data-theme="dark"] .logo-backdrop:before{filter:none;opacity:.065}
@media(max-width:700px){
  .hero{min-height:calc(100svh - 72px);padding:52px 20px 75px}
  .hero-content{grid-template-columns:1fr;justify-items:center;gap:25px;text-align:center}
  .hero-logo{width:clamp(118px,30vw,170px)}
  .hero-copy .eyebrow{margin-bottom:16px}
  .hero h1{font-size:clamp(51px,11vw,72px)}
  .hero-intro{margin:20px auto 0}
  .hero-cta{margin-top:28px}
}
.honeypot-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}