/* Lizi: forest ink, chestnut gold, and clear technical positioning. */
.brand{gap:11px;font-size:21px;letter-spacing:-.65px}
.knowledge-question pre,.knowledge-wrong pre,.knowledge-question .highlighted-reference,.knowledge-wrong .highlighted-reference{background:#f5f7f2;border:1px solid #e0e6da;color:#40564c;border-radius:8px}
.knowledge-question .highlighted-reference .cm-editor,.knowledge-wrong .highlighted-reference .cm-editor{background:#f5f7f2;color:#40564c}
.brand>img{flex-shrink:0;filter:drop-shadow(0 3px 6px #123f3510)}
.brand b{font-weight:500}.brand small{font-size:10px;letter-spacing:.45px;color:#557568;white-space:nowrap}
.brand-welcome{gap:30px;align-items:center;margin-bottom:27px}
.brand-hero-copy{min-width:0;flex:1}
.brand-welcome .eyebrow{font-size:10px;letter-spacing:1.65px;color:#607d6d;line-height:1.6}
.brand-welcome h1{font-size:clamp(29px,3.15vw,46px);font-weight:650;letter-spacing:-1.6px;line-height:1.28;margin:18px 0;color:#163f34}
.brand-welcome h1 em{font-style:normal;color:#6f846d;font-weight:450}
.brand-welcome .subheading{max-width:615px;font-size:13px;line-height:1.9;color:#65776c}
.audience-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.audience-tags span{border:1px solid #dbe4d9;color:#466251;background:#f0f4ed;font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 9px;border-radius:4px}
.brand-welcome .date-note{position:static;margin-top:15px;font-size:10px;color:#8d9a8d}
.hero-brand-symbol{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 164px;padding-top:10px}
.hero-brand-symbol img{width:116px;height:116px;transform:rotate(-8deg);box-shadow:0 17px 35px #123f3518;border-radius:33px}
.hero-brand-symbol span{font-size:7px;letter-spacing:1.1px;color:#7b8b78;margin-top:23px;white-space:nowrap}
.site-footer{display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:24px 40px 22px;border-top:1px solid #e2e8df;margin-top:24px}
.site-footer>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:#7a897b}
.site-footer strong{color:#456250;font-weight:600}
.seo-feature-links{display:flex;gap:9px 20px;flex-wrap:wrap;font-size:10px;line-height:1.8}
.seo-feature-links a{color:#657e6b}.seo-feature-links a:hover{color:#123f35}
.auth-story .eyebrow{font-size:9px;letter-spacing:1.4px}
.public-site{background:#f8f9f6;color:#193e33}
.public-header,.public-content,.public-footer{width:min(1120px,100% - 80px);margin-left:auto;margin-right:auto}
.public-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0;border-bottom:1px solid #dfe7dd}
.public-header .brand{margin:0;font-size:24px}.public-header .brand img{width:44px;height:44px}
.public-header .brand small{display:block;font-size:10px;font-weight:400}
.public-header .primary,.public-hero .primary{display:inline-flex;align-items:center;text-decoration:none;background:#123f35;color:#fff;border:1px solid #123f35;border-radius:7px;padding:11px 18px;font-size:12px;font-weight:600}
.public-content{padding:0;max-width:1120px}
.public-breadcrumb{display:flex;align-items:center;gap:13px;margin:26px 0 0;font-size:11px;color:#7c8c7c}
.public-breadcrumb a{color:#607965}
.public-hero{max-width:850px;padding:56px 0 48px}
.public-hero .eyebrow{font-size:11px;font-weight:650;letter-spacing:2.1px;color:#8a754f;margin:0 0 12px}
.audience-kicker{font-size:10px;letter-spacing:1px;color:#607765;margin:0 0 20px}
.public-hero h1{font-size:clamp(30px,4.3vw,50px);line-height:1.25;letter-spacing:-1.6px;font-weight:650;margin:0 0 25px}
.public-description{max-width:730px;font-size:17px;line-height:1.9;color:#3f5a4b}
.public-audience{font-size:12px;line-height:1.9;color:#758473;max-width:660px;margin:16px 0 24px}
.public-intro{font-size:13px;color:#6d7d70;line-height:2;max-width:690px;margin:32px 0 0}
.public-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #dbe4d7;padding:31px 0 42px}
.public-step{font:500 12px/1.6 Consolas,monospace;color:#ad8d52;letter-spacing:1px}
.public-steps h2{font-size:19px;font-weight:600;line-height:1.5;margin:13px 0 12px}
.public-steps p{font-size:13px;line-height:1.95;color:#697c6c;margin:0}
.public-boundary{border-left:3px solid #c5a266;padding:3px 0 3px 23px;margin:4px 0 49px;max-width:850px}
.public-boundary h2{font-size:15px;margin:0 0 8px;font-weight:600}.public-boundary p{font-size:12px;line-height:1.9;color:#758270;margin:6px 0}
.public-related{border-top:1px solid #dbe4d7;padding:29px 0 42px}
.public-related h2{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:0 0 21px}
.public-related nav{display:flex;flex-wrap:wrap;gap:10px}
.public-related a{border:1px solid #d7e1d4;border-radius:5px;font-size:12px;color:#42624e;padding:9px 15px}
.public-related a[aria-current]{background:#e7eee3;border-color:#cedac8}
.public-footer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;padding:23px 0 28px;border-top:1px solid #dbe4d7;font-size:10px;color:#7d8a77}
.public-footer a:last-child{margin-left:auto}
@media(max-width:1100px){.sidebar .brand{font-size:18px;gap:8px;margin-left:0;margin-right:0}.sidebar .brand>img{width:38px;height:38px}.sidebar .brand small{font-size:8px}.hero-brand-symbol{flex-basis:130px}.hero-brand-symbol img{width:95px;height:95px;border-radius:27px}.hero-brand-symbol span{font-size:6px}}
@media(max-width:850px){.hero-brand-symbol{display:none}.brand-welcome h1{font-size:33px}.brand-welcome .eyebrow{font-size:8px;letter-spacing:1px}.site-footer{padding:22px}.public-steps{gap:20px}.public-header,.public-content,.public-footer{width:calc(100% - 44px)}}
@media(max-width:560px){.brand-welcome h1{font-size:29px;letter-spacing:-1px}.brand-welcome .subheading{font-size:12px}.brand-welcome .eyebrow{font-size:7px;letter-spacing:.8px}.audience-tags{gap:5px}.audience-tags span{font-size:9px;padding:3px 7px}.public-header{padding:20px 0}.public-header .brand{font-size:20px}.public-header .brand img{width:38px;height:38px}.public-header .brand small{font-size:8px}.public-header>.primary{font-size:10px;padding:9px 11px}.public-hero{padding:37px 0}.public-hero h1{font-size:34px}.public-description{font-size:15px}.public-steps{grid-template-columns:1fr;gap:28px}.public-related h2{font-size:20px}.public-footer{gap:11px}.public-footer a:last-child{margin-left:0}.site-footer .seo-feature-links{column-gap:15px}}
@media(prefers-reduced-motion:reduce){.hero-brand-symbol img{transform:none}}
/* Fixed mobile viewport requested by the owner. Keep focused controls at
   16px so iOS does not zoom them, including dialogs and CodeMirror. */
@media(max-width:850px),(hover:none) and (pointer:coarse){
  html{touch-action:pan-x pan-y}
  body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
  body textarea,body select,body [contenteditable=true],body .cm-editor .cm-content{font-size:16px!important}
  body input,body textarea,body select{max-width:100%;min-width:0}
  body .cm-editor .cm-content{line-height:1.6}
}