.site-header{overflow:visible}.site-header nav{align-self:stretch;align-items:center;gap:.25rem}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-item>a{display:flex;align-items:center;height:100%;padding:0 .72rem}.nav-sub{display:none;position:absolute;top:calc(100% - 8px);left:50%;transform:translateX(-50%);min-width:190px;padding:.55rem;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:80}.nav-sub a{display:block!important;color:var(--ink)!important;padding:.65rem .75rem!important;border-radius:8px;white-space:nowrap}.nav-sub a:hover,.nav-sub a:focus{background:#ecfffb;color:var(--navy)!important}.nav-item:hover .nav-sub,.nav-item:focus-within .nav-sub{display:block}.page-hero{padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,8vw,8rem) 3rem;background:var(--navy);color:#fff}.page-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.05;letter-spacing:-.055em;margin:.7rem 0 1rem}.page-hero p{color:#c4d4db;max-width:720px;font-size:1.08rem}.page-main{min-height:calc(100vh - 150px);background:var(--bg)}.page-section{padding:clamp(2.8rem,6vw,5rem) clamp(1.25rem,8vw,8rem)}.section-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.announcement-preview .announcement:nth-child(n+4){display:none}.announcement-page .announcement{grid-template-columns:54px 70px 1fr 110px}.announcement-page .announcement-arrow{display:none}.email-row .email-text{font-weight:750;word-break:break-all}.resource-page .resource-list{background:#fff}.portal-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.35rem,3vw,2rem)}
@media(max-width:980px){.site-header nav{gap:0}.nav-item>a{padding:0 .45rem;font-size:.88rem}}
@media(max-width:820px){.site-header nav{align-items:stretch}.nav-item{display:block;height:auto}.nav-item>a{height:auto;padding:.7rem 0}.nav-sub{display:block;position:static;transform:none;min-width:0;padding:0 0 .5rem .8rem;background:transparent;border:0;box-shadow:none}.nav-sub a{color:#a9bdc6!important;padding:.35rem 0!important;font-size:.83rem}.announcement-page .announcement{grid-template-columns:70px 1fr 22px}.announcement-page .announcement time{grid-column:2}.announcement-page .announcement-arrow{display:block}}
.home-category-grid{margin-top:3rem}.home-preview .section-head{align-items:center}.hifu-article{max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem)}.hifu-article h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:0 0 1.5rem}.hifu-article p{font-size:1.06rem;line-height:1.9;margin:0 0 1.25rem}.hifu-figure{margin:2.5rem auto 1.2rem;max-width:650px}.hifu-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#fff}.hifu-caption{color:var(--muted);font-size:.95rem;line-height:1.7}.hifu-reference{border-top:1px solid var(--line);padding-top:1.25rem;color:var(--muted);font-size:.92rem}
@media(max-width:820px){.home-preview .section-head{align-items:flex-start}.home-preview .section-head .button{margin-top:1rem}.home-category-grid{margin-top:2rem}}
.resource-clickable{transition:background .2s ease,transform .2s ease}.resource-clickable>strong{padding:.5rem}.resource-clickable:hover,.resource-clickable:focus-visible{background:#ecfffb;transform:translateX(3px)}.resource-clickable:focus-visible{outline:3px solid rgba(39,205,181,.35);outline-offset:-3px}
.subcategory-bar{padding:1.35rem clamp(1.25rem,8vw,8rem) 0;background:var(--bg)}.subcategory-tabs{display:flex;gap:.55rem;overflow-x:auto;padding-bottom:.5rem}.subcategory-tabs .filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.subcategory-tabs .filter:hover{border-color:var(--navy);color:var(--navy)}.subcategory-tabs .filter.active:hover{color:#fff}
footer{justify-content:space-between;align-items:flex-start}.footer-brand{min-width:240px}.footer-brand p{margin:.8rem 0 0}.footer-company{margin-left:auto;max-width:620px;text-align:right;font-size:.78rem;line-height:1.55;color:#b8c8cf}.footer-company p{margin:.1rem 0;color:inherit}.footer-company p span{display:inline-block}.footer-company small{display:block;margin-top:.65rem;color:#8299a4;font-size:.68rem}.footer-company b{color:#e6f0f3}
@media(max-width:820px){footer{display:block}.footer-company{margin:1.5rem 0 0;text-align:left}.footer-company small{margin-top:.8rem}}
.order-flow{margin-top:clamp(2.5rem,6vw,5rem);border-top:1px solid var(--line);padding-top:2.5rem}.order-flow h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.45rem 0 1.5rem}.order-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;counter-reset:order-step}.order-flow li{counter-increment:order-step;position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:2.5rem 1rem 1rem;min-height:110px;font-weight:750}.order-flow li:before{content:counter(order-step,decimal-leading-zero);position:absolute;top:.75rem;left:1rem;color:var(--teal);font-size:.78rem}.order-flow li:not(:last-child):after{content:"→";position:absolute;right:-.65rem;top:50%;z-index:2;color:var(--teal);font-size:1.1rem}@media(max-width:900px){.order-flow ol{grid-template-columns:repeat(2,1fr)}.order-flow li:not(:last-child):after{display:none}}@media(max-width:520px){.order-flow ol{grid-template-columns:1fr}.order-flow li{min-height:0}}