:root{--navy:#203D36;--cream:#F7F6F0;--amber:#D7B28A;--muted:#53645B;--line:#D8DFD5;--white:#FFFFFF;--soft:#E8EFE7;--copper:#9D5C38;--header-height:90px}
body{color:#26332E;background:var(--cream);font-size:18px;line-height:1.65;font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4{color:var(--navy);letter-spacing:-.035em}h1{font-size:clamp(34px,4.4vw,56px);line-height:1.08;max-width:1050px}h2{font-size:clamp(28px,3vw,36px)}h3{font-size:22px}
.container{max-width:1200px;padding-inline:24px}.site-header{background:#fff;color:var(--navy);border:0;padding:17px 24px}.header-inner{max-width:1152px;gap:28px;flex-wrap:wrap}.brand{display:flex;gap:10px;align-items:center;color:var(--navy);font-size:27px;line-height:1;letter-spacing:-.7px}.brand span{color:inherit}.brand small{display:block;font-size:14px;line-height:1.4;letter-spacing:.11em;margin-top:5px;font-weight:600}.brand-mark{font-size:18px!important;border:1px solid var(--line);border-radius:9px;padding:12px 8px;background:var(--soft)}
.primary-nav{display:flex;gap:24px;font-size:16px;font-weight:600;align-items:center;flex-wrap:wrap}.primary-nav a{text-decoration:none}.primary-nav a:hover{color:var(--copper);text-decoration:underline}.site-header .search{max-width:260px;min-width:210px}.site-header .search input{font-size:16px;border:1px solid var(--line);background:var(--cream)}.site-header :focus-visible,:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.benefit-strip{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:9px 18px;background:var(--soft);font-size:14px;color:var(--navy);line-height:1.5}.benefit-strip span+span:before{content:'·';margin-right:25px}.search-panel{z-index:40}.search-results a{font-weight:600}.hero-search{max-width:none}.hero-search label{font-size:16px;margin-bottom:8px}.hero-search input{font-size:18px;min-height:56px;border:1px solid #A9B7AD}.hero-search .search-icon{top:16px}
button,.button{font-size:16px;min-height:44px;border:1px solid var(--navy);border-radius:8px;line-height:1.5}button.primary,.button.primary{background:var(--navy);color:#fff;border-color:var(--navy)}button:hover,.button:hover{background:var(--soft)}button.primary:hover,.button.primary:hover{background:#31584C}button[aria-pressed=true]{background:var(--navy);color:white}
.welcome{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:48px 0 58px}.welcome h1{margin-top:0}.welcome .lead{font-size:22px;color:var(--muted)}.welcome-visual{margin:0}.welcome-visual img{width:100%;height:auto;border-radius:12px;display:block}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.dice{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.home-section{padding:40px 0 50px}.home-section h2{margin-bottom:24px}.soft-section{background:var(--soft)}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card,.topic-card{display:block;border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;text-decoration:none;transition:box-shadow .15s,transform .15s}.guide-card:hover,.topic-card:hover{box-shadow:0 8px 24px #203D3614;transform:translateY(-2px)}.guide-card img,.topic-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.card-copy{padding:20px}.card-copy h2,.card-copy h3{font-size:22px;line-height:1.25;margin:10px 0}.topic-card .card-copy h3{font-size:20px}.card-copy p{font-size:16px;line-height:1.5;color:var(--muted);margin-bottom:0}.card-topic{font-size:14px;line-height:1.45;background:var(--soft);padding:5px 9px;border-radius:6px;display:inline-block}.topic-card{border-color:var(--line)}
.catalog-head{text-align:center;max-width:850px;margin:48px auto 28px}.catalog-head .lead{font-size:22px}.catalog-query{display:flex;max-width:760px;margin:24px auto;gap:12px;align-items:end}.catalog-query>div{flex:1}.catalog-query input{font-size:18px}.filter-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px auto}.filter-list a{padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:16px;text-decoration:none;background:white}.filter-list a[aria-current=true]{background:var(--navy);color:white;border-color:var(--navy)}.catalog-status{font-size:16px;color:var(--muted);margin:22px 0}.load-more-wrap{text-align:center;padding:32px}.empty-state{padding:32px;border:1px solid var(--line);border-radius:12px;background:white}.empty-state h2{font-size:26px}.clear-filter{margin-left:15px;font-size:16px}.catalog-content{padding-bottom:50px}
.breadcrumbs{font-size:14px;margin:28px 0}.breadcrumbs a{color:var(--copper)}.tags{margin:16px 0}.tag{font-size:14px;background:var(--soft);border-radius:6px}.guide-byline{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--muted);font-size:14px;line-height:1.5}.editorial-mark{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:9px;color:white;background:var(--navy);font-size:18px;font-weight:700;text-decoration:none}.byline-name{font-size:16px;color:var(--navy);font-weight:650;text-decoration:none}.byline-details{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:4px}.byline-details a{color:var(--copper)}.article-cover{margin:30px 0 40px}.article-cover img{width:100%;aspect-ratio:16/9;height:auto;display:block;object-fit:cover;border-radius:12px}.article-layout{grid-template-columns:minmax(0,740px) 260px;gap:56px;justify-content:space-between}.article-head .lead{font-size:22px;color:var(--muted)}.draft-body>p,.reading{max-width:740px}.toc{border:none;background:transparent;padding:0 0 0 20px;border-left:1px solid var(--line)}.toc h2{font-size:20px}.toc a{font-size:16px}.sidebar-card{background:white;border:1px solid var(--line);box-shadow:none}.quick-answer{border-left:4px solid var(--copper);background:var(--soft);border-radius:0 10px 10px 0}.step-number{background:var(--navy);color:white}.safety-strip{background:#F8EBD7;border-left:4px solid var(--copper)}.actions button{border-color:var(--line);background:white}.caption,figcaption{font-size:14px;line-height:1.45}.article-related{padding:42px 0}.article-related h2{margin-bottom:24px}.helpfulness{background:var(--soft);border:1px solid var(--line)}
.site-footer{background:var(--cream);color:var(--navy);border-top:1px solid var(--line);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.site-footer .brand{font-size:22px}.site-footer p,.site-footer nav{font-size:16px;margin:0}.site-footer nav{display:flex;gap:24px}.plain-page{max-width:820px;padding-top:20px;padding-bottom:70px}
@media(max-width:1000px){.site-header .search{flex-basis:100%;max-width:none}.header-inner{gap:16px}.primary-nav{margin-left:auto;gap:18px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:28px}.welcome{gap:24px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.welcome{grid-template-columns:1fr;padding:32px 0}.welcome h1{font-size:36px}.welcome .lead{font-size:20px}.welcome-visual{order:2}.article-layout{display:block}.article-sidebar{margin-top:36px}.toc{position:static}.header-inner{justify-content:space-between}.primary-nav{margin:0;gap:14px}.brand{font-size:24px}.primary-nav a{font-size:16px;min-height:44px;display:flex;align-items:center}.benefit-strip{gap:7px 15px}.benefit-strip span+span:before{margin-right:15px}.article-cover{margin-block:24px}.guide-byline{align-items:flex-start}.catalog-head{margin-top:32px}.catalog-head h1{font-size:36px}.catalog-query{flex-wrap:wrap}.catalog-query>div{min-width:190px}.guide-grid{gap:18px}.footer-inner{display:block}.site-footer p{margin:16px 0}.guide-byline .byline-details{font-size:14px}.article-related{padding-block:32px}}
@media(max-width:520px){.container{padding-inline:20px}.site-header{padding:14px 20px}.primary-nav{width:100%;justify-content:space-between;gap:10px}.primary-nav a{font-size:14px}.guide-grid,.topic-grid{grid-template-columns:1fr}.topic-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.topic-card img{height:100%;aspect-ratio:auto;object-fit:cover}.topic-card .card-copy{padding:16px}.topic-card .card-copy h3{font-size:18px;margin:0 0 6px}.topic-card .card-copy p{font-size:16px}.filter-list{justify-content:flex-start;gap:8px}.filter-list a{font-size:16px}.catalog-query button{width:100%}.benefit-strip{font-size:14px}.welcome h1,h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.guide-card,.topic-card{transition:none}}
@media print{.site-header,.benefit-strip,.site-footer,.primary-nav,.article-related,.welcome-actions,.filter-list,.catalog-query,.load-more-wrap{display:none!important}.guide-byline{font-size:14px}.editorial-mark{color:#203D36;background:white;border:1px solid #203D36}.byline-details a{display:none}.article-layout{display:block}.article-cover img{max-height:230px;object-fit:contain}.guide-card{break-inside:avoid}.guide-grid{display:block}.guide-card{margin-bottom:18px}.card-copy{padding:12px}}

[hidden]{display:none!important}.welcome-actions button{display:flex;align-items:center;gap:10px}

.topic-card{padding:0}.home-section{padding-inline:24px}.topic-card .card-copy{padding:22px}.article-layout article{display:block}.article-sidebar .toc{padding:0 0 0 18px}@media(max-width:520px){.home-section{padding-inline:20px}}

.topic-card:not(:has(img)){display:block}.topic-card:has(img) .card-copy{grid-column:auto}

.article-toolbar{display:block}.article-cover{width:100%;margin:24px 0 30px}.article-cover img{object-fit:contain}.article-related .guide-card h3{font-size:22px}
@media(max-width:520px){.site-header{padding:10px 16px}.header-inner{gap:8px}.brand{font-size:22px}.brand-mark{padding:9px 7px}.brand small{margin-top:3px}.primary-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:20px;padding-block:0;scrollbar-width:thin}.primary-nav a{font-size:16px;white-space:nowrap;min-height:44px}.site-header .search input{height:44px}.benefit-strip{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:12px}.benefit-strip span+span:before{margin-right:12px}.welcome h1,h1{font-size:32px}}

/* Final responsive navigation, readable controls and print boundaries. */
.menu-toggle{margin-left:auto;background:white;color:var(--navy);padding:8px 16px}
input,select,textarea{font-size:16px}
.article-layout article{min-width:0;font-size:18px}
.article-layout article p,.article-layout article li{overflow-wrap:break-word}
.actions{flex-wrap:wrap;gap:10px}.actions button{min-width:44px}
#action-status{font-size:16px;min-height:1.5em}
#copy-fallback input{width:100%;max-width:100%;font-size:16px}
.helpfulness p,.helpfulness button{font-size:16px}
@media(max-width:740px){.primary-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;order:3;overflow:visible;white-space:normal;border-top:1px solid var(--line);padding-top:8px}.primary-nav a{padding:9px 4px;font-size:16px;white-space:normal}.site-header .search{order:4;width:100%;min-width:0}.menu-toggle{display:block}.header-inner{gap:12px}.site-header{position:relative}.article-toolbar{margin-bottom:24px}.benefit-strip{flex-wrap:wrap;white-space:normal;overflow:visible}.article-cover img{height:auto}.catalog-query>div{min-width:0;width:100%}}
@media print{.actions,.helpfulness,#action-status,#copy-fallback,.article-sidebar,.menu-toggle{display:none!important}body{background:white;color:black}.article-layout{display:block}.article-layout article{width:100%;max-width:none}figure,img,.quick-answer,.safety-strip{break-inside:avoid}h2,h3{break-after:avoid}a{overflow-wrap:anywhere}}
/* Sensor layout cover: preserve both edge-mounted photoeyes in every card. */
.guide-card[data-guide-id="32"] img{object-fit:contain;background:var(--soft)}