/* HealthowizIris brand typography, responsive media, deliberate page rhythm */
:root{--hwi-font:Inter,"DM Sans",Arial,sans-serif;--hwi-display:Manrope,Inter,Arial,sans-serif}
body{font-family:var(--hwi-font)}h1,h2,h3,h4{font-family:var(--hwi-display);font-weight:800;letter-spacing:-.035em;overflow-wrap:break-word}
img,video,iframe{max-width:100%}img{height:auto}p{overflow-wrap:break-word}
.site-header,body>header{transition:transform .32s cubic-bezier(.2,.65,.2,1),box-shadow .25s ease;will-change:transform}
.site-header.hwi-nav-hidden,body>header.hwi-nav-hidden{transform:translateY(-110%)!important}
.site-header{position:sticky;top:0;z-index:1000}.site-header .nav-menu a{font-size:clamp(.9rem,.86vw,1rem);font-weight:700;line-height:1.3}
@media(min-width:1100px){.site-header .nav-menu{gap:clamp(10px,1.3vw,24px)}}
@media(max-width:920px){.site-header .nav-menu{position:absolute;top:100%;max-height:calc(100dvh - 72px);overflow-y:auto;box-shadow:0 20px 35px #071b2824}.site-header .nav-menu a{font-size:1.04rem;padding:8px 0;min-height:40px}}
.hero-art img,.visual-frame img,.resource-image img,.editorial-visual img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
@media(max-width:680px){.hero-art img,.visual-frame img,.resource-image img{aspect-ratio:4/3;object-fit:contain;object-position:center}.feature-split,.hero-layout{min-width:0}.footer-grid{grid-template-columns:1fr!important}}
.footer,.site-footer{background:#061824;color:#d2e4e7}.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,60px);align-items:start}.footer-grid>*{min-width:0}.footer-grid strong{display:block;margin-bottom:14px;font-size:.9rem}.footer-grid a{display:block;padding:4px 0;font-size:.88rem;line-height:1.6}.footer-grid a:hover{color:#77e5d8}.footer-bottom{line-height:1.7}
@media(max-width:740px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid>*:first-child{grid-column:1/-1}}
@media(max-width:460px){.footer-grid{grid-template-columns:1fr}.footer-grid>*:first-child{grid-column:auto}}
/* Homepage videos: cover artwork comes from the actual YouTube video IDs */
.iris-video-player{position:relative;overflow:hidden}.iris-video-player .hwi-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:brightness(.63)}.iris-video-player .iris-video-placeholder{position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6))}.iris-video-player:focus-visible{outline:3px solid #6de1d0}
/* Single admin category chooser */
.category-picker{border:1px solid #315a63;background:#0d2833;border-radius:18px;padding:19px;margin:18px 0}.category-picker-head{display:flex;justify-content:space-between;align-items:start;gap:14px;flex-wrap:wrap}.category-picker-head strong{font-size:1.04rem}.category-picker .helper{font-size:.78rem;line-height:1.6}.category-count{white-space:nowrap;border-radius:100px;background:#1d4b52;padding:5px 11px;color:#8cf0e2;font-size:.76rem;font-weight:800}.category-search-label{display:block;margin:16px 0 7px;font-weight:700;font-size:.8rem}.category-picker input[type=search]{width:100%;background:#071f29;color:white;border:1px solid #48727a;border-radius:12px;padding:13px;font-size:1rem}.chosen-categories{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.chosen-category{background:#1c625f;border:1px solid #55b6aa;color:white;padding:8px 10px;border-radius:99px;cursor:pointer}.category-choices{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:8px;max-height:240px;overflow-y:auto;padding:5px 2px}.category-option{display:flex!important;gap:9px;align-items:center;border:1px solid #345760;border-radius:12px;padding:12px;cursor:pointer;background:#0a222b;min-width:0}.category-option:has(input:checked){border-color:#64dccd;background:#10403e}.category-option input{width:17px;height:17px;accent-color:#62e4d3;flex:none}.category-option span{font-size:.86rem;min-width:0;overflow-wrap:break-word}.category-option small{display:block;margin-left:auto;color:#b4c9ce;font-size:.65rem;white-space:nowrap}
/* Admin layout clarity */
.admin-tabs{gap:8px!important;flex-wrap:wrap}.admin-tabs button{font-size:.85rem!important;font-weight:750!important;min-height:42px}.admin-module,.cms-pane{max-width:1380px;margin-inline:auto}.cms-pane .layout{gap:20px}.cms-pane .panel{border-radius:20px}.cms-pane input,.cms-pane textarea,.cms-pane select{font-size:.95rem}.cms-pane label{font-size:.84rem}.cms-pane .editor{min-width:0}.cms-pane #postRows button{width:100%;text-align:left}
@media(max-width:800px){.cms-pane .layout{display:grid!important;grid-template-columns:1fr!important}.category-choices{grid-template-columns:1fr}.admin-tabs{overflow-x:auto;flex-wrap:nowrap}.admin-tabs button{flex:none}}
@media(prefers-reduced-motion:reduce){.site-header,body>header{transition:none!important}}

/* Homepage font and sticky nav overrides, after the older layered styles */
body>header .navlinks a{font-size:clamp(.83rem,.88vw,1.01rem)!important;font-weight:750!important;line-height:1.4!important}
@media(max-width:1050px){body>header .navlinks a{font-size:.91rem!important}}
@media(max-width:760px){body>header .navlinks a{font-size:1.02rem!important;padding:14px 16px!important}}
body>header.header-hidden{transform:translateY(-110%)!important}
body>header.header-visible{transform:translateY(0)!important}
body>header.hwi-nav-hidden{transform:translateY(-110%)!important}
footer .footer-grid{gap:28px!important;align-items:start}footer .footer-grid>*{min-width:0}footer .footer-grid a{font-size:.84rem!important;line-height:1.7!important}
@media(max-width:720px){footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:470px){footer .footer-grid{grid-template-columns:1fr!important}}
/* Hero/source images: show full frame on wide screens, center focal area on phones. */
@media(min-width:761px){.scan-card img,.expert-photo-frame img,.report-frame img{object-fit:contain!important;object-position:center!important}}
@media(max-width:760px){.scan-card img,.expert-photo-frame img,.report-frame img{object-fit:cover!important;object-position:50% 50%!important}.hero-art img,.visual-frame img{object-position:50% 50%!important}}
