@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap");
:root{--color-primary-text:#333;--color-secondary-text:#999;--color-white:#fff;--color-lighter-gray:#f6f6f6;--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--font-sans:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;--font-serif:Georgia,serif;--font-mono:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;--head-nav-gap:2.8rem;--h1-size:4.6rem;--gap:3.6rem;--header-spacing:80px}@media (max-width:767px){:root{--h1-size:3.2rem!important;--gap:2rem;--header-spacing:48px}}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;text-rendering:optimizespeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}html{font-size:62.5%}body{font-family:var(--gh-font-body,var(--font-sans));font-size:1.6rem;line-height:1.6;color:var(--color-primary-text);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{height:auto}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{font-family:var(--gh-font-heading,var(--font-sans));line-height:1.15;color:var(--color-darker-gray);letter-spacing:-.02em}h1{font-size:var(--h1-size)}h2{font-size:2.8rem}h3{font-size:2.4rem}h4{font-size:2.2rem}h5{font-size:2rem}h6{font-size:1.8rem}hr{width:100%;height:1px;background-color:var(--color-light-gray);border:0}blockquote:not([class]){padding-left:2rem;border-left:4px solid var(--ghost-accent-color)}figcaption{margin-top:1.6rem;font-size:1.4rem;line-height:1.4;color:var(--color-secondary-text);text-align:center}.kg-width-full figcaption{padding:0 1.6rem}.gh-content figcaption a{color:var(--color-darker-gray);text-decoration:none}pre{padding:1.6rem 2.4rem;overflow-x:scroll;hyphens:none;line-height:1.5;white-space:pre;background-color:var(--color-lighter-gray);-webkit-overflow-scrolling:touch}code{font-family:var(--font-mono);font-size:15px}:not(pre)>code{padding:.4rem;color:var(--ghost-accent-color);background-color:var(--color-lighter-gray);border-radius:3px}iframe{display:block;width:100%;overflow:hidden;border:0}sub,sup{line-height:1}@media (max-width:767px){h2{font-size:2.4rem}h3{font-size:2.1rem}}.gh-site{display:flex;flex-direction:column;min-height:100vh}.gh-main{flex-grow:1;padding-top:8rem;padding-bottom:8rem}.page-template .gh-main{padding-block:0}.gh-outer{padding-right:var(--gap);padding-left:var(--gap)}.gh-inner{max-width:var(--container-width,1200px);margin:0 auto}.gh-canvas,.kg-width-full.kg-content-wide{--main:min(var(--content-width,720px),100% - var(--gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 720px))/2));--full:minmax(var(--gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]}.gh-canvas>*{grid-column:main}.kg-content-wide>div,.kg-width-wide{grid-column:wide}.kg-width-full{grid-column:full}.kg-width-full img{width:100%}@media (max-width:767px){#gh-main{padding-top:4.8rem;padding-bottom:4.8rem}}.gh-head{height:100px;background-color:var(--color-white)}.gh-head-inner{display:grid;grid-template-columns:1fr auto auto;grid-auto-flow:row dense;-moz-column-gap:var(--head-nav-gap);column-gap:var(--head-nav-gap);align-items:center;height:100%}.gh-head-brand{line-height:1}.gh-head-brand-wrapper{display:flex;align-items:center}.gh-head-logo{position:relative;font-family:var(--gh-font-heading,var(--font-sans));font-size:2.4rem;font-weight:700;letter-spacing:-.02em}.gh-head-logo img{max-height:40px}.gh-head-logo img:nth-child(2){position:absolute;top:0;left:0;opacity:0}.gh-head-menu{display:flex}.gh-head .nav,.gh-head-menu{gap:var(--head-nav-gap);align-items:center}.gh-head .nav{display:inline-flex;padding:0;margin:0;white-space:nowrap;list-style:none}.gh-head .nav-more-toggle{position:relative;margin:0 -6px;font-size:inherit;text-transform:inherit}.gh-head .nav-more-toggle svg{width:24px;height:24px}.gh-head-actions{display:flex;gap:var(--head-nav-gap);align-items:center;justify-content:flex-end}.gh-head-members{display:flex;gap:20px;align-items:center;white-space:nowrap}.gh-head-btn.gh-btn{font-size:inherit;font-weight:600}.gh-head-btn:not(.gh-btn){display:inline-flex;align-items:center;color:var(--ghost-accent-color)}.gh-head-btn svg{width:1.3em;height:1.3em}.gh-search{margin-right:-6px;margin-left:-6px}.gh-search:hover{opacity:.9}.gh-head-brand .gh-search{margin-right:8px}@media (max-width:767px){.gh-head-members{flex-direction:column-reverse;gap:16px;width:100%}.gh-head-actions .gh-search{display:none}}@media (min-width:768px){.gh-head-brand .gh-search{display:none}body:not(.is-dropdown-loaded) .gh-head-menu .nav>li{opacity:0}}.is-head-left-logo .gh-head-inner{grid-template-columns:auto 1fr auto}@media (min-width:992px){.is-head-left-logo .gh-head-menu{margin-right:64px;margin-left:16px}}.is-head-middle-logo .gh-head-inner{grid-template-columns:1fr auto 1fr}.is-head-middle-logo .gh-head-brand{grid-column-start:2}.is-head-middle-logo .gh-head-actions{gap:28px}@media (min-width:992px){.is-head-middle-logo .gh-head-menu{margin-right:64px}}.is-head-stacked .gh-head{position:relative;height:auto}.is-head-stacked .gh-head-inner{grid-template-columns:1fr auto 1fr}.is-head-stacked .gh-head-brand{display:flex;grid-row-start:1;grid-column-start:2;min-height:80px}@media (max-width:767px){.is-head-stacked .gh-head-brand{min-height:unset}}@media (min-width:992px){.is-head-stacked .gh-head-inner{padding:0}.is-head-stacked .gh-head-brand{display:flex;align-items:center;height:80px}.is-head-stacked .gh-head-menu{grid-row-start:2;grid-column:1/4;justify-content:center;height:56px;margin:0 48px}.is-head-stacked .gh-head-menu:after,.is-head-stacked .gh-head-menu:before{position:absolute;top:80px;left:0;width:100%;height:1px;content:"";background-color:var(--color-light-gray)}.is-head-stacked .gh-head-menu:after{top:136px}.is-head-stacked .gh-head-actions{grid-row-start:1;grid-column:1/4;justify-content:space-between}}.is-head-transparent .gh-head{position:absolute;right:0;left:0;z-index:90;background-color:transparent}.is-head-transparent .gh-head .nav>li a,.is-head-transparent .gh-head-description,.is-head-transparent .gh-head-link,.is-head-transparent .gh-head-logo,.is-head-transparent .gh-head-logo a,.is-head-transparent .gh-search,.is-head-transparent .gh-social,.is-head-transparent .nav-more-toggle{color:var(--color-white)}.is-head-transparent .gh-burger:after,.is-head-transparent .gh-burger:before{background-color:var(--color-white)}.is-head-transparent .gh-head-btn{color:#15171a;background-color:#fff}.is-head-transparent .gh-head-menu:after,.is-head-transparent .gh-head-menu:before{background-color:hsla(0,0%,100%,.2)}.is-head-dark:not(.is-head-transparent) .gh-head{background-color:var(--color-darker-gray)}.is-head-dark:not(.is-head-transparent) .gh-head .nav a,.is-head-dark:not(.is-head-transparent) .gh-head-description,.is-head-dark:not(.is-head-transparent) .gh-head-link,.is-head-dark:not(.is-head-transparent) .gh-head-logo,.is-head-dark:not(.is-head-transparent) .gh-head-logo a,.is-head-dark:not(.is-head-transparent) .gh-search,.is-head-dark:not(.is-head-transparent) .gh-social,.is-head-dark:not(.is-head-transparent) .nav-more-toggle{color:var(--color-white)}.is-head-dark:not(.is-head-transparent) .gh-burger:after,.is-head-dark:not(.is-head-transparent) .gh-burger:before{background-color:var(--color-white)}.is-head-dark:not(.is-head-transparent) .gh-head-btn{color:#15171a;background-color:#fff}.is-head-dark:not(.is-head-transparent) .gh-head-menu:after,.is-head-dark:not(.is-head-transparent) .gh-head-menu:before{background-color:hsla(0,0%,100%,.2)}.is-head-brand:not(.is-head-transparent) .gh-head{background-color:var(--ghost-accent-color)}.is-head-brand:not(.is-head-transparent) .gh-head .nav a,.is-head-brand:not(.is-head-transparent) .gh-head-description,.is-head-brand:not(.is-head-transparent) .gh-head-link,.is-head-brand:not(.is-head-transparent) .gh-head-logo,.is-head-brand:not(.is-head-transparent) .gh-head-logo a,.is-head-brand:not(.is-head-transparent) .gh-search,.is-head-brand:not(.is-head-transparent) .gh-social,.is-head-brand:not(.is-head-transparent) .nav-more-toggle{color:var(--color-white)}.is-head-brand:not(.is-head-transparent) .gh-burger:after,.is-head-brand:not(.is-head-transparent) .gh-burger:before{background-color:var(--color-white)}.is-head-brand:not(.is-head-transparent) .gh-head-btn{color:#15171a;background-color:#fff}.is-head-brand:not(.is-head-transparent) .gh-head-menu:after,.is-head-brand:not(.is-head-transparent) .gh-head-menu:before{background-color:hsla(0,0%,100%,.3)}.gh-dropdown{position:absolute;top:100%;right:-16px;z-index:90;width:200px;padding:12px 0;margin-top:24px;text-align:left;visibility:hidden;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 7px 20px -5px rgba(0,0,0,.15);opacity:0;transition:opacity .3s,transform .2s;transform:translate3d(0,6px,0)}.is-head-middle-logo .gh-dropdown{right:auto;left:-24px}.is-dropdown-mega .gh-dropdown{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;-moz-column-gap:40px;column-gap:40px;width:auto;padding:20px 32px}.is-dropdown-open .gh-dropdown{visibility:visible;opacity:1;transform:translateY(0)}.gh-dropdown li a{display:block;padding:6px 20px;color:#15171a!important}.is-dropdown-mega .gh-dropdown li a{padding:8px 0}.gh-burger{position:relative;display:none;width:30px;height:30px;padding:0;margin-right:-3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:transparent;border:0}.gh-burger:after,.gh-burger:before{position:absolute;left:3px;width:24px;height:1px;content:"";background-color:var(--color-darker-gray);transition:all .2s cubic-bezier(.04,.04,.12,.96) .1008s}.gh-burger:before{top:11px}.gh-burger:after{bottom:11px}.is-head-open .gh-burger:before{top:15px;transform:rotate(45deg)}.is-head-open .gh-burger:after{bottom:14px;transform:rotate(-45deg)}@media (max-width:767px){#gh-head{height:64px}#gh-head .gh-head-inner{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:48px}#gh-head .gh-head-brand{display:grid;grid-template-columns:1fr auto auto;grid-column-start:1;align-items:center;height:64px}#gh-head .gh-head-logo{font-size:2.2rem}.gh-burger{display:block}#gh-head .gh-head-actions,#gh-head .gh-head-menu{position:fixed;justify-content:center;visibility:hidden;opacity:0}#gh-head .gh-head-menu{transition:none;transform:translateY(0)}#gh-head .nav{gap:20px;align-items:center;line-height:1.4}#gh-head .nav a{font-size:2.6rem;font-weight:600;text-transform:none}#gh-head .nav li{opacity:0;transform:translateY(-4px)}#gh-head .gh-head-actions{text-align:center}#gh-head :is(.gh-head-btn,.gh-head-link){opacity:0;transform:translateY(8px)}#gh-head .gh-head-btn{width:100%;font-size:1.8rem;text-transform:none}#gh-head .gh-head-btn:not(.gh-btn){font-size:2rem}#gh-main{transition:opacity .4s}.is-head-open #gh-head{position:fixed;inset:0;z-index:3999999;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.is-head-open:not(.is-head-brand):not(.is-head-dark):not(.is-head-transparent) #gh-head{background-color:var(--color-white)}.is-head-open.is-head-transparent #gh-head,.is-head-open:is(.is-head-transparent,.is-head-brand) #gh-head .gh-head-actions{background-color:var(--ghost-accent-color)}.is-head-open.is-head-dark #gh-head,.is-head-open.is-head-dark #gh-head .gh-head-actions{background-color:var(--color-darker-gray)}.is-head-open #gh-head .gh-head-actions,.is-head-open #gh-head .gh-head-menu{position:static;visibility:visible;opacity:1}.is-head-open #gh-head .nav{display:flex;flex-direction:column}.is-head-open #gh-head .nav li{opacity:1;transition:transform .2s,opacity .2s;transform:translateY(0)}.is-head-open #gh-head .gh-head-actions{position:sticky;right:0;bottom:0;left:0;display:inline-flex;flex-direction:column;gap:12px;align-items:center;padding:var(--gap) 0 calc(var(--gap) + 8px);background-color:var(--color-white)}.is-head-open #gh-head :is(.gh-head-btn,.gh-head-link){opacity:1;transition:transform .4s,opacity .4s;transition-delay:.2s;transform:translateY(0)}.is-head-open #gh-head .gh-head-link{transition-delay:.4s}.is-head-open #gh-main{opacity:0}}.gh-cover{position:relative;min-height:var(--cover-height,50vh);padding-top:6.4rem;padding-bottom:6.4rem}.gh-cover-image{position:absolute;inset:0;z-index:-1;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-cover-title{font-family:var(--gh-font-heading,var(--font-serif))}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-cover-description{font-family:var(--gh-font-body,var(--font-serif))}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-card-title{font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-card-excerpt{font-family:var(--gh-font-body,var(--font-serif))}.gh-card{word-break:break-word}.page-template .gh-article-header{margin-top:var(--header-spacing,80px)}.gh-article-tag{color:var(--ghost-accent-color)}.gh-article-title{word-break:break-word}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-article-title{font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em}.gh-article-excerpt{margin-top:2rem;font-size:2.1rem;line-height:1.5;color:var(--color-secondary-text)}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-article-excerpt{font-family:var(--gh-font-body,var(--font-serif))}.gh-article-image{grid-column:wide-start/wide-end;margin-top:4rem}.gh-article-image img{width:100%}@media (max-width:767px){.gh-article-excerpt{font-size:1.9rem}.gh-article-image{margin-top:2.4rem}}.gh-meta-share{display:flex;align-items:center;justify-content:space-between}.gh-button-share{display:inline-flex;align-items:center;gap:6px;padding:.5em 1.2em;font-size:1.5rem;font-weight:600;border:1px solid rgba(0,0,0,.15);border-radius:999px;color:rgba(0,0,0,.85);background:transparent;cursor:pointer;transition:all .4s ease;white-space:nowrap;text-decoration:none}.gh-button-share:hover{border-color:rgba(0,0,0,.5);opacity:1}.gh-button-share svg{width:20px;height:20px;margin-top:-2px;margin-right:-4px}:is(.dark-mode,.theme-dark,.has-light-text) .gh-button-share{color:hsla(0,0%,100%,.85);border-color:hsla(0,0%,100%,.15)}:is(.dark-mode,.theme-dark,.has-light-text) .gh-button-share:hover{border-color:hsla(0,0%,100%,.5)}.gh-content{margin-top:4rem;font-size:var(--content-font-size,1.8rem);letter-spacing:var(--content-letter-spacing,0);word-break:break-word}.gh-content>*+*{margin-top:calc(1.6em*var(--content-spacing-multiplier, 1));margin-bottom:0}.gh-content>[id]{margin:0}.gh-content>.kg-card+[id]{margin-top:calc(2em*var(--content-spacing-multiplier, 1))!important}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-content>[id]{font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em}.gh-content>[id]:not(:first-child){margin-top:calc(1.6em*var(--content-spacing-multiplier, 1))}.gh-content>[id]+*{margin-top:calc(.8em*var(--content-spacing-multiplier, 1))}.gh-content>blockquote,.gh-content>hr{position:relative}.gh-content>blockquote,.gh-content>blockquote+*,.gh-content>hr,.gh-content>hr+*{margin-top:calc(2.4em*var(--content-spacing-multiplier, 1))}.gh-content h2{font-size:1.6em}.gh-content h3{font-size:1.4em}.gh-content a{color:var(--ghost-accent-color);text-decoration:underline;word-break:break-word}.gh-content .kg-callout-card .kg-callout-text,.gh-content .kg-toggle-card .kg-toggle-content>ol,.gh-content .kg-toggle-card .kg-toggle-content>p,.gh-content .kg-toggle-card .kg-toggle-content>ul{font-size:.95em}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-callout-text,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-toggle-content>ol,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-toggle-content>p,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content .kg-toggle-content>ul,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>blockquote,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>dl,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>ol,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>p,.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .gh-content>ul{font-family:var(--gh-font-body,var(--font-serif))}.gh-content dl,.gh-content ol,.gh-content ul{padding-left:2.8rem}.gh-content :is(li+li,li :is(ul,ol)){margin-top:.8rem}.gh-content ol ol li{list-style-type:lower-alpha}.gh-content ol ol ol li{list-style-type:lower-roman}.gh-content table:not(.gist table){display:inline-block;width:auto;max-width:100%;overflow-x:auto;font-family:var(--font-sans);font-size:1.6rem;white-space:nowrap;vertical-align:top;border-spacing:0;border-collapse:collapse;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100%;background-repeat:no-repeat;background-attachment:scroll,scroll;background-size:10px 100%,10px 100%}.gh-content table:not(.gist table) td:first-child{background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:20px 100%}.gh-content table:not(.gist table) td:last-child{background-image:linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-position:100% 0;background-size:20px 100%}.gh-content table:not(.gist table) th{font-size:1.2rem;font-weight:700;color:var(--color-darkgrey);text-align:left;text-transform:uppercase;letter-spacing:.2px;background-color:var(--color-white)}.gh-content table:not(.gist table) td,.gh-content table:not(.gist table) th{padding:6px 12px;border:1px solid var(--color-light-gray)}.page-template .gh-content:only-child{margin-top:0!important}.page-template .gh-content:only-child>:first-child:not(.kg-width-full){margin-top:var(--header-spacing,80px)}.page-template .gh-content>:last-child:not(.kg-width-full){margin-bottom:var(--footer-spacing,0)}@media (max-width:767px){.gh-content{margin-top:3.2rem;font-size:1.7rem}}.gh-comments{margin-top:64px;margin-bottom:-24px}.gh-comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.gh-comments .gh-comments-title{margin-bottom:28px}.gh-comments-header .gh-comments-title{margin-bottom:0}.gh-comments-count{color:var(--color-secondary-text)}.gh-cta-gradient{position:relative;grid-column:full-start/full-end;height:160px;margin-top:-16rem;margin-bottom:4rem;content:"";background:linear-gradient(180deg,hsla(0,0%,100%,0),var(--color-white))}.gh-cta-gradient:first-child{display:none}.gh-cta{display:flex;flex-direction:column;margin-bottom:4rem;text-align:center}.gh-cta-title{margin-bottom:3.2rem;font-size:2.2rem;letter-spacing:-.02em}.gh-cta-actions{display:flex;flex-direction:column;align-items:center}.gh-cta-link{margin-top:.8rem;font-size:1.4rem;color:var(--color-secondary-text);text-decoration:none;cursor:pointer}.gh-cta-link:hover{color:var(--color-darker-gray)}@media (max-width:767px){.gh-cta-actions{-moz-column-gap:.8rem;column-gap:.8rem}}.gh-content :not(.kg-card):not(table):not([id])+:is(.kg-card,table){margin-top:calc(2em*var(--content-spacing-multiplier, 1))}.gh-content :is(.kg-card,table)+:not(.kg-card):not(table):not([id]){margin-top:calc(2em*var(--content-spacing-multiplier, 1))}.gh-content>.kg-width-full+.kg-width-full:not(.kg-width-full.kg-card-hascaption+.kg-width-full){margin-top:0}.kg-image{margin-right:auto;margin-left:auto}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-gallery-image,.kg-image[width][height]{cursor:pointer}.kg-gallery-image a:hover,.kg-image-card a:hover{opacity:1!important}.kg-card.kg-toggle-card .kg-toggle-heading-text{font-size:2rem;font-weight:700}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .kg-toggle-card .kg-toggle-heading-text{font-family:var(--gh-font-heading,var(--font-serif))}.kg-callout-card.kg-card{border-radius:.25em}.kg-callout-card-accent a{text-decoration:underline}blockquote.kg-blockquote-alt{font-style:normal;font-weight:400;color:var(--color-secondary-text)}.kg-card.kg-button-card .kg-btn{font-size:1em}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .kg-card.kg-header-card h2.kg-header-card-header{font-family:var(--gh-font-heading,var(--font-serif))}.has-serif-body:not([class*=" gh-font-body"]):not([class^=gh-font-body]) .kg-header-card h3.kg-header-card-subheader{font-family:var(--gh-font-body,var(--font-serif))}.kg-audio-card,.kg-bookmark-card a.kg-bookmark-container,.kg-bookmark-card a.kg-bookmark-container:hover,.kg-file-card-container,.kg-file-card-container:hover,.kg-product-card-container{background:var(--background-color,#fff)!important;color:var(--color-darker-gray,#222)!important;opacity:1}.kg-bookmark-card .kg-bookmark-container{border-radius:.25em!important}.kg-bookmark-card .kg-bookmark-content{padding:1.15em}.kg-bookmark-card .kg-bookmark-title{font-size:.9em}.kg-bookmark-card .kg-bookmark-description{max-height:none;margin-top:.3em;font-size:.8em}.kg-bookmark-card .kg-bookmark-metadata{font-size:.8em}.kg-bookmark-card .kg-bookmark-thumbnail img{border-radius:0 .2em .2em 0}.has-light-text .kg-audio-card button{color:#fff}.has-light-text .kg-audio-card .kg-audio-volume-slider{color:hsla(0,0%,100%,.3)}.pagination{display:grid;grid-template-columns:1fr auto 1fr;margin-top:6.4rem}.page-number{grid-column-start:2}.older-posts{text-align:right}.gh-navigation{display:grid;grid-template-columns:1fr auto 1fr;-moz-column-gap:2.4rem;column-gap:2.4rem;align-items:center}.gh-navigation>div{display:flex;align-items:center}.gh-navigation-next{justify-content:flex-end}.gh-navigation-link{display:inline-flex;align-items:center}.gh-navigation-link svg{width:16px;height:16px}.gh-navigation-previous svg{margin-right:.4rem}.gh-navigation-next svg{margin-left:.4rem}.gh-navigation-mobile-only{display:none}.gh-navigation-desktop-only{display:inline}@media (max-width:767px){.gh-navigation-desktop-only,.gh-navigation-hide{display:none}.gh-navigation-mobile-only{display:inline}}.gh-btn{display:inline-flex;gap:.4em;align-items:center;justify-content:center;padding:calc(.75em*var(--multiplier, 1)) calc(1.15em*var(--multiplier, 1));font-size:1.6rem;font-weight:700;line-height:1;color:var(--color-white);letter-spacing:inherit;cursor:pointer;background-color:var(--color-darker-gray);border:0;border-radius:100px}.gh-btn:hover{opacity:.95}.gh-post-upgrade-cta .gh-btn{line-height:inherit}.gh-primary-btn{background-color:var(--ghost-accent-color)}.gh-outline-btn{color:var(--color-darker-gray);text-decoration:none;background-color:transparent;border:1px solid var(--color-light-gray)}.gh-outline-btn:hover{border-color:var(--color-mid-gray);opacity:1}.gh-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--darker-gray-color);cursor:pointer;background-color:transparent;border:0;outline:none}.gh-icon-btn svg{width:20px;height:20px}.gh-text-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;color:var(--darker-gray-color);letter-spacing:inherit;cursor:pointer;background-color:transparent;border:0;outline:none;will-change:opacity}.gh-text-btn:hover{opacity:.8}.gh-foot{padding-top:8rem;padding-bottom:8rem;color:var(--color-secondary-text);white-space:nowrap}.gh-foot-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;font-size:1.3rem}.no-menu .gh-foot-inner{gap:24px}.gh-foot-center,.no-menu .gh-foot-inner{display:flex;flex-direction:column;align-items:center}.gh-foot-center{gap:20px}.gh-social-links{display:flex;gap:16px}.gh-social-links a{display:inline-flex}.gh-social-links svg{width:16px;height:16px}.gh-foot-menu .nav{display:inline-flex;flex-wrap:wrap;row-gap:4px;align-items:center;justify-content:center;padding:0;margin:0;list-style:none}.gh-foot-menu .nav li{display:flex;align-items:center}.gh-foot-menu .nav li+li:before{padding:0 1.2rem;font-size:.9rem;line-height:0;content:"•"}.gh-powered-by{text-align:right}.gh-foot a{color:var(--color-secondary-text)}.gh-foot a:hover{color:var(--color-darker-gray);opacity:1}@media (max-width:767px){.gh-foot{padding-top:6.4rem;padding-bottom:12rem}.gh-foot-inner{grid-template-columns:1fr;text-align:center}.gh-foot-menu .nav{flex-direction:column}.gh-foot-menu .nav li+li{margin-top:.4rem}.gh-foot-menu .nav li+li:before{display:none}.gh-powered-by{text-align:center}}.pswp{position:absolute;top:0;left:0;z-index:3999999;display:none;width:100%;height:100%;overflow:hidden;touch-action:none;outline:none;backface-visibility:hidden;-webkit-text-size-adjust:100%}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;transition:opacity 333ms cubic-bezier(.4,0,.22,1);will-change:opacity}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:grab}.pswp--dragging .pswp__img{cursor:grabbing}.pswp__bg{background-color:rgba(0,0,0,.85);opacity:0;transition:opacity 333ms cubic-bezier(.4,0,.22,1);transform:translateZ(0);backface-visibility:hidden;will-change:opacity}.pswp__bg,.pswp__scroll-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.pswp__scroll-wrap{overflow:hidden}.pswp__container,.pswp__zoom-wrap{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;backface-visibility:hidden}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;transition:transform 333ms cubic-bezier(.4,0,.22,1);transform-origin:left top}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{transition:none}.pswp__item{right:0;bottom:0;overflow:hidden}.pswp__img,.pswp__item{position:absolute;top:0;left:0}.pswp__img{width:auto;height:auto}.pswp__img--placeholder{backface-visibility:hidden}.pswp__img--placeholder--blank{background:var(--color-black)}.pswp--ie .pswp__img{top:0;left:0;width:100%!important;height:auto!important}.pswp__error-msg{position:absolute;top:50%;left:0;width:100%;margin-top:-8px;font-size:14px;line-height:16px;color:var(--color-secondary-text);text-align:center}.pswp__error-msg a{color:var(--color-secondary-text);text-decoration:underline}.pswp__button{position:relative;display:block;float:right;width:44px;height:44px;padding:0;margin:0;overflow:visible;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:none;border:0;box-shadow:none;transition:opacity .2s}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:none;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{width:44px;height:44px;background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px}@media (min-resolution:1.1dppx),(min-resolution:105dpi){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../images/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:none}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{position:absolute;top:50%;width:70px;height:100px;margin-top:-50px;background:none}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{position:absolute;top:35px;width:32px;height:30px;content:""}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter{position:absolute;top:0;left:0;height:44px;padding:0 15px;font-size:11px;font-weight:700;line-height:44px;color:var(--color-white);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pswp__caption{position:absolute;bottom:0;left:0;width:100%;min-height:44px}.pswp__caption__center{max-width:420px;padding:25px 15px 30px;margin:0 auto;font-size:11px;line-height:1.6;color:var(--color-white);text-align:center}.pswp__caption__center .post-caption-title{margin-bottom:7px;font-size:15px;font-weight:500;text-transform:uppercase}.pswp__caption__center .post-caption-meta-item+.post-caption-meta-item:before{padding:0 4px;content:"\02022"}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{position:absolute;top:0;left:50%;width:44px;height:44px;margin-left:-22px;opacity:0;transition:opacity .25s ease-out;direction:ltr;will-change:opacity}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{position:absolute;top:15px;left:15px;width:14px;height:14px;margin:0;background:none;opacity:.75}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{position:absolute;top:0;left:0;box-sizing:border-box;width:14px;height:14px;margin:0;background:none;border-right:2px solid var(--color-white);border-top:2px solid var(--color-white);border-bottom:2px solid transparent;border-left:2px solid transparent;border-radius:50%}@media screen and (max-width:1024px){.pswp__preloader{position:relative;top:auto;left:auto;float:right;margin:0}}@keyframes clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes donut-rotate{0%{transform:rotate(0)}50%{transform:rotate(-140deg)}to{transform:rotate(0)}}.pswp__ui{z-index:1550;visibility:visible;opacity:1;-webkit-font-smoothing:auto}.pswp__top-bar{position:absolute;top:0;left:0;width:100%;height:44px}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{backface-visibility:hidden;transition:opacity 333ms cubic-bezier(.4,0,.22,1);will-change:opacity}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:none}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local(""),url(../fonts/inter-v12-latin-regular.woff2) format("woff2"),url(../fonts/inter-v12-latin-regular.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;src:local(""),url(../fonts/inter-v12-latin-500.woff2) format("woff2"),url(../fonts/inter-v12-latin-500.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local(""),url(../fonts/inter-v12-latin-600.woff2) format("woff2"),url(../fonts/inter-v12-latin-600.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:local(""),url(../fonts/inter-v12-latin-700.woff2) format("woff2"),url(../fonts/inter-v12-latin-700.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:400;src:local(""),url(../fonts/lora-v25-latin-regular.woff2) format("woff2"),url(../fonts/lora-v25-latin-regular.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:500;src:local(""),url(../fonts/lora-v25-latin-500.woff2) format("woff2"),url(../fonts/lora-v25-latin-500.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:600;src:local(""),url(../fonts/lora-v25-latin-600.woff2) format("woff2"),url(../fonts/lora-v25-latin-600.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-weight:700;src:local(""),url(../fonts/lora-v25-latin-700.woff2) format("woff2"),url(../fonts/lora-v25-latin-700.woff) format("woff")}@font-face{font-family:Lora;font-style:italic;font-weight:400;src:local(""),url(../fonts/lora-v25-latin-italic.woff2) format("woff2"),url(../fonts/lora-v25-latin-italic.woff) format("woff")}@font-face{font-family:Lora;font-style:italic;font-weight:700;src:local(""),url(../fonts/lora-v25-latin-700italic.woff2) format("woff2"),url(../fonts/lora-v25-latin-700italic.woff) format("woff")}:root{--font-sans:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;--font-serif:Lora,Times,serif;--color-primary-text:var(--color-black);--color-darker-gray:var(--color-black);--head-nav-gap:3.2rem}.author-template .gh-main,.tag-template .gh-main{padding-top:8vmin}.gh-head-actions,.gh-head-menu{font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.01em}.gh-latest{margin-top:4rem;margin-bottom:12rem}.gh-latest .gh-card-meta{margin-top:2.4rem}.gh-wrapper{display:grid;grid-template-columns:4fr 2fr;-moz-column-gap:2.4rem;column-gap:2.4rem}.gh-wrapper>.gh-section{max-width:720px}.gh-section-title{display:flex;align-items:center;margin-bottom:2.4rem;font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.01em}.gh-section-title:after{flex-grow:1;height:1px;margin-left:1.6rem;content:"";background-color:var(--color-light-gray)}.gh-card+.gh-card{margin-top:8rem}.gh-card-link{display:block}.gh-card-link:hover{opacity:1}.gh-card-title{font-size:3.4rem;font-weight:600;word-break:break-word}.gh-card-link:hover .gh-card-title{opacity:.8}.gh-card-excerpt{margin-top:1.2rem;font-size:1.8rem;line-height:1.5;letter-spacing:-.01em;word-break:break-word}.gh-card-meta{display:inline-flex;gap:6px;align-items:center;margin-top:2rem;font-size:1.2rem;font-weight:500;line-height:1;color:var(--color-secondary-text);text-transform:uppercase}.gh-card-date{color:var(--ghost-accent-color)}.gh-card-meta svg{position:relative;top:-1px;margin-left:.6rem}.gh-card-meta>*{display:flex;gap:6px;align-items:center}.gh-card-meta>*+:not(script):before{width:2px;height:2px;content:"";background-color:var(--color-secondary-text);border-radius:50%}.gh-loadmore{width:100%;padding-top:1.4rem;padding-bottom:1.4rem;margin-top:8rem;font-weight:600;color:var(--color-darker-gray);letter-spacing:-.02em;background-color:transparent;border:1px solid var(--color-light-gray)}.gh-loadmore:hover{border-color:var(--color-mid-gray)}.gh-sidebar{position:sticky;top:4.8rem;height:-moz-max-content;height:max-content;padding-left:4rem;font-size:1.4rem}.gh-sidebar .gh-section+.gh-section{margin-top:8rem}.gh-about{display:flex}.gh-about-icon{width:64px;height:64px;margin-right:2rem}.gh-about-wrapper{display:flex;flex-direction:column;justify-content:center}.gh-about-title{font-size:2.1rem;font-weight:600;letter-spacing:-.02em}.gh-about-description{margin-top:.4rem;line-height:1.55}.gh-signup{margin-top:2.8rem}.gh-signup-description{line-height:1.55}.gh-signup .gh-subscribe-input{height:48px;padding-left:1.2rem;margin-top:1.6rem;margin-bottom:0;font-size:1.5rem}.gh-signup-btn{margin-top:1.6rem}.gh-featured .gh-card+.gh-card{margin-top:2.8rem}.gh-featured .gh-card-title{font-size:1.9rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}.gh-featured .gh-card-excerpt{margin-top:.8rem;font-family:var(--font-sans);font-size:inherit;line-height:1.55;color:var(--color-secondary-text);letter-spacing:0}.gh-featured .gh-card-meta{margin-top:1.6rem}.gh-topic-item{display:flex;align-items:center;justify-content:space-between}.gh-topic-item+.gh-topic-item{margin-top:1.6rem}.gh-topic-name{font-size:1.7rem;font-weight:600;letter-spacing:0}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-topic-name{font-family:var(--gh-font-heading,var(--font-serif))}.gh-topic-count{padding:.4rem .8rem;font-size:1.3rem;line-height:1;border:1px solid var(--color-light-gray);border-radius:32px}.gh-recommendations .recommendations{display:flex;flex-direction:column;gap:26px;padding:0;margin:0;list-style-type:none}.gh-recommendations .recommendation:first-child{margin-top:4px}.gh-recommendations .recommendation a{display:grid;grid-template-columns:24px auto;gap:4px 12px}.gh-recommendations .recommendation a:hover{opacity:1}.gh-recommendations .recommendation-favicon{grid-row:span 2;width:100%;border-radius:4px}.gh-recommendations .recommendation-title{margin-top:-2px;font-size:1.5rem;font-weight:600;letter-spacing:-.009em}.gh-recommendations .recommendation a:hover .recommendation-title{opacity:.8}.gh-recommendations .recommendation-url{order:1;overflow:hidden;font-size:1.4rem;line-height:1.25;color:var(--color-secondary-text);text-overflow:ellipsis}.gh-recommendations .recommendation-description{display:-webkit-box;display:none;grid-column:2;overflow-y:hidden;font-size:1.4rem;line-height:1.4;color:var(--color-secondary-text);-webkit-line-clamp:2;-webkit-box-orient:vertical}.gh-recommendations button{display:inline-flex;gap:2px;align-items:center;padding:0;margin-top:24px;font-size:1.2rem;font-weight:550;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;background-color:transparent;border:0}.gh-recommendations button svg{width:12px;margin-top:-1px}.gh-recommendations button:hover{opacity:.8}.gh-subscribe{padding:7.2rem 0;margin:12rem 0 8rem;background-color:var(--ghost-accent-color)}.gh-subscribe-inner{max-width:520px;margin:0 auto;text-align:center}.gh-subscribe-title{font-size:3.6rem;font-weight:700;color:#fff}.has-serif-title:not([class*=" gh-font-heading"]):not([class^=gh-font-heading]) .gh-subscribe-title{font-family:var(--gh-font-heading,var(--font-serif));letter-spacing:-.01em}.gh-subscribe-description{margin-top:2rem;font-size:1.9rem;line-height:1.4;color:#fff}.gh-subscribe-input{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:440px;height:56px;padding:0 1.6rem;margin:4.8rem auto .8rem;font-size:1.6rem;color:var(--color-secondary-text);background-color:var(--color-white);border:1px solid var(--color-light-gray);border-radius:6px}.gh-subscribe .gh-subscribe-input{border:0}.gh-subscribe-input:hover{border-color:var(--color-mid-gray);opacity:1}.gh-subscribe-input-text{display:flex;align-items:center}.gh-subscribe-input svg{position:relative;top:1px;margin-right:.8rem}.gh-subscribe-input-btn{font-size:1.2rem;font-weight:600;color:var(--ghost-accent-color);text-transform:uppercase;letter-spacing:.01em}.gh-subscribe-btn{margin-top:3.2rem;color:var(--ghost-accent-color);background-color:#fff}.gh-article:not(.no-image) .gh-article-header>*{grid-column:wide-start/wide-end}.gh-article-meta{margin-bottom:1.8rem;font-size:1.2rem;font-weight:500;line-height:1.5;color:rgba(23,32,51,.66);text-transform:uppercase}.gh-article-meta a{font-weight:600}.gh-article-title{font-size:7.4rem;font-weight:600;line-height:1}.gh-article-excerpt{max-width:920px;margin-top:1.6rem;font-size:2.8rem;line-height:1.35;color:var(--color-darker-gray)}.gh-article-footer{padding-top:3.2rem;margin-top:8rem;border-top:1px solid var(--color-light-gray)}.gh-article-footer.no-border{margin-top:24px;border-top:0}.gh-navigation{grid-column:wide-start/wide-end}.gh-navigation>div{align-items:flex-start;height:100%}.gh-navigation-middle{padding-top:4px}.gh-navigation-link{flex-direction:column;align-items:flex-start}.gh-navigation-next .gh-navigation-link{align-items:flex-end;text-align:right}.gh-navigation-previous svg{margin-left:-2px}.gh-navigation-next svg{margin-right:-2px}.gh-navigation-label{display:flex;align-items:center;font-size:1.7rem;font-weight:700;line-height:1.8;text-transform:uppercase;letter-spacing:.01em}.gh-navigation-title{margin-top:.8rem;font-size:1.6rem;font-weight:400;letter-spacing:0;word-break:break-word}.gh-pagehead{position:sticky;top:4vmin;grid-column:wide-start/main-start;max-width:200px;height:-moz-max-content;height:max-content;padding-top:.8rem;font-size:1.4rem;line-height:1}.gh-pagehead-title{font-size:2.1rem;font-weight:600;letter-spacing:-.02em}.gh-pagehead-description{margin-top:.8rem;line-height:1.45;color:var(--color-secondary-text)}.gh-tag-label{margin-bottom:1.2rem;font-size:1.2rem;font-weight:500;color:var(--ghost-accent-color);text-transform:uppercase}.gh-tag-description{margin-top:1.6rem}.gh-author-image{width:80px;height:80px;margin-bottom:2.4rem;border-radius:50%}.gh-author-meta{display:flex;flex-direction:column;margin-top:2rem}.gh-author-location{margin-left:-4px;color:var(--color-darker-gray)}.gh-author-website{margin-top:1.2rem}.gh-author-social{display:flex;gap:.8rem;margin-top:2.4rem}@media (max-width:767px){.gh-latest{margin-bottom:8rem}.gh-wrapper{grid-template-columns:1fr}.gh-card+.gh-card,.gh-loadmore{margin-top:6.4rem}.gh-sidebar{padding-left:0;margin-top:8rem}.gh-article-title{font-size:4.2rem}.gh-article-excerpt{font-size:2.2rem}.gh-navigation{grid-template-columns:1fr;row-gap:3.2rem}.gh-navigation-link,.gh-navigation-next .gh-navigation-link,.gh-navigation>div{align-items:center;text-align:center;justify-content:center}.gh-navigation-middle{order:-1;padding-top:0}.gh-subscribe{padding:5.6rem 0;margin-top:8rem}.gh-pagehead{margin-bottom:4.8rem}}@media (min-width:768px) and (max-width:991px){.gh-sidebar{padding-left:1.6rem}.gh-pagehead{margin-bottom:8rem}.gh-author-meta{flex-direction:row;align-items:center}.gh-author-social,.gh-author-website{margin-top:0;margin-left:1.6rem}}@media (max-width:991px){.gh-latest{margin-top:0}.gh-pagehead{position:static;grid-column:main-start/main-end;max-width:480px;padding-top:0}}@supports (-moz-appearance:none){.gh-topic-count{padding-bottom:.5rem}.gh-subscribe-input-btn{position:relative;top:1px}}/*# sourceMappingURL=screen.css.map */

/* Field Notes homepage polaroid feature image */
.gh-latest .gh-card-link {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
    gap: clamp(2.4rem, 5vw, 6.4rem);
    align-items: center;
}

.gh-latest .gh-card-header,
.gh-latest .gh-article-excerpt,
.gh-latest .gh-card-meta {
    grid-column: 1;
}

.gh-latest-polaroid {
    position: relative;
    grid-row: 1 / span 3;
    grid-column: 2;
    width: min(100%, 360px);
    padding: 1.2rem 1.2rem 4.2rem;
    margin: 0 auto;
    overflow: visible;
    transform: rotate(2.5deg);
    background: var(--color-white);
    border: 1px solid rgba(23, 32, 51, 0.12);
    box-shadow: 0 18px 34px rgba(23, 32, 51, 0.14), 0 2px 4px rgba(23, 32, 51, 0.08);
}

.gh-latest-polaroid::before {
    position: absolute;
    inset: 0.8rem;
    z-index: -1;
    content: "";
    transform: rotate(-4deg) translate(-0.4rem, 0.7rem);
    background-image: repeating-linear-gradient(0deg, rgba(23, 32, 51, 0.08) 0, rgba(23, 32, 51, 0.08) 1px, transparent 1px, transparent 2.7rem);
    opacity: 0.24;
}

.gh-latest-polaroid img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: var(--color-light-gray);
    border: 1px solid rgba(23, 32, 51, 0.08);
}

