/* The Human Story site-level identity is shared by every public route.
   Generated page designs may vary below this frame; brand/navigation must not. */
html{scroll-padding-top:108px}
#verification-section,#narrative-flow,#four-human-steps,#exit-boundaries,#before-you-begin,#install-authorize,#connect-chatgpt,#small-task,#recovery-uninstall,#support-feedback{scroll-margin-top:108px}
.site-header,.site-footer{box-sizing:border-box;font-family:"Plus Jakarta Sans",system-ui,sans-serif;color:#292421}
.site-header *, .site-footer *, .site-mobile-menu *{box-sizing:border-box}
.site-header{position:sticky;top:0;z-index:100;background:rgba(250,246,240,.97);border-bottom:1px solid #e6dcd0;backdrop-filter:blur(12px)}
.site-header-inner{height:80px;max-width:1376px;padding:0 30px;margin:0 auto;display:flex;align-items:center;gap:24px}
.site-brand{color:#292421;text-decoration:none;display:flex;align-items:center;flex-shrink:0;gap:12px;min-width:214px}
.site-brand img{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.site-brand-copy{display:flex;flex-direction:column;line-height:1.08}
.site-brand-name{font-family:"Newsreader",Georgia,serif;font-size:25px;font-weight:550;letter-spacing:-.5px;white-space:nowrap}
.site-brand-byline{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.11em;font-size:9px;color:#756d66;margin-top:5px;white-space:nowrap}
.site-desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.5vw,24px);flex:1}
.site-desktop-nav a,.site-desktop-guide{font-size:13px;font-weight:600;text-decoration:none;color:#615850;white-space:nowrap;line-height:1.3}
.site-desktop-nav a:hover,.site-desktop-guide:hover,.site-desktop-nav a[aria-current="page"]{color:#bd4c2a}
.site-desktop-nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.site-header-actions{display:flex;align-items:center;gap:16px}
.site-desktop-copy,.site-mobile-links button{background:#22201e;color:#fff;border:1px solid #22201e;border-radius:9px;padding:12px 15px;white-space:nowrap;font-size:12px;font-weight:700;cursor:pointer}
.site-desktop-copy:hover,.site-mobile-links button:hover{background:#b94f2d;border-color:#b94f2d}
.site-mobile-menu{display:none;position:relative;margin-left:auto}
.site-mobile-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #d4c8ba;border-radius:8px;padding:10px 12px;background:#fffaf4;color:#302820;font-size:13px;font-weight:700}
.site-mobile-menu summary::-webkit-details-marker{display:none}
.site-mobile-links{position:absolute;right:0;top:calc(100% + 12px);background:#fffaf4;border:1px solid #dbcfc2;border-radius:12px;min-width:min(310px,calc(100vw - 36px));box-shadow:0 18px 40px #37291a26;padding:10px;display:flex;flex-direction:column;max-height:calc(100vh - 110px);overflow-y:auto}
.site-mobile-links a,.site-mobile-links button{display:block;width:100%;text-align:left;padding:12px 14px;text-decoration:none;color:#342a22;border-radius:7px;font-size:14px;font-weight:650}
.site-mobile-links a:hover,.site-mobile-links a[aria-current="page"]{color:#b94f2d;background:#f7eee4}
.site-mobile-links button{background:#24211f;color:#fff;margin-top:7px;text-align:center;border-radius:7px}
.site-footer{background:#f4ece1;border-top:1px solid #e6d8c9}
.site-footer-inner{max-width:1320px;margin:0 auto;padding:55px 30px 25px}
.site-footer-top{display:flex;justify-content:space-between;gap:60px;align-items:start}
.site-footer-identity{max-width:450px}
.site-footer-brand{display:inline-flex;align-items:center;gap:10px;color:#2c251e;font-family:"Newsreader",Georgia,serif;text-decoration:none;font-size:25px;font-weight:550}
.site-footer-identity p{font-size:14px;line-height:1.65;color:#62584e;margin:14px 0 0}
.site-footer-identity .site-footer-company{font-size:12px;letter-spacing:.02em;margin:7px 0 0}
.site-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px 38px}
.site-footer-nav a{color:#544a41;text-decoration:none;font-size:13px;font-weight:600}
.site-footer-nav a:hover{color:#b94f2d;text-decoration:underline}
.site-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ded0c1;padding-top:21px;margin-top:56px;color:#6b6259;font-size:12px}
.site-header a:focus-visible,.site-header button:focus-visible,.site-header summary:focus-visible,.site-footer a:focus-visible{outline:3px solid #c45c32;outline-offset:4px}
/* Small editorial metadata and terracotta links must remain readable on paper surfaces. */
[class~="text-ink-light"],[class~="text-ink-faint"],[class~="text-charcoal-light"]{color:#62584d!important}
[class~="text-ink-muted"]{color:#514840!important}
[class~="text-terracotta"]{color:#aa4424!important}
[class~="bg-terracotta"]{background-color:#aa4424!important}
@media(max-width:1179px){.site-desktop-nav,.site-header-actions{display:none}.site-mobile-menu{display:block}}
@media(max-width:640px){.site-header-inner{height:72px;padding:0 18px;gap:10px}.site-brand{min-width:0;gap:9px}.site-brand img{width:34px;height:34px}.site-brand-name{font-size:22px}.site-brand-byline{font-size:8px;letter-spacing:.07em}.site-footer-inner{padding:38px 20px 22px}.site-footer-top{display:block}.site-footer-nav{grid-template-columns:repeat(2,1fr);margin-top:30px;gap:14px 18px}.site-footer-bottom{display:block;margin-top:35px}.site-footer-bottom span{display:block;margin-top:6px}}