/* Guide and article redesign only. The shared guide.css still serves About. */
body:is(.guides-index,.guide-page){--guide-cream:#fbf6ef;--guide-ink:#302720;--guide-rust:#b94b28;--guide-line:#e9dccb;--guide-muted:#756a60;background:var(--guide-cream);color:var(--guide-ink)}
body:is(.guides-index,.guide-page) [hidden]{display:none!important}
body:is(.guides-index,.guide-page)>header{max-width:none;min-height:86px;padding:14px max(28px,calc((100vw - 1240px)/2));background:#fffaf4;border-bottom:1px solid var(--guide-line)}
body:is(.guides-index,.guide-page)>header img{width:174px}
body:is(.guides-index,.guide-page)>header nav{gap:31px}
body:is(.guides-index,.guide-page)>header nav a{color:#554a43;font-size:14px}
body:is(.guides-index,.guide-page)>header nav a[href="/guides/"]{color:var(--guide-rust)}
body:is(.guides-index,.guide-page)>footer{max-width:1240px;margin-top:76px;color:var(--guide-muted)}
body:is(.guides-index,.guide-page)>footer p{color:var(--guide-ink)}
body:is(.guides-index,.guide-page) .eyebrow,body:is(.guides-index,.guide-page) .guide-kicker{margin:0;color:var(--guide-rust);font:800 11px/1.3 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
body:is(.guides-index,.guide-page) h1,body:is(.guides-index,.guide-page) .guide-section-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.055em}
body:is(.guides-index,.guide-page) .intro{color:#655b53}
body:is(.guides-index,.guide-page) a:focus-visible,body:is(.guides-index,.guide-page) button:focus-visible,body:is(.guides-index,.guide-page) input:focus-visible{outline:3px solid #a84220;outline-offset:4px}

/* Guide index */
.guides-index main{max-width:none;padding:0}
.guide-index-hero{min-height:424px;padding:58px max(30px,calc((100vw - 1240px)/2)) 50px;display:grid;grid-template-columns:minmax(0,780px) minmax(210px,1fr);align-items:center;gap:32px;background:radial-gradient(circle at 84% 56%,#f0d6c4 0,#f0d6c400 32%),linear-gradient(125deg,#fff9f0,#f5ebdf);border-bottom:1px solid var(--guide-line);overflow:hidden}
.guide-index-hero h1{max-width:800px;margin:16px 0 20px;font-size:clamp(44px,5.1vw,74px);line-height:1.04}
.guide-index-hero .intro{max-width:670px;margin:0 0 26px;font-size:21px;line-height:1.5}
.guide-hero-mouse{justify-self:center;width:min(100%,360px);height:auto;filter:drop-shadow(0 19px 20px #6e422529)}
.guide-search{max-width:575px}
.guide-search label{display:block;margin:0 0 8px;color:#5e5148;font:750 13px/1.3 system-ui,sans-serif}
.guide-search-field{height:59px;display:flex;align-items:center;background:#fffdf9;border:1px solid #dec9b5;border-radius:13px;box-shadow:0 9px 22px #62402712;padding:0 17px}
.guide-search-field input{width:100%;min-width:0;border:0;background:none;color:var(--guide-ink);font:500 15px/1.3 system-ui,sans-serif;outline:none}
.guide-search-field input:focus-visible{outline:none}
.guide-search-field:focus-within{outline:3px solid #a84220;outline-offset:3px}
.guide-search-field input::placeholder{color:#867b72}
.guide-search-field span{color:var(--guide-rust);font-size:29px;line-height:1}
.guide-index-content{max-width:1240px;margin:auto;padding:0 28px}
.guide-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 46px}
.guide-tabs button{border:1px solid #dfcfbe;border-radius:999px;background:#fffaf4;color:#554b44;padding:10px 17px;min-height:44px;font:750 13px/1.2 system-ui,sans-serif;cursor:pointer}
.guide-tabs button[aria-pressed="true"]{background:#38291f;color:#fff;border-color:#38291f}
.guide-section-heading{margin-bottom:23px}
.guide-section-heading h2{margin:7px 0 9px;font-size:clamp(33px,3.2vw,45px);line-height:1.1}
.guide-feature-section{margin-bottom:69px}
.guide-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:332px;overflow:hidden;border:1px solid var(--guide-line);border-radius:19px;background:#fffdf9;box-shadow:0 13px 30px #4933210d}
.guide-feature-image{display:block;min-height:332px;overflow:hidden}
.guide-feature-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.guide-feature-copy{padding:39px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.guide-feature-copy h3{max-width:455px;margin:13px 0 15px;font:700 clamp(31px,3.1vw,42px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.guide-feature-copy h3 a,.guide-card h3 a{color:var(--guide-ink);text-decoration:none}
.guide-feature-copy h3 a:hover,.guide-card h3 a:hover{color:var(--guide-rust)}
.guide-feature-copy>p:not(.guide-kicker){max-width:470px;margin:0 0 24px;color:var(--guide-muted);font-size:16px;line-height:1.55}
.guide-read{color:var(--guide-rust);font:800 13px/1.3 system-ui,sans-serif;text-decoration:none}
.guide-read:hover{text-decoration:underline}
.guide-library{margin-bottom:64px}
.guide-library .guide-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}
.guide-results-count{min-height:20px;margin:0;color:var(--guide-muted);font:650 13px/1.3 system-ui,sans-serif}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.guide-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--guide-line);border-radius:16px;background:#fffdf9;box-shadow:0 8px 18px #49332109}
.guide-card-visual{display:block;height:156px;overflow:hidden}
.guide-card-image{display:block;width:100%;height:100%;object-fit:cover}
.guide-card-art{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:#d8e1d3}
.guide-card-art.makers{background:#eed9c4}
.guide-card-art:before,.guide-card-art:after{content:"";position:absolute;border-radius:50%;background:#ffffff63}
.guide-card-art:before{width:160px;height:160px;right:-24px;top:-60px}
.guide-card-art:after{width:90px;height:90px;left:-23px;bottom:-42px}
.guide-card-art span{position:relative;z-index:1;color:#526a4c;font:900 45px/1 Georgia,"Times New Roman",serif;letter-spacing:-.09em;transform:rotate(-8deg)}
.guide-card-art.makers span{color:#a7502f}
.guide-card-copy{display:flex;flex:1;flex-direction:column;align-items:start;padding:24px 23px 22px}
.guide-card h3{margin:9px 0 11px;font:700 23px/1.23 Georgia,"Times New Roman",serif;letter-spacing:-.03em}
.guide-card-copy>p:not(.guide-kicker){margin:0 0 22px;color:var(--guide-muted);font-size:14px;line-height:1.52}
.guide-card .guide-read{margin-top:auto}
.guide-empty{padding:25px;border-radius:13px;background:#fffaf4;color:var(--guide-muted)}
.guide-growth-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:32px 40px;border-radius:17px;background:#342821;color:#fff}
body.guides-index .guide-growth-strip .eyebrow{color:#f2b08b}
.guide-growth-strip h2{margin:7px 0 5px;color:#fff;font:700 30px/1.15 Georgia,"Times New Roman",serif}
.guide-growth-strip p:not(.eyebrow){margin:0;color:#e2d6cb;font-size:15px}
.guide-growth-strip>a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:11px 18px;border-radius:10px;background:#fff8ed;color:#873a20;font:800 13px/1.2 system-ui,sans-serif;text-decoration:none}

/* Individual guide articles */
.guide-page main{max-width:1240px;padding:31px 28px 0}
.guide-page .crumbs{display:flex;align-items:center;gap:10px;margin:0 0 27px;color:var(--guide-muted);font:650 12px/1.4 system-ui,sans-serif}
.guide-page .crumbs a{color:var(--guide-muted);text-decoration:none}
.guide-page .crumbs a:hover{text-decoration:underline}
.guide-article-head{max-width:1010px}
.guide-page h1{max-width:990px;margin:12px 0 20px;font-size:clamp(42px,5vw,65px);line-height:1.08}
.guide-page .intro{max-width:890px;margin:0 0 20px;font-size:21px;line-height:1.48}
.guide-page .byline{margin:0;padding:0;border:0;color:var(--guide-muted);font:600 13px/1.5 system-ui,sans-serif}
.guide-page .article-hero{max-width:none;margin:32px 0 0;overflow:hidden;border-radius:16px;background:#eee0cf}
.guide-page .article-hero img{display:block;width:100%;height:375px;object-fit:cover}
.guide-page .article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,280px);align-items:start;justify-content:space-between;gap:52px;margin-top:48px}
.guide-page .article-content{min-width:0;font:19px/1.74 Georgia,"Times New Roman",serif;color:#3c322b}
.guide-page .article-content p{margin:0 0 24px}
.guide-page .article-content section{max-width:none;margin:0 0 31px;scroll-margin-top:20px}
.guide-page .article-content h2{margin:43px 0 18px;font:750 29px/1.2 system-ui,sans-serif;letter-spacing:-.045em;color:var(--guide-ink)}
.guide-page .article-content h3{font:700 21px/1.3 system-ui,sans-serif;letter-spacing:-.02em}
.guide-page .article-content a{overflow-wrap:anywhere}
.guide-page .article-content .guide-steps{padding-left:30px}
.guide-page .article-content .guide-steps>li{padding-left:7px;margin-bottom:24px}
.guide-page .article-content .guide-steps>li::marker{color:var(--guide-rust);font:800 18px system-ui,sans-serif}
.guide-page .article-content .guide-steps p{margin:0 0 14px}
.guide-page .guide-instruction-shot{width:min(100%,390px);margin:18px 0 28px}
.guide-page .guide-instruction-shot img{display:block;width:100%;height:auto;border-radius:13px;box-shadow:0 9px 25px #4933211c}
.guide-page .guide-instruction-shot figcaption{margin-top:10px;color:var(--guide-muted);font:650 13px/1.45 system-ui,sans-serif}
.guide-page .article-side{position:sticky;top:24px;min-width:0;padding:23px;border:1px solid var(--guide-line);border-radius:14px;background:#fffdf9;box-shadow:0 9px 19px #4933210a}
.guide-page .article-side h2{margin:0 0 16px;font:750 18px/1.2 system-ui,sans-serif;letter-spacing:-.02em}
.guide-page .article-side nav{display:flex;flex-direction:column;gap:2px;max-height:420px;overflow:auto}
.guide-page .article-side nav a{display:block;padding:8px 0;color:#725e50;font:650 13px/1.35 system-ui,sans-serif;text-decoration:none}
.guide-page .article-side nav a:hover{color:var(--guide-rust);text-decoration:underline}
.guide-aside-cta{display:flex;justify-content:space-between;gap:8px;margin-top:22px;padding:12px 14px;border-radius:9px;background:var(--guide-rust);color:white;font:800 13px/1.2 system-ui,sans-serif;text-decoration:none}
.guide-aside-cta:hover{background:#913a20;color:#fff}
.guide-page .sources{margin-top:52px;padding-top:15px;border-top:1px solid var(--guide-line)}
.guide-page .sources h2{font-size:24px}
.guide-page .sources ul{margin-top:0;font:15px/1.5 system-ui,sans-serif}
.guide-page .next{max-width:none;margin-top:70px;padding-top:30px;border-top:1px solid var(--guide-line)}
.guide-page .next .guide-section-heading h2{font-size:40px}

@media(max-width:900px){
  .guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-index-hero{grid-template-columns:minmax(0,1fr) 210px}
  .guide-page .article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}
}
@media(max-width:700px){
  body:is(.guides-index,.guide-page)>header{display:flex;min-height:68px;padding:10px 17px}
  body:is(.guides-index,.guide-page)>header img{width:142px}
  body:is(.guides-index,.guide-page)>header nav{gap:15px}
  body:is(.guides-index,.guide-page)>header nav a{font-size:12px}
  body:is(.guides-index,.guide-page)>header nav a[href="/about/"]{display:none}
  .guide-index-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:43px 20px 38px;text-align:left}
  .guide-index-hero h1{font-size:clamp(41px,9.6vw,55px)}
  .guide-index-hero .intro{font-size:17px;margin-bottom:22px}
  .guide-hero-mouse{display:none}
  .guide-index-content{padding:0 18px}
  .guide-tabs{flex-wrap:nowrap;overflow:auto;margin:22px -18px 34px;padding:0 18px 3px;scrollbar-width:none}
  .guide-tabs button{white-space:nowrap}
  .guide-section-heading h2{font-size:34px}
  .guide-feature{display:block;min-height:0}
  .guide-feature-image{height:190px;min-height:0}
  .guide-feature-copy{padding:24px}
  .guide-feature-copy h3{font-size:31px}
  .guide-feature-section{margin-bottom:52px}
  .guide-library .guide-section-heading{align-items:start;display:block}
  .guide-results-count{margin-top:10px}
  .guide-card-grid{grid-template-columns:1fr;gap:12px}
  .guide-card{flex-direction:row;min-height:148px}
  .guide-card-visual{width:115px;height:auto;flex:none}
  .guide-card-copy{padding:16px}
  .guide-card h3{font-size:18px;margin:7px 0 9px}
  .guide-card-copy>p:not(.guide-kicker){display:none}
  .guide-card-art span{font-size:27px}
  .guide-card .guide-read{font-size:12px}
  .guide-growth-strip{display:block;padding:27px 24px}
  .guide-growth-strip h2{font-size:27px}
  .guide-growth-strip>a{margin-top:18px}
  .guide-page main{padding:23px 18px 0}
  .guide-page .crumbs{flex-wrap:wrap;margin-bottom:21px}
  .guide-page h1{font-size:clamp(37px,8.8vw,51px)}
  .guide-page .intro{font-size:17px}
  .guide-page .article-hero{margin-top:24px}
  .guide-page .article-hero img{height:225px}
  .guide-page .article-layout{display:flex;flex-direction:column;gap:18px;margin-top:24px}
  .guide-page .article-side{position:static;order:-1;width:100%;padding:17px}
  .guide-page .article-side h2{font-size:15px;margin-bottom:10px}
  .guide-page .article-side nav{flex-direction:row;overflow-x:auto;max-height:none;gap:7px;scrollbar-width:thin}
  .guide-page .article-side nav a{flex:none;max-width:195px;padding:8px 11px;border:1px solid var(--guide-line);border-radius:999px;font-size:11px}
  .guide-page .guide-aside-cta{display:none}
  .guide-page .article-content{font-size:17px;line-height:1.7}
  .guide-page .article-content h2{font-size:25px;margin-top:34px}
  .guide-page .next{margin-top:48px}
  .guide-page .next .guide-section-heading h2{font-size:34px}
  body:is(.guides-index,.guide-page)>footer{margin-top:55px}
}
@media(max-width:410px){
  body:is(.guides-index,.guide-page)>header img{width:120px}
  body:is(.guides-index,.guide-page)>header nav{gap:10px;margin-top:0}
  body:is(.guides-index,.guide-page)>header nav a{font-size:11px}
  .guide-card-visual{width:93px}
  .guide-card h3{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){
  .guide-hero-mouse{animation:guide-mouse-bob 7s ease-in-out infinite}
  @keyframes guide-mouse-bob{50%{transform:translateY(-7px)}}
}
@media print{
  body:is(.guides-index,.guide-page)>header,body:is(.guides-index,.guide-page)>footer,.guide-page .article-side,.guide-page .next,.guide-index-hero .guide-hero-mouse,.guide-tabs,.guide-search{display:none!important}
  .guide-page main,.guides-index main{max-width:none;padding:0}
  .guide-page .article-layout{display:block}
  .guide-page .article-hero img{max-height:220px}
}