.gh-latest-polaroid figcaption {
    position: absolute;
    right: 1.4rem;
    bottom: 1.2rem;
    left: 1.4rem;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: 600;
    color: rgba(23, 32, 51, 0.6);
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 0.06em;
}

.gh-latest-polaroid-tape {
    position: absolute;
    top: -1.4rem;
    left: 50%;
    z-index: 2;
    width: 9.6rem;
    height: 2.8rem;
    transform: translateX(-50%) rotate(-5deg);
    background: rgba(235, 218, 174, 0.72);
    border: 1px solid rgba(153, 126, 64, 0.18);
    box-shadow: 0 2px 6px rgba(23, 32, 51, 0.08);
    mix-blend-mode: multiply;
}

.gh-latest-polaroid-tape::before,
.gh-latest-polaroid-tape::after {
    position: absolute;
    top: 0;
    width: 1.2rem;
    height: 100%;
    content: "";
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.75) 1px, transparent 1.5px);
    background-size: 6px 6px;
}

.gh-latest-polaroid-tape::before {
    left: 0.4rem;
}

.gh-latest-polaroid-tape::after {
    right: 0.4rem;
}


@media (max-width: 767px) {
    .gh-latest {
        margin-bottom: 8rem;
    }

    .gh-latest .gh-card-link {
        display: block;
    }

    .gh-latest-polaroid {
        width: min(88%, 320px);
        margin: 3.2rem auto 2.8rem;
        transform: rotate(1.5deg);
    }

}



/* Field Notes homepage hero tighter copy stack */
.gh-latest-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gh-latest-copy .gh-article-excerpt {
    margin-top: 1.6rem;
}

.gh-latest-copy .gh-card-meta {
    margin-top: 2rem;
}

.gh-latest-polaroid {
    grid-row: auto;
    grid-column: 2;
}

@media (max-width: 767px) {
    .gh-latest-copy {
        display: flex;
    }
}


/* Field Notes homepage polaroid refinement: no tape, no label, image-forward with small chin */
.gh-latest-polaroid {
    padding: 1.2rem 1.2rem 2.4rem;
}

.gh-latest-polaroid img {
    aspect-ratio: 4 / 3;
}

.gh-latest-polaroid figcaption,
.gh-latest-polaroid-tape {
    display: none !important;
}


/* Field Notes homepage polaroid white frame */
.gh-latest-polaroid {
    background: var(--color-white);
}


/* Field Notes More Issues mini-polaroids */
.gh-wrapper > .gh-section .gh-feed > .gh-card .gh-card-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 3.2rem;
    align-items: center;
}

.gh-wrapper > .gh-section .gh-card-polaroid {
    position: relative;
    width: min(100%, 220px);
    padding: 0.7rem 0.7rem 1.4rem;
    margin: 0 auto;
    transform: rotate(-1.5deg);
    background: var(--color-white);
    border: 1px solid rgba(23, 32, 51, 0.12);
    box-shadow: 0 10px 22px rgba(23, 32, 51, 0.12), 0 1px 3px rgba(23, 32, 51, 0.08);
}

.gh-wrapper > .gh-section .gh-card:nth-child(even) .gh-card-polaroid {
    transform: rotate(1.5deg);
}

.gh-wrapper > .gh-section .gh-card-polaroid img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: var(--color-light-gray);
    border: 1px solid rgba(23, 32, 51, 0.08);
}

.gh-sidebar .gh-card-polaroid {
    display: none;
}

@media (max-width: 767px) {
    .gh-wrapper > .gh-section .gh-feed > .gh-card .gh-card-link {
        display: block;
    }

    .gh-wrapper > .gh-section .gh-card-polaroid {
        width: min(58vw, 180px);
        margin: 2rem 0 0.4rem;
    }
}


/* Field Notes mobile polaroid sizing */
@media (max-width: 767px) {
    .gh-latest-polaroid {
        box-sizing: border-box;
        width: 75%;
        margin: 3.2rem auto 2.8rem;
    }

    .gh-wrapper > .gh-section .gh-card-polaroid {
        box-sizing: border-box;
        width: 60%;
        margin: 2.4rem auto 0.4rem;
    }
}


/* Field Notes More Issues mobile 60% polaroids + sharper image sizing */
@media (max-width: 767px) {
    .gh-wrapper > .gh-section .gh-card-polaroid {
        width: 60%;
    }
}


/* Field Notes tablet hero: avoid cramped headline at 768-991px */
@media (min-width: 768px) and (max-width: 991px) {
    .gh-latest .gh-card-link {
        display: block;
    }

    .gh-latest .gh-article-title {
        max-width: 680px;
        font-size: clamp(5.2rem, 8vw, 6.2rem);
        line-height: 1.04;
    }

    .gh-latest .gh-article-excerpt {
        max-width: 600px;
        font-size: 2.4rem;
        line-height: 1.35;
    }

    .gh-latest-polaroid {
        box-sizing: border-box;
        width: min(62%, 420px);
        margin: 3.6rem auto 2.8rem;
    }
}


/* Field Notes handwritten labels/meta */
:root {
    --font-hand: "Kalam", "Patrick Hand", "Comic Sans MS", "Bradley Hand", cursive;
}

.gh-article-meta,
.gh-card-meta,
.gh-section-title,
.gh-topic-count,
.gh-navigation-label {
    font-family: var(--font-hand);
    font-weight: 400;
    letter-spacing: 0.025em;
}

.gh-section-title,
.gh-article-meta,
.gh-card-meta {
    font-size: 1.55rem;
}

.gh-topic-count {
    font-size: 1.55rem;
}

.gh-card-meta {
    gap: 0.8rem;
}


/* Field Notes handwritten meta contrast */
.gh-card-duration {
    color: rgba(23, 32, 51, 0.66);
}


/* Field Notes cypress green metadata accent */
.gh-card-date,
.gh-tag-label,
.gh-article-meta a {
    color: #2F7D4A;
}


/* Field Notes post feature image polaroid */
.post-template .gh-article-image {
    box-sizing: border-box;
    width: 80%;
    max-width: 960px;
    padding: 1.2rem 1.2rem 2.4rem;
    margin: 5.6rem auto 0;
    overflow: visible;
    transform: rotate(1deg);
    background: var(--color-white);
    border: 1px solid rgba(23, 32, 51, 0.12);
    box-shadow: 0 18px 34px rgba(23, 32, 51, 0.14), 0 2px 4px rgba(23, 32, 51, 0.08);
}

.post-template .gh-article-image img {
    display: block;
    width: 100%;
    height: auto;
    background: var(--color-light-gray);
    border: 1px solid rgba(23, 32, 51, 0.08);
}

.post-template .gh-article-image figcaption {
    margin: 1.2rem 0 -0.8rem;
    font-family: var(--font-hand);
    font-size: 1.45rem;
    line-height: 1.35;
    color: rgba(23, 32, 51, 0.72);
    text-align: center;
}

@media (max-width: 767px) {
    .post-template .gh-article-image {
        width: 88%;
        margin-top: 3.6rem;
        padding: 0.9rem 0.9rem 1.8rem;
        transform: rotate(0.75deg);
    }
}


/* Field Notes post readability: full-width straight feature image + wider content */
.post-template .gh-article-image {
    width: 100%;
    max-width: 1040px;
    transform: none;
}

.post-template .gh-content {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

.post-template .gh-content > * {
    max-width: 820px;
}

.post-template .gh-content > .kg-width-wide {
    max-width: 1040px;
}

.post-template .gh-content > .kg-width-full {
    max-width: none;
}

@media (max-width: 767px) {
    .post-template .gh-article-image {
        width: 100%;
        transform: none;
    }

    .post-template .gh-content,
    .post-template .gh-content > * {
        max-width: 100%;
    }
}


/* Field Notes post content grid width */
@media (min-width: 992px) {
    .post-template .gh-content.gh-canvas {
        max-width: 920px;
        grid-template-columns: [full-start] minmax(0, 1fr) [wide-start] 0 [main-start] minmax(0, 820px) [main-end] 0 [wide-end] minmax(0, 1fr) [full-end];
    }
}


/* Field Notes post feature image chin actions */
.post-template .gh-article-image {
    padding-bottom: 3.6rem;
}

.post-template .gh-article-image-actions {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    justify-content: center;
    margin: 1.4rem 0 -1.8rem;
    font-family: var(--font-hand);
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 0.015em;
}

.post-template .gh-article-image-actions a {
    color: #2F7D4A;
    text-decoration: none;
    border-bottom: 1px solid rgba(47, 125, 74, 0.35);
}

.post-template .gh-article-image-actions a:hover,
.post-template .gh-article-image-actions a:focus-visible {
    color: var(--color-darker-gray);
    border-bottom-color: currentColor;
    opacity: 1;
}

.post-template .gh-article-image-actions a + a::before {
    margin-right: 1.6rem;
    color: rgba(23, 32, 51, 0.38);
    content: "·";
}

@media (max-width: 767px) {
    .post-template .gh-article-image {
        padding-bottom: 3rem;
    }

    .post-template .gh-article-image-actions {
        gap: 1.2rem;
        margin-bottom: -1.4rem;
        font-size: 1.4rem;
    }

    .post-template .gh-article-image-actions a + a::before {
        margin-right: 1.2rem;
    }
}


/* Field Notes image actions: keep accessible names clean */
.post-template .gh-article-image-actions a + a::before {
    content: none;
    margin-right: 0;
}

/* Accessible skip link */
.gh-skip-link {
    position: fixed;
    top: 1.6rem;
    left: 1.6rem;
    z-index: 4000000;
    display: inline-flex;
    align-items: center;
    padding: 1rem 1.4rem;
    font-family: var(--font-sans);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-darker-gray);
    text-decoration: none;
    background: var(--color-white);
    border: 2px solid currentColor;
    border-radius: 4px 8px 5px 10px / 7px 4px 9px 5px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-150%);
    transition: transform 160ms ease, opacity 160ms ease;
}

.gh-skip-link:focus,
.gh-skip-link:focus-visible {
    opacity: 1;
    outline: none;
    outline-offset: 0;
    box-shadow: none;
    pointer-events: auto;
    transform: translateY(0);
}

/* Field Notes Excalidraw-style focus treatment */
:where(a, button, input, textarea, select, summary, [tabindex]:not([tabindex="-1"])):not(.gh-skip-link):focus-visible {
    outline: 2px solid;
    outline-offset: 5px;
    border-radius: 4px 8px 5px 10px / 7px 4px 9px 5px;
    box-shadow: none;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.22em;
}

:where(a, button, input, textarea, select, summary, [tabindex]:not([tabindex="-1"])):focus:not(:focus-visible) {
    outline: none;
}

@media (prefers-reduced-motion: no-preference) {
    :where(a, button, input, textarea, select, summary, [tabindex]:not([tabindex="-1"])):not(.gh-skip-link):focus-visible {
        transition: outline-offset 120ms ease;
    }
}

.gh-main:focus {
    outline: none;
}

/* Field Notes site title handwritten font */
.gh-head-logo {
    font-family: var(--font-hand);
    font-weight: 700;
    letter-spacing: 0.01em;
}

/* Note pages: plain feature image, not a polaroid */
.post-template .gh-article-image {
    width: 100%;
    max-width: 1040px;
    padding: 0;
    margin: 5.6rem auto 0;
    overflow: visible;
    transform: none;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.post-template .gh-article-image img {
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.post-template .gh-article-image figcaption {
    margin: 1.2rem 0 0;
}

.post-template .gh-article-image-actions {
    margin: 1rem 0 0;
}

@media (max-width: 767px) {
    .post-template .gh-article-image {
        width: 100%;
        margin-top: 3.6rem;
        padding: 0;
        transform: none;
    }

    .post-template .gh-article-image-actions {
        margin-bottom: 0;
    }
}

/* Note pages: align feature image width with article header/title area */
.post-template .gh-article-image {
    width: 100%;
    max-width: none;
}

/* Field Notes tag page label typography */
.gh-tag-label {
    font-family: var(--font-hand);
    font-weight: 400;
    letter-spacing: 0.025em;
}

/* Field Notes tag pages: larger handwritten label */
.tag-template .gh-tag-label {
    font-family: var(--font-hand);
    font-size: 1.85rem;
    font-weight: 400;
    letter-spacing: 0.025em;
}

/* Field Notes tag pages: post thumbnails as mini-polaroids */
.tag-template .gh-feed > .gh-card .gh-card-link,
.author-template .gh-feed > .gh-card .gh-card-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 3.2rem;
    align-items: center;
}

.tag-template .gh-card-polaroid,
.author-template .gh-card-polaroid {
    position: relative;
    width: min(100%, 220px);
    padding: 0.7rem 0.7rem 1.4rem;
    margin: 0 auto;
    transform: rotate(-1.5deg);
    background: var(--color-white);
    border: 1px solid rgba(23, 32, 51, 0.12);
    box-shadow: 0 10px 22px rgba(23, 32, 51, 0.12), 0 1px 3px rgba(23, 32, 51, 0.08);
}

.tag-template .gh-card:nth-child(even) .gh-card-polaroid,
.author-template .gh-card:nth-child(even) .gh-card-polaroid {
    transform: rotate(1.5deg);
}

.tag-template .gh-card-polaroid img,
.author-template .gh-card-polaroid img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: var(--color-light-gray);
    border: 1px solid rgba(23, 32, 51, 0.08);
}

@media (max-width: 767px) {
    .tag-template .gh-feed > .gh-card .gh-card-link,
    .author-template .gh-feed > .gh-card .gh-card-link {
        display: block;
    }

    .tag-template .gh-card-polaroid,
    .author-template .gh-card-polaroid {
        box-sizing: border-box;
        width: 60%;
        margin: 2.4rem auto 0.4rem;
    }
}

/* Field Notes tag page heading refinement */
.tag-template .gh-tag-label {
    display: none;
}

.tag-template .gh-tag-name,
.tag-template .gh-pagehead-title {
    font-family: var(--font-hand);
    font-weight: 700;
    letter-spacing: 0.01em;
}

.tag-template .gh-tag-description,
.tag-template .gh-pagehead-description {
    color: rgba(23, 32, 51, 0.82);
}

/* Field Notes tag description matches note description color */
.tag-template .gh-tag-description,
.tag-template .gh-pagehead-description {
    color: var(--color-primary-text);
}

/* Field Notes larger mini-polaroids for home More Notes and tag pages */
.gh-wrapper > .gh-section .gh-feed > .gh-card .gh-card-link,
.tag-template .gh-feed > .gh-card .gh-card-link,
.author-template .gh-feed > .gh-card .gh-card-link {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 3.2rem;
}

.gh-wrapper > .gh-section .gh-card-polaroid,
.tag-template .gh-card-polaroid,
.author-template .gh-card-polaroid {
    width: 220px;
    padding: 0.9rem 0.9rem 1.8rem;
}

@media (max-width: 767px) {
    .gh-wrapper > .gh-section .gh-card-polaroid,
    .tag-template .gh-card-polaroid,
    .author-template .gh-card-polaroid {
        width: 70%;
        max-width: 260px;
        margin: 2.4rem auto 0.4rem;
    }
}

/* Field Guide pages: make page article chrome match posts */
.page-template .gh-main {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.page-template .gh-article-header {
    max-width: none;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.page-template .gh-article-header > * {
    grid-column: wide-start / wide-end;
}

.page-template .gh-article-image {
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 5.6rem auto 0;
    overflow: visible;
    transform: none;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.page-template .gh-article-image img {
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.page-template .gh-article-image figcaption {
    margin: 1.2rem 0 0;
}

.page-template .gh-content {
    max-width: 820px;
    margin-right: auto;
    margin-left: auto;
}

.page-template .gh-content > * {
    max-width: 820px;
}

.page-template .gh-content > .kg-width-wide {
    max-width: 1040px;
}

.page-template .gh-content > .kg-width-full {
    max-width: none;
}

@media (min-width: 992px) {
    .page-template .gh-content.gh-canvas {
        max-width: 920px;
        grid-template-columns: [full-start] minmax(0, 1fr) [wide-start] 0 [main-start] minmax(0, 820px) [main-end] 0 [wide-end] minmax(0, 1fr) [full-end];
    }
}

@media (max-width: 767px) {
    .page-template .gh-main {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem;
    }

    .page-template .gh-content,
    .page-template .gh-content > * {
        max-width: 100%;
    }

    .page-template .gh-article-image {
        width: 100%;
        margin-top: 3.6rem;
        padding: 0;
        transform: none;
    }
}

/* Accessibility Field Guide landing page */
.field-guide-landing .gh-latest {
    margin-top: 4rem;
    margin-bottom: 10rem;
}

.field-guide-landing-hero .gh-card-link:hover {
    opacity: 1;
}

.field-guide-landing-hero .gh-article-title {
    font-size: clamp(5.2rem, 8vw, 7.4rem);
}

.field-guide-wrapper {
    align-items: start;
}

.field-guide-checklists-page .field-guide-wrapper {
    margin-top: 10rem;
}

.field-guide-route-list {
    display: grid;
    gap: 3.2rem;
}

.field-guide-route {
    display: block;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid var(--color-light-gray);
}

.field-guide-route:hover {
    opacity: 1;
}

.field-guide-route:hover h3,
.field-guide-route-group > ul a:hover,
.field-guide-link-list a:hover,
.field-guide-quick-routes a:hover strong {
    opacity: 0.75;
}

.field-guide-route-kicker {
    display: block;
    margin-bottom: 0.8rem;
    font-family: var(--font-hand);
    font-size: 1.5rem;
    line-height: 1.2;
    color: #2F7D4A;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.field-guide-route h3 {
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.field-guide-route p,
.field-guide-work-section > p,
.field-guide-route-group p,
.field-guide-why p,
.field-guide-sidebar-list {
    margin-top: 1.2rem;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.01em;
}

.field-guide-route p,
.field-guide-work-section > p,
.field-guide-route-group p {
    color: var(--color-primary-text);
}

.field-guide-section-block {
    margin-top: 8rem;
}

.field-guide-route-group + .field-guide-route-group {
    margin-top: 4rem;
}

.field-guide-route-group h3 {
    font-size: 2.4rem;
    font-weight: 600;
}

.field-guide-route-group ul {
    padding-left: 0;
    margin: 1.6rem 0 0;
    list-style: none;
}

.field-guide-route-group li + li {
    margin-top: 1rem;
}

.field-guide-route-group > ul a,
.field-guide-link-list a {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--ghost-accent-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.field-guide-why p + p {
    margin-top: 1.6rem;
}

.field-guide-why hr {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.field-guide-sidebar-list {
    padding-left: 1.8rem;
    color: var(--color-primary-text);
}

.field-guide-sidebar-list li + li {
    margin-top: 1rem;
}

.field-guide-sidebar-list a {
    color: #2F7D4A;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #2F7D4A;
    text-underline-offset: 0.12em;
}

.field-guide-sidebar-list a:hover {
    color: #245f38;
    text-decoration-color: #245f38;
}


.field-guide-route-picker .field-guide-route-list {
    display: block;
    gap: 0;
    margin-top: 1.6rem;
}

.field-guide-route-picker .field-guide-route-list li + li {
    margin-top: 1rem;
}

.field-guide-quick-routes {
    display: grid;
    gap: 1.4rem;
}

.field-guide-quick-routes a {
    display: grid;
    gap: 0.3rem;
    padding-bottom: 1.4rem;
    border-bottom: 1px solid var(--color-light-gray);
}

.field-guide-quick-routes span {
    font-family: var(--font-hand);
    font-size: 1.45rem;
    line-height: 1.2;
    color: #2F7D4A;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.field-guide-quick-routes strong {
    font-size: 1.7rem;
    line-height: 1.25;
}

@media (max-width: 767px) {
    .field-guide-landing .gh-latest {
        margin-bottom: 8rem;
    }

    .field-guide-checklists-page .field-guide-wrapper {
        margin-top: 8rem;
    }

    .field-guide-route h3 {
        font-size: 2.8rem;
    }

    .field-guide-route p,
    .field-guide-work-section > p,
    .field-guide-route-group p,
    .field-guide-why p,
    .field-guide-sidebar-list {
        font-size: 1.7rem;
    }
}
/* Accessibility Field Guide internal navigation */
.field-guide-nav {
    grid-column: wide;
    width: 100%;
    max-width: 1120px;
    margin: 32px auto;
    padding: 18px;
    border: 1px solid var(--color-border, #e6e1d8);
    border-radius: 18px;
    background: rgba(248, 245, 238, 0.78);
}

.field-guide-nav-home {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 14px;
    text-decoration: none;
}

.field-guide-nav-home span {
    color: var(--color-secondary-text, #6f6a60);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.field-guide-nav-home strong {
    color: var(--color-primary-text, #191814);
    font-size: 1.8rem;
}

.field-guide-nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.field-guide-nav-links a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid rgba(25, 24, 20, 0.12);
    border-radius: 999px;
    color: var(--color-primary-text, #191814);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    background: #fff;
}

.field-guide-nav-links a:hover,
.field-guide-nav-home:hover strong {
    color: #2f6f5e;
}

@media (max-width: 767px) {
    .field-guide-nav {
        margin: 24px auto;
        padding: 14px;
        border-radius: 14px;
    }

    .field-guide-nav-links a {
        font-size: 1.25rem;
    }
}
/* Accessibility Field Guide top navigation row */
.field-guide-topnav {
    border-top: 1px solid rgba(25, 24, 20, 0.08);
    border-bottom: 1px solid rgba(25, 24, 20, 0.1);
    background: rgba(248, 245, 238, 0.78);
}

.field-guide-topnav-inner {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 48px;
    overflow-x: auto;
    scrollbar-width: none;
}

.field-guide-topnav-inner::-webkit-scrollbar {
    display: none;
}

.field-guide-topnav-title {
    flex: 0 0 auto;
    color: var(--color-primary-text, #191814);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.field-guide-topnav-links {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: max-content;
}

.field-guide-topnav-links a {
    color: var(--color-secondary-text, #6f6a60);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.field-guide-topnav-links a:hover,
.field-guide-topnav-title:hover {
    color: #2f6f5e;
}

@media (max-width: 767px) {
    .field-guide-topnav-inner {
        gap: 14px;
        min-height: 44px;
        padding-right: 0;
    }

    .field-guide-topnav-links {
        gap: 14px;
    }

    .field-guide-topnav-links a {
        font-size: 1.25rem;
    }
}

/* Accessibility Field Guide secondary row styled like the primary navigation */
.field-guide-topnav {
    margin-top: -1px;
    background: var(--color-white);
}

.field-guide-topnav-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    overflow-x: auto;
    scrollbar-width: none;
}

.field-guide-topnav-inner::-webkit-scrollbar {
    display: none;
}

.field-guide-topnav-list {
    display: flex;
    gap: var(--head-nav-gap);
    align-items: center;
    min-width: max-content;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.01em;
    list-style: none;
    text-transform: uppercase;
}

.field-guide-topnav-list a {
    color: var(--color-primary-text);
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-decoration: none;
    text-transform: inherit;
    white-space: nowrap;
}

.field-guide-topnav-list a:hover {
    opacity: 0.72;
}

@media (max-width: 767px) {
    .field-guide-topnav-inner {
        justify-content: flex-start;
        min-height: 44px;
    }

    .field-guide-topnav-list {
        gap: 2rem;
    }
}
/* Accessibility Field Guide links inside the mobile menu */
.field-guide-mobile-menu {
    display: none;
}

@media (max-width: 767px) {
    .field-guide-topnav {
        display: none;
    }

    .is-head-open #gh-head .gh-head-menu {
        align-items: stretch;
        width: 100%;
    }

    .is-head-open #gh-head .field-guide-mobile-menu {
        display: block;
        width: min(100%, 320px);
        padding-top: 28px;
        margin: 28px auto 0;
        text-align: center;
        border-top: 1px solid var(--color-light-gray);
    }

    .field-guide-mobile-menu-title {
        margin: 0 0 16px;
        color: var(--color-secondary-text);
        font-family: var(--font-sans);
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    #gh-head .field-guide-mobile-menu-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #gh-head .field-guide-mobile-menu-list li {
        opacity: 1;
        transform: none;
    }

    #gh-head .field-guide-mobile-menu-list a {
        color: var(--color-primary-text);
        font-size: 2rem;
        font-weight: 500;
        line-height: 1.25;
        text-transform: none;
    }
}
/* Field Guide secondary nav: keep it below the primary nav on mobile too */
.field-guide-mobile-menu {
    display: none !important;
}

@media (max-width: 767px) {
    .field-guide-topnav {
        display: block;
        background: var(--color-white);
    }

    .field-guide-topnav-inner {
        justify-content: flex-start;
        min-height: 52px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .field-guide-topnav-list {
        gap: var(--head-nav-gap);
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0.01em;
        text-transform: uppercase;
    }

    .field-guide-topnav-list a {
        font-size: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
    }
}
/* Field Guide mobile menu: secondary items appear under primary nav with divider */
.field-guide-mobile-menu {
    display: none;
}

@media (max-width: 767px) {
    .field-guide-topnav {
        display: none !important;
    }

    .is-head-open #gh-head .gh-head-menu {
        align-items: center;
        width: 100%;
    }

    .is-head-open #gh-head .field-guide-mobile-menu {
        display: block !important;
        width: min(100%, 320px);
        padding-top: 30px;
        margin: 30px auto 0;
        text-align: center;
        border-top: 1px solid var(--color-light-gray);
    }

    #gh-head .field-guide-mobile-menu-list {
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #gh-head .field-guide-mobile-menu-list li {
        opacity: 1;
        transform: none;
    }

    #gh-head .field-guide-mobile-menu-list a {
        color: var(--color-primary-text);
        font-size: 2.6rem;
        font-weight: 600;
        line-height: 1.4;
        text-transform: none;
    }
}
/* Field Guide mobile menu stack fix: place secondary items below primary nav */
@media (max-width: 767px) {
    .is-head-open #gh-head .gh-head-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .is-head-open #gh-head .gh-head-menu > .nav {
        width: 100%;
    }

    .is-head-open #gh-head .field-guide-mobile-menu {
        flex: 0 0 auto;
        width: min(100%, 320px);
    }
}
/* Field Guide mobile menu items animate like primary mobile nav items */
@media (max-width: 767px) {
    #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li {
        opacity: 0;
        transform: translateY(-4px);
    }

    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li {
        opacity: 1;
        transition: transform 0.2s, opacity 0.2s;
        transform: translateY(0);
    }

    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(1) { transition-delay: 0.18s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(2) { transition-delay: 0.21s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(3) { transition-delay: 0.24s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(4) { transition-delay: 0.27s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(5) { transition-delay: 0.30s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(6) { transition-delay: 0.33s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(7) { transition-delay: 0.36s; }
}
/* Field Guide mobile menu: keyframed stagger to match primary nav open animation */
@keyframes field-guide-mobile-nav-in {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li {
        animation-name: field-guide-mobile-nav-in;
        animation-duration: 0.2s;
        animation-timing-function: ease;
        animation-fill-mode: both;
    }

    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(1) { animation-delay: 0.18s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(2) { animation-delay: 0.21s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(3) { animation-delay: 0.24s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(4) { animation-delay: 0.27s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(5) { animation-delay: 0.30s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(6) { animation-delay: 0.33s; }
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(7) { animation-delay: 0.36s; }
}
/* Field Guide IA: support eighth mobile submenu item */
@media (max-width: 767px) {
    .is-head-open #gh-head .field-guide-mobile-menu .field-guide-mobile-menu-list li:nth-child(8) { animation-delay: 0.39s; }
}

/* Primary navigation: place Guides / Notes / About in the top-right header area on desktop. */
@media (min-width: 768px) {
    .is-head-stacked #gh-head .gh-head-inner {
        position: relative;
    }

    .is-head-stacked #gh-head .gh-head-menu {
        position: absolute;
        top: 0;
        right: max(0px, env(safe-area-inset-right));
        z-index: 5;
        grid-row: 1 / 2 !important;
        grid-column: 3 / 4 !important;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: auto;
        min-width: 260px;
        height: 72px;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .is-head-stacked #gh-head .gh-head-menu > .nav {
        display: inline-flex;
        flex-wrap: nowrap;
        gap: var(--head-nav-gap);
        align-items: center;
        justify-content: flex-end;
        width: auto;
        margin: 0;
        white-space: nowrap;
    }

    .is-head-stacked #gh-head .gh-head-menu .field-guide-mobile-menu,
    .is-head-stacked #gh-head .gh-head-menu > .gh-search {
        display: none;
    }
}

/* Header cleanup: one full-width divider and stable search placement on tablet/desktop. */
@media (min-width: 768px) {
    #gh-head {
        position: relative;
    }

    #gh-head::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1px;
        content: "";
        background: rgba(25, 24, 20, 0.10);
    }

    .is-head-stacked #gh-head .gh-head-brand .gh-search {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-flex !important;
        transform: translateY(-50%);
    }

    .is-head-stacked #gh-head .gh-head-menu,
    .is-head-stacked #gh-head .gh-head-menu > .nav {
        border: 0 !important;
    }

    .field-guide-topnav {
        margin-top: 0 !important;
        border-top: 0 !important;
    }
}

/* Avoid duplicate desktop search buttons after pinning search to the left. */
@media (min-width: 768px) {
    .is-head-stacked #gh-head .gh-head-actions > .gh-search {
        display: none !important;
    }
}

/* Remove stacked-header pseudo divider fragments after moving primary nav top-right. */
@media (min-width: 768px) {
    .is-head-stacked #gh-head .gh-head-menu::before,
    .is-head-stacked #gh-head .gh-head-menu::after {
        display: none !important;
        content: none !important;
    }
}

/* Page feature image actions: match post-page View full screen / Download image styling. */
.page-template .gh-article-image {
    padding-bottom: 3.6rem;
}

.page-template .gh-article-image-actions {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    justify-content: center;
    margin: 1.4rem 0 -1.8rem;
    font-family: var(--font-hand);
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 0.015em;
}

.page-template .gh-article-image-actions a {
    color: #2F7D4A;
    text-decoration: none;
    border-bottom: 1px solid rgba(47, 125, 74, 0.35);
}

.page-template .gh-article-image-actions a:hover,
.page-template .gh-article-image-actions a:focus-visible {
    color: var(--color-darker-gray);
    border-bottom-color: currentColor;
    opacity: 1;
}

.page-template .gh-article-image-actions a + a::before {
    content: none;
    margin-right: 0;
}

@media (max-width: 767px) {
    .page-template .gh-article-image {
        padding-bottom: 3rem;
    }

    .page-template .gh-article-image-actions {
        gap: 1.2rem;
        margin-bottom: -1.4rem;
        font-size: 1.4rem;
    }
}

/* Accessibility Field Guide landing: no hero image. */
.field-guide-landing-hero-no-image .gh-card-link {
    display: block;
    max-width: 920px;
}

.field-guide-landing-hero-no-image .gh-latest-copy {
    max-width: 820px;
}

.field-guide-landing-hero-no-image .gh-article-title,
.field-guide-landing-hero-no-image .gh-article-excerpt {
    max-width: 820px;
}

/* Field Guide checklist cards: make linked cards visibly actionable. */
.field-guide-route-action {
    display: inline-block;
    margin-top: 1.4rem;
    font-family: var(--font-hand);
    font-size: 1.55rem;
    line-height: 1.2;
    color: #2F7D4A;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.22em;
}

.field-guide-route:hover .field-guide-route-action,
.field-guide-route:focus-visible .field-guide-route-action {
    color: var(--color-primary-text);
}

/* Footer cleanup. */
.gh-copyright {
    color: var(--color-primary-text);
}

/* Sitewide AI drafting disclosure in the footer. */
.gh-ai-disclosure {
    max-width: 720px;
    margin-top: 2.4rem;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #000000;
    text-align: center;
    white-space: normal;
}

/* Mobile menu: animate primary nav items with the same keyframed stagger as the Field Guide links. */
@media (max-width: 767px) {
    #gh-head .gh-head-menu > .nav > li {
        opacity: 0;
        transform: translateY(-4px);
    }

    .is-head-open #gh-head .gh-head-menu > .nav > li {
        animation-name: field-guide-mobile-nav-in;
        animation-duration: 0.2s;
        animation-timing-function: ease;
        animation-fill-mode: both;
        transition: none;
    }

    .is-head-open #gh-head .gh-head-menu > .nav > li:nth-child(1) { animation-delay: 0.06s; }
    .is-head-open #gh-head .gh-head-menu > .nav > li:nth-child(2) { animation-delay: 0.09s; }
    .is-head-open #gh-head .gh-head-menu > .nav > li:nth-child(3) { animation-delay: 0.12s; }
    .is-head-open #gh-head .gh-head-menu > .nav > li:nth-child(4) { animation-delay: 0.15s; }
}

/* Current-page indicators for primary and Field Guide navigation. */
.gh-head .gh-head-menu > .nav > li > a,
.field-guide-topnav-list > li > a,
.field-guide-mobile-menu-list > li > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.gh-head .gh-head-menu > .nav > li.nav-current > a,
.page-accessibility-field-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-intake-accessibility-questions .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-accessibility-requirements-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-review-readiness .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-field-guide-checklists .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-wcag-2-1-a-aa-map .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.field-guide-topnav-list > li.nav-current > a,
.field-guide-mobile-menu-list > li.nav-current > a {
    color: #2F7D4A;
    opacity: 1;
}

.gh-head .gh-head-menu > .nav > li.nav-current > a::after,
.page-accessibility-field-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-intake-accessibility-questions .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-accessibility-requirements-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-review-readiness .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-field-guide-checklists .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-wcag-2-1-a-aa-map .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.field-guide-topnav-list > li.nav-current > a::after,
.field-guide-mobile-menu-list > li.nav-current > a::after {
    position: absolute;
    left: 50%;
    bottom: -0.62em;
    width: min(100%, 2.8rem);
    height: 3px;
    content: "";
    background: #2F7D4A;
    border-radius: 999px;
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .gh-head .gh-head-menu > .nav > li.nav-current > a::after,
    .page-accessibility-field-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-intake-accessibility-questions .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-accessibility-requirements-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-review-readiness .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-field-guide-checklists .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-wcag-2-1-a-aa-map .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .field-guide-mobile-menu-list > li.nav-current > a::after {
        bottom: -0.28em;
    }
}

/* Mobile Field Guide menu current-page indicators. The mobile nav lives in default.hbs, so use body page classes instead of per-post Handlebars slug context. */
.page-accessibility-field-guide .field-guide-mobile-menu-list > li.nav-field-guide > a,
.page-how-to-use-this-guide .field-guide-mobile-menu-list > li.nav-start-here > a,
.page-intake-accessibility-questions .field-guide-mobile-menu-list > li.nav-intake > a,
.page-accessibility-requirements-checklist .field-guide-mobile-menu-list > li.nav-requirements > a,
.page-review-readiness .field-guide-mobile-menu-list > li.nav-review > a,
.page-field-guide-checklists .field-guide-mobile-menu-list > li.nav-checklists > a,
.page-wcag-2-1-a-aa-map .field-guide-mobile-menu-list > li.nav-wcag-map > a {
    color: #2F7D4A;
    opacity: 1;
}

.page-accessibility-field-guide .field-guide-mobile-menu-list > li.nav-field-guide > a::after,
.page-how-to-use-this-guide .field-guide-mobile-menu-list > li.nav-start-here > a::after,
.page-intake-accessibility-questions .field-guide-mobile-menu-list > li.nav-intake > a::after,
.page-accessibility-requirements-checklist .field-guide-mobile-menu-list > li.nav-requirements > a::after,
.page-review-readiness .field-guide-mobile-menu-list > li.nav-review > a::after,
.page-field-guide-checklists .field-guide-mobile-menu-list > li.nav-checklists > a::after,
.page-wcag-2-1-a-aa-map .field-guide-mobile-menu-list > li.nav-wcag-map > a::after {
    position: absolute;
    left: 50%;
    bottom: -0.28em;
    width: min(100%, 2.8rem);
    height: 3px;
    content: "";
    background: #2F7D4A;
    border-radius: 999px;
    transform: translateX(-50%);
}

/* Strengthen mobile Field Guide current item color against base #gh-head mobile link styles. */
#gh-head .page-accessibility-field-guide .field-guide-mobile-menu-list > li.nav-field-guide > a,
.page-accessibility-field-guide #gh-head .field-guide-mobile-menu-list > li.nav-field-guide > a,
.page-how-to-use-this-guide #gh-head .field-guide-mobile-menu-list > li.nav-start-here > a,
.page-intake-accessibility-questions #gh-head .field-guide-mobile-menu-list > li.nav-intake > a,
.page-accessibility-requirements-checklist #gh-head .field-guide-mobile-menu-list > li.nav-requirements > a,
.page-review-readiness #gh-head .field-guide-mobile-menu-list > li.nav-review > a,
.page-field-guide-checklists #gh-head .field-guide-mobile-menu-list > li.nav-checklists > a,
.page-wcag-2-1-a-aa-map #gh-head .field-guide-mobile-menu-list > li.nav-wcag-map > a {
    color: #2F7D4A;
}

/* Match active underline spacing between primary and Field Guide secondary navs. */
@media (min-width: 768px) {
    .gh-head .gh-head-menu > .nav > li > a {
        line-height: 1;
    }
}

/* Give active nav underlines a little more breathing room while keeping primary and secondary spacing matched. */
.gh-head .gh-head-menu > .nav > li.nav-current > a::after,
.page-accessibility-field-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-intake-accessibility-questions .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-accessibility-requirements-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-review-readiness .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-field-guide-checklists .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-wcag-2-1-a-aa-map .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.field-guide-topnav-list > li.nav-current > a::after,
.field-guide-mobile-menu-list > li.nav-current > a::after,
.page-accessibility-field-guide .field-guide-mobile-menu-list > li.nav-field-guide > a::after,
.page-how-to-use-this-guide .field-guide-mobile-menu-list > li.nav-start-here > a::after,
.page-intake-accessibility-questions .field-guide-mobile-menu-list > li.nav-intake > a::after,
.page-accessibility-requirements-checklist .field-guide-mobile-menu-list > li.nav-requirements > a::after,
.page-review-readiness .field-guide-mobile-menu-list > li.nav-review > a::after,
.page-field-guide-checklists .field-guide-mobile-menu-list > li.nav-checklists > a::after,
.page-wcag-2-1-a-aa-map .field-guide-mobile-menu-list > li.nav-wcag-map > a::after {
    bottom: -0.85em;
}

@media (max-width: 767px) {
    .gh-head .gh-head-menu > .nav > li.nav-current > a::after,
    .page-accessibility-field-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-intake-accessibility-questions .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-accessibility-requirements-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-review-readiness .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-field-guide-checklists .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-wcag-2-1-a-aa-map .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .field-guide-mobile-menu-list > li.nav-current > a::after,
    .page-accessibility-field-guide .field-guide-mobile-menu-list > li.nav-field-guide > a::after,
    .page-how-to-use-this-guide .field-guide-mobile-menu-list > li.nav-start-here > a::after,
    .page-intake-accessibility-questions .field-guide-mobile-menu-list > li.nav-intake > a::after,
    .page-accessibility-requirements-checklist .field-guide-mobile-menu-list > li.nav-requirements > a::after,
    .page-review-readiness .field-guide-mobile-menu-list > li.nav-review > a::after,
    .page-field-guide-checklists .field-guide-mobile-menu-list > li.nav-checklists > a::after,
    .page-wcag-2-1-a-aa-map .field-guide-mobile-menu-list > li.nav-wcag-map > a::after {
        bottom: -0.38em;
    }
}

/* Guides landing page at /tag/guides/. */
.guides-landing-page {
    padding-top: 8rem;
}

.guides-landing {
    max-width: 920px;
}

.guides-landing-header {
    max-width: 760px;
}

.guides-landing-title {
    max-width: 760px;
    font-size: clamp(4.2rem, 7vw, 7.4rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}

.guides-landing-intro {
    max-width: 720px;
    margin-top: 2.4rem;
    font-size: 2.2rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: var(--color-primary-text);
}

.guides-landing-list {
    display: grid;
    gap: 2.4rem;
    margin-top: 8rem;
}

.guides-landing-card {
    display: block;
    padding: 3.2rem;
    color: var(--color-primary-text);
    text-decoration: none;
    border: 1px solid var(--color-light-gray);
    border-radius: 18px;
    background: var(--color-white);
}

.guides-landing-card:hover,
.guides-landing-card:focus-visible {
    opacity: 1;
    border-color: rgba(47, 125, 74, 0.45);
}

.guides-landing-card-kicker {
    display: block;
    margin-bottom: 1.2rem;
    color: #2F7D4A;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.guides-landing-card h2 {
    max-width: 680px;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.guides-landing-card p {
    max-width: 680px;
    margin-top: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.5;
    color: var(--color-primary-text);
}

.guides-landing-card-action {
    display: inline-flex;
    margin-top: 2.4rem;
    color: #2F7D4A;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(47, 125, 74, 0.35);
}

@media (max-width: 767px) {
    .guides-landing-page {
        padding-top: 5.6rem;
    }

    .guides-landing-title {
        font-size: 4.2rem;
    }

    .guides-landing-intro {
        font-size: 2rem;
    }

    .guides-landing-list {
        margin-top: 5.6rem;
    }

    .guides-landing-card {
        padding: 2.4rem;
    }

    .guides-landing-card h2 {
        font-size: 2.8rem;
    }
}

/* Field Notes topic landing pages: tags as reader-facing topic hubs */
.gh-topic-landing {
    padding-top: 8rem;
    padding-bottom: 10rem;
}

.gh-topic-landing .gh-pagehead,
.gh-topic-hero {
    position: static;
    max-width: none;
    height: auto;
    padding-top: 0;
    margin-bottom: 10rem;
    font-size: inherit;
    line-height: inherit;
}

.gh-topic-hero-content {
    max-width: 860px;
}

.gh-topic-kicker,
.gh-topic-section-kicker,
.gh-topic-resource-label {
    display: block;
    margin: 0 0 1.2rem;
    font-family: var(--font-hand);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #2F7D4A;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.gh-topic-landing .gh-pagehead-title {
    font-family: var(--font-sans);
    font-size: clamp(5.2rem, 8vw, 7.4rem);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}

.gh-topic-landing .gh-pagehead-description {
    max-width: 920px;
    margin-top: 2.4rem;
    font-size: clamp(2.1rem, 2.6vw, 2.8rem);
    line-height: 1.35;
    letter-spacing: normal;
    color: var(--color-primary-text);
}

.gh-topic-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 8rem;
    align-items: start;
}

.gh-topic-section {
    grid-column: 1 / 2;
}

.gh-topic-section + .gh-topic-section {
    margin-top: 0;
}

.gh-topic-section-head {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 3.2rem;
}

.gh-topic-section-head::after,
.gh-topic-related::before {
    flex: 1 1 auto;
    height: 1px;
    content: "";
    background: var(--color-light-gray);
}

.gh-topic-section-head .gh-topic-section-kicker {
    flex: 0 0 auto;
    margin: 0;
}

.gh-topic-section-head .gh-section-title,
.gh-topic-related .gh-section-title {
    margin: 0;
    font-family: var(--font-hand);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary-text);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.gh-topic-section-head .gh-section-title {
    display: none;
}

.gh-topic-section-head p:not(.gh-topic-section-kicker) {
    display: none;
}

.gh-topic-start-card,
.gh-topic-resource-card a {
    display: block;
    padding: 0 0 3.2rem;
    color: var(--color-primary-text);
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--color-light-gray);
    border-radius: 0;
    box-shadow: none;
}

.gh-topic-start-card:empty {
    display: none;
}

.gh-topic-start-card h3,
.gh-topic-resource-card h3 {
    margin: 0;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.gh-topic-start-card p,
.gh-topic-resource-card p,
.gh-topic-empty {
    margin: 1.2rem 0 0;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: var(--color-primary-text);
}

.gh-topic-start-card a,
.gh-topic-resource-card a:hover h3,
.gh-topic-resource-card a:focus-visible h3,
.gh-topic-related-list a:hover strong,
.gh-topic-related-list a:focus-visible strong {
    color: #2F7D4A;
}

.gh-topic-start-card a {
    display: inline-flex;
    margin-top: 1.8rem;
    font-size: 1.8rem;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.gh-topic-resource-grid {
    display: grid;
    gap: 3.2rem;
}

.gh-topic-resource-label {
    margin-bottom: 0.8rem;
}

.gh-topic-latest .gh-feed > .gh-card .gh-card-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 3.2rem;
    align-items: center;
}

.gh-topic-related {
    position: static;
    top: auto;
    grid-column: 1 / 2;
    grid-row: auto;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.gh-topic-related {
    display: block;
}

.gh-topic-related .gh-section-title {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.gh-topic-related .gh-section-title::after {
    flex: 1 1 auto;
    height: 1px;
    content: "";
    background: var(--color-light-gray);
}

.gh-topic-related::before {
    display: none;
}

.gh-topic-related-list {
    display: grid;
    gap: 1.4rem;
    margin-top: 2.4rem;
}

.gh-topic-related-list a {
    display: grid;
    gap: 0.3rem;
    padding-bottom: 1.4rem;
    color: var(--color-primary-text);
    text-decoration: none;
    border-bottom: 1px solid var(--color-light-gray);
}

.gh-topic-related-list a::before {
    font-family: var(--font-hand);
    font-size: 1.45rem;
    line-height: 1.2;
    color: #2F7D4A;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    content: "Related";
}

.gh-topic-related-list a {
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.25;
}

.gh-topic-featured-guides {
    max-width: 760px;
}

@media (max-width: 991px) {
    .gh-topic-layout {
        grid-template-columns: 1fr;
        row-gap: 7.2rem;
    }

    .gh-topic-related {
        position: static;
        grid-column: 1 / 2;
        grid-row: auto;
    }
}

@media (max-width: 767px) {
    .gh-topic-landing {
        padding-top: 5.6rem;
        padding-bottom: 8rem;
    }

    .gh-topic-landing .gh-pagehead,
    .gh-topic-hero {
        margin-bottom: 8rem;
    }

    .gh-topic-start-card h3,
    .gh-topic-resource-card h3 {
        font-size: 2.8rem;
    }

    .gh-topic-start-card p,
    .gh-topic-resource-card p,
    .gh-topic-empty {
        font-size: 1.7rem;
    }

    .gh-topic-latest .gh-feed > .gh-card .gh-card-link {
        display: block;
    }
}

/* Field Notes format landing pages: Guides and Notes mirror the home page */
.gh-format-landing .gh-latest {
    margin-bottom: 10rem;
}

.gh-format-landing .gh-format-empty,
.gh-format-landing .gh-format-empty-hero .gh-article-excerpt {
    color: var(--color-primary-text);
}

.gh-format-landing .gh-format-empty {
    margin-top: 2.4rem;
    font-size: 1.7rem;
    line-height: 1.55;
}

.gh-format-landing .gh-topic:empty {
    display: none;
}

.gh-format-landing .gh-card-date {
    font-family: var(--font-hand);
    color: #2F7D4A;
}

.gh-format-landing .gh-guide-feed .gh-card-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 3.2rem;
    align-items: center;
}

.gh-format-landing .gh-guide-feed .gh-card:not(:has(.gh-card-polaroid)) .gh-card-link {
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 767px) {
    .gh-format-landing .gh-latest {
        margin-bottom: 8rem;
    }

    .gh-format-landing .gh-guide-feed .gh-card-link {
        display: block;
    }
}

/* Field Notes format landing pageheads */
.gh-format-landing .gh-format-pagehead {
    max-width: none;
    margin-bottom: 10rem;
}

.gh-format-landing .gh-format-pagehead .gh-article-title {
    margin: 0;
}

.gh-format-landing .gh-format-pagehead .gh-article-excerpt {
    color: var(--color-primary-text);
}

@media (max-width: 767px) {
    .gh-format-landing .gh-format-pagehead {
        margin-bottom: 8rem;
    }
}

/* Field Guide forms/errors/keyboard/focus child pages. */
.page-vendor-third-party-accessibility .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-vendor-accessibility-questions-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-intake-accessibility-questions-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-review-readiness-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-native-html-first .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-link-text-and-button-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-button-vs-link .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-name-role-value .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-aria-is-not-duct-tape .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-developer-component-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-accordions .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-combobox .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-tabs .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-accessible-names .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-headings-and-page-structure .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-modals-and-dialogs .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-alt-text-basics .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-color-only-meaning .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-color-contrast .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-status-messages-and-alerts .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-tables-and-data-displays .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-forms-and-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-error-messages-and-recovery .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-form-review-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-keyboard-only-navigation .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-focus-visible-and-focus-order .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-qa-keyboard-check .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-form-review-checklist .field-guide-mobile-menu-list > li.nav-checklists > a,
.page-qa-keyboard-check .field-guide-mobile-menu-list > li.nav-checklists > a,
.page-form-review-checklist #gh-head .field-guide-mobile-menu-list > li.nav-checklists > a,
.page-qa-keyboard-check #gh-head .field-guide-mobile-menu-list > li.nav-checklists > a {
    color: #2F7D4A;
    opacity: 1;
}

.page-vendor-third-party-accessibility .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-vendor-accessibility-questions-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-intake-accessibility-questions-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-review-readiness-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-native-html-first .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-link-text-and-button-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-button-vs-link .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-name-role-value .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-accessible-names .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-headings-and-page-structure .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-modals-and-dialogs .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-alt-text-basics .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-color-only-meaning .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-color-contrast .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-status-messages-and-alerts .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-tables-and-data-displays .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-forms-and-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-error-messages-and-recovery .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-form-review-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-keyboard-only-navigation .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-focus-visible-and-focus-order .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-qa-keyboard-check .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-form-review-checklist .field-guide-mobile-menu-list > li.nav-checklists > a::after,
.page-qa-keyboard-check .field-guide-mobile-menu-list > li.nav-checklists > a::after {
    position: absolute;
    left: 50%;
    bottom: -0.85em;
    width: min(100%, 2.8rem);
    height: 3px;
    content: "";
    background: #2F7D4A;
    border-radius: 999px;
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .page-forms-and-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-error-messages-and-recovery .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-form-review-checklist .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-keyboard-only-navigation .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-focus-visible-and-focus-order .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-qa-keyboard-check .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
    .page-form-review-checklist .field-guide-mobile-menu-list > li.nav-checklists > a::after,
    .page-qa-keyboard-check .field-guide-mobile-menu-list > li.nav-checklists > a::after {
        bottom: -0.38em;
    }
}

/* Field Guide landing: show work sections as guide rows, matching the Guides landing page treatment. */
.field-guide-work-feed {
    margin-top: 2.8rem;
}

.field-guide-work-feed {
    margin-top: 3.2rem;
}

.field-guide-route-group + .field-guide-route-group {
    margin-top: 8rem;
}

.field-guide-work-feed .gh-card-link {
    color: inherit;
    text-decoration: none;
}

.field-guide-work-feed .gh-card + .gh-card {
    margin-top: 8rem;
}

.field-guide-work-feed .gh-card-title {
    font-size: 3.4rem;
}

.field-guide-work-feed .gh-card-excerpt {
    color: var(--color-primary-text);
    text-decoration: none;
}

.field-guide-work-feed .gh-card-polaroid img {
    border: 1px solid rgba(23, 32, 51, 0.08);
}



/* Accessibility Field Guide section index pages (Intake / Requirements / Review / Checklists). */
.field-guide-index-landing .field-guide-index-section + .field-guide-index-section {
    margin-top: 8rem;
}

.field-guide-index-landing .field-guide-work-feed .gh-card-link {
    color: inherit;
    text-decoration: none;
}

.field-guide-index-landing .field-guide-work-feed .gh-card-excerpt {
    color: var(--color-primary-text);
    text-decoration: none;
}


/* Field Notes section headings + neutral metadata dates. */
.gh-section-title {
    color: #2F7D4A;
}

.gh-card-meta .gh-card-date {
    color: rgba(23, 32, 51, 0.66);
}
/* Guides/Notes landing featured sections */
.gh-guides-landing .gh-guides-featured + .gh-guides-more,
.gh-notes-landing .gh-notes-featured + .gh-notes-more {
    margin-top: 8rem;
}
/* Topic/tag pages: use the standard section-title treatment instead of bold kickers */
.gh-topic-section-head .gh-topic-section-kicker {
    display: none;
}

.gh-topic-section-head .gh-section-title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-family: var(--font-hand);
    font-size: 1.55rem;
    font-weight: 400;
    line-height: 1.2;
    color: #2F7D4A;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.gh-topic-section-head .gh-section-title::after {
    flex-grow: 1;
    height: 1px;
    margin-left: 1.6rem;
    content: "";
    background-color: var(--color-light-gray);
}
/* Field Guide landing section footer links */
.field-guide-section-more {
    margin-top: 5.6rem;
    font-size: 1.8rem;
    line-height: 1.4;
}

.field-guide-section-more a {
    font-weight: 600;
    color: var(--ghost-accent-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.field-guide-section-more a:hover,
.field-guide-section-more a:focus-visible {
    opacity: 0.75;
}

.field-guide-work-section > .field-guide-section-more {
    margin-top: 4rem;
}

.field-guide-work-section + .field-guide-work-section {
    margin-top: 6.4rem;
}

/* Feature image citation readability and Field Guide broad active states from image/UI audit. */
.post-template .gh-article-image figcaption,
.page-template .gh-article-image figcaption {
    max-width: 820px;
    margin: 1.4rem auto 0;
    font-family: var(--font-sans);
    font-size: 1.35rem;
    line-height: 1.5;
    color: rgba(23, 32, 51, 0.78);
    text-align: center;
    overflow-wrap: anywhere;
}

.post-template .gh-article-image-actions,
.page-template .gh-article-image-actions {
    gap: 2.2rem;
    margin-top: 1.2rem;
}

.page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-accessibility-skill-tree .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-forms-and-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-error-messages-and-recovery .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-keyboard-only-navigation .gh-head .gh-head-menu > .nav > li.nav-guides > a,
.page-focus-visible-and-focus-order .gh-head .gh-head-menu > .nav > li.nav-guides > a {
    color: #2F7D4A;
    opacity: 1;
}

.page-how-to-use-this-guide .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-accessibility-skill-tree .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-forms-and-labels .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-error-messages-and-recovery .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-keyboard-only-navigation .gh-head .gh-head-menu > .nav > li.nav-guides > a::after,
.page-focus-visible-and-focus-order .gh-head .gh-head-menu > .nav > li.nav-guides > a::after {
    position: absolute;
    left: 50%;
    bottom: -0.85em;
    width: min(100%, 2.8rem);
    height: 3px;
    content: "";
    background: #2F7D4A;
    border-radius: 999px;
    transform: translateX(-50%);
}

/* Notes posts should keep the primary Notes nav visually active, not only the /tag/notes/ index. */
.post-template.tag-notes .gh-head .gh-head-menu > .nav > li.nav-notes > a {
    color: #2F7D4A;
    opacity: 1;
}

.post-template.tag-notes .gh-head .gh-head-menu > .nav > li.nav-notes > a::after {
    position: absolute;
    left: 50%;
    bottom: -0.85em;
    width: min(100%, 2.8rem);
    height: 3px;
    content: "";
    background: #2F7D4A;
    border-radius: 999px;
    transform: translateX(-50%);
}


.field-guide-loadmore {
    width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    margin-top: 4rem;
    font-weight: 600;
    color: var(--color-darker-gray);
    letter-spacing: -0.02em;
    background-color: transparent;
    border: 1px solid var(--color-light-gray);
}

.field-guide-loadmore:hover {
    border-color: var(--color-mid-gray);
}

@media (max-width: 767px) {
    .field-guide-loadmore {
        margin-top: 3.2rem;
    }
}

.field-guide-work-subgroup + .field-guide-work-subgroup {
    margin-top: 5.6rem;
}

.field-guide-work-subgroup-title {
    margin: 0 0 1rem;
    font-family: var(--font-sans);
    font-size: 2.2rem;
    font-weight: 650;
    letter-spacing: -0.01em;
    color: var(--color-primary-text);
}

.field-guide-work-subgroup-description {
    max-width: 76rem;
    margin: 0 0 2.4rem;
    color: var(--color-primary-text);
}

/* Field Guide mobile submenu visibility should mirror desktop secondary nav presence. */
@media (max-width: 767px) {
    body.is-head-open #gh-head .field-guide-mobile-menu {
        display: none !important;
    }

    body.is-head-open:has(.field-guide-topnav) #gh-head .field-guide-mobile-menu,
    body.is-head-open.tag-accessibility-field-guide #gh-head .field-guide-mobile-menu,
    body.is-head-open.page-accessibility-field-guide #gh-head .field-guide-mobile-menu,
    body.is-head-open.page-field-guide-checklists #gh-head .field-guide-mobile-menu,
    body.is-head-open.page-wcag-2-1-a-aa-map #gh-head .field-guide-mobile-menu,
    body.is-head-open.page-how-to-use-this-guide #gh-head .field-guide-mobile-menu {
        display: block !important;
    }
}

/* Homepage guide/note showcase */
.field-notes-home-showcase .field-notes-home-latest {
    display: grid;
    gap: clamp(6rem, 8vw, 9rem);
    margin-top: 4rem;
    margin-bottom: clamp(8rem, 10vw, 12rem);
}

.field-notes-home-showcase .field-notes-home-latest .gh-latest {
    margin-top: 0;
    margin-bottom: 0;
}

.field-notes-home-showcase .field-notes-home-latest .gh-card-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 3.2rem;
    align-items: center;
}

.field-notes-home-showcase .field-notes-home-latest .gh-latest-polaroid {
    grid-column: 2;
    justify-self: end;
    box-sizing: border-box;
    width: min(100%, 220px);
    padding: 0.7rem 0.7rem 1.4rem;
    margin: 0;
    transform: rotate(-1.5deg);
    box-shadow: 0 10px 22px rgba(23, 32, 51, 0.12), 0 1px 3px rgba(23, 32, 51, 0.08);
}

.field-notes-home-showcase .field-notes-home-latest .gh-latest:nth-child(even) .gh-latest-polaroid {
    transform: rotate(1.5deg);
}


.field-notes-home-showcase .field-guide-section-block:first-child {
    margin-top: 0;
}

.field-notes-home-showcase .field-notes-home-feed + .field-guide-section-more {
    margin-top: 3.2rem;
}

.field-notes-home-showcase .field-guide-section-more a {
    color: #2F7D4A;
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.2em;
}

@media (max-width: 767px) {
    .field-notes-home-showcase .field-notes-home-latest {
        gap: 6.4rem;
        margin-bottom: 8rem;
    }

    .field-notes-home-showcase .field-notes-home-latest .gh-card-link {
        display: block;
    }

    .field-notes-home-showcase .field-notes-home-latest .gh-latest-polaroid {
        width: 60%;
        margin: 2.4rem auto 0.4rem;
    }

}


/* Soft-launch nav: About page is unpublished, so hide stale Ghost settings nav item when API/settings access cannot remove it. */
#gh-head .gh-head-menu .nav-about,
#gh-foot .nav-about {
    display: none !important;
}