/* Zachry Insurance / 2026 advisor visual system.
   Loaded last so existing tools and page layouts keep their functional contracts. */
:root{--navy:#153344;--paper:#f7f5ee;--ink:#203e4a;--muted:#586965;--gold:#b29151;--gold-dark:#796331;--line:#d5d9d0;--blue-soft:#e7eeeb}
html{scroll-padding-top:24px}
body{background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}
img{max-width:100%}
a{color:var(--navy);text-underline-offset:4px}
button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid #967329;outline-offset:4px}
[hidden],.hidden{display:none!important}
.primary-btn,.secondary-btn,.nav-btn,.submit-btn{border-radius:2px;transition:background .2s,color .2s;line-height:1.5}
.primary-btn{background:var(--navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 23px;border:1px solid var(--navy);font-size:.86rem}
.primary-btn:hover{background:#285064;color:#fff;transform:none}
.secondary-btn{background:transparent;border:1px solid #a7b2ad;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;padding:16px 23px;font-size:.86rem}
.secondary-btn:hover{background:#e7ece4}
.text-link{display:inline-flex;align-items:center;gap:16px;color:var(--navy);text-decoration:none;border-bottom:1px solid currentColor;padding:4px 0;font-size:.82rem;font-weight:600;line-height:1.5}
.text-link:hover{color:#796331}
.section-tag{color:var(--gold-dark)}
body:not(.home-page) .hero{background:var(--paper);padding:65px 0;border-bottom:1px solid var(--line)}
body:not(.home-page) .hero-text h1{color:var(--navy);font-family:Georgia,serif;font-weight:400;font-size:clamp(2.65rem,4.5vw,4.1rem);line-height:1.1;letter-spacing:-.035em}
body:not(.home-page) .hero-text p{color:var(--muted);font-size:1.03rem;line-height:1.85}
body:not(.home-page) .hero .section-tag,body:not(.home-page) .hero .eyebrow{color:var(--gold-dark)}
body:not(.home-page) .hero-image img{border-radius:2px;box-shadow:none;border:1px solid var(--line);max-width:460px}
body:not(.home-page) .hero-calculator-link{color:var(--navy)}
body:not(.home-page) .hero .content-review-note a{color:var(--navy)}
body:not(.home-page) .hero .content-review-note a:hover,body:not(.home-page) .hero .content-review-note a:focus-visible{color:var(--gold-dark)}
body:not(.home-page) .section-header h2,body:not(.home-page) .about-content h2,body:not(.home-page) .quote-box h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.2;color:var(--navy)}
body:not(.home-page)>section,body:not(.home-page) main>section{padding-block:70px}
body:not(.home-page) :is(.card,.resource-link-card,.day-schedule-card,.timeline-item,.licensed-map-card,.agent-trait-card,.career-funnel-card,.application-card,.testimonial-submit-card,.team-member-card,.quote-box){border:1px solid var(--line);border-radius:3px;box-shadow:none}
body:not(.home-page) :is(.card,.resource-link-card,.day-schedule-card,.agent-trait-card):hover{transform:none;background:#f2f4ec;box-shadow:none}
body:not(.home-page) :is(.licensed-states-section,.licensing-overview-section,.agent-work-section,.quote-section,.career-funnel-section){background:var(--blue-soft)}
body:not(.home-page) .breadcrumb-nav{background:#eeeee5;border-bottom:1px solid var(--line)}
body:not(.home-page) .topic-jump-nav{background:#eeeee5}
body:not(.home-page) :is(.licensed-state-grid li,.answer-summary,.faq-item,.consent-group){border-radius:3px;box-shadow:none}
body:not(.home-page) :is(input,select,textarea){border-radius:3px}
body:not(.home-page) :is(.footer-cta-section,.testimonial){background:var(--navy)}
body:not(.home-page) .footer-cta-box{border-radius:3px;box-shadow:none;background:transparent;border:0}
body:not(.home-page) .footer-cta-box h2{font-family:Georgia,serif;font-weight:400}
body:not(.home-page) .footer-cta-box .primary-btn{background:#d3bf8a;color:#153344;border-color:#d3bf8a}
/* Interactive tools share a quiet, solid navy workspace. */
body:not(.home-page) :is(.decoder-hero,.coverage-hero,.parent-wizard-hero,.expense-planner-hero){background:var(--navy);padding-block:64px}
body:not(.home-page) :is(.decoder-intro,.coverage-intro,.parent-wizard-intro,.expense-planner-intro)>h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.1;font-size:clamp(2.6rem,4.1vw,4rem)}
body:not(.home-page) :is(.decoder-card,.coverage-card,.parent-wizard-card,.expense-planner-card){border-radius:3px;box-shadow:none;border:1px solid #d4dcd8}
body:not(.home-page) :is(.decoder-feature-number,.coverage-feature-number,.parent-wizard-feature-number){border-radius:2px}
body:not(.home-page) :is(.decoder-grid,.coverage-grid,.parent-wizard-grid,.expense-planner-grid){gap:45px}
.team-page-hero,.agent-profile-hero,.privacy-hero{background:var(--paper);border-bottom:1px solid var(--line)}
.team-page-hero h1,.agent-profile-copy h1,.privacy-hero h1{color:var(--navy);font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
.team-page-hero p,.agent-profile-copy p,.privacy-hero p{color:var(--muted)}
@media(max-width:900px){body:not(.home-page) .hero-grid{gap:35px;text-align:left}body:not(.home-page) .hero-image{justify-content:flex-start}body:not(.home-page) :is(.decoder-grid,.coverage-grid,.parent-wizard-grid,.expense-planner-grid){gap:35px}body:not(.home-page)>section,body:not(.home-page) main>section{padding-block:52px}}
@media(max-width:600px){body:not(.home-page) .hero{padding:43px 0}body:not(.home-page) .hero-text h1{font-size:2.6rem}body:not(.home-page) :is(.decoder-hero,.coverage-hero,.parent-wizard-hero,.expense-planner-hero){padding-block:44px}body:not(.home-page) .section-header h2{font-size:2.2rem}body:not(.home-page) .hero-buttons{align-items:stretch}body:not(.home-page) .hero-image img{max-width:100%}body:not(.home-page) .carrier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.home-page) .carrier-grid img{max-width:100%}body:not(.home-page) .footer-cta-box{padding:20px 0}body:not(.home-page) .footer-cta-box h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Shared forms must be able to shrink inside narrow grid columns. */
form,form>div,.funnel-form-group,.application-form-group{min-width:0}
form input:not([type="checkbox"]):not([type="radio"]),form select,form textarea{min-width:0;max-width:100%}
.funnel-form-group input,.funnel-form-group select,.funnel-form-group textarea{width:100%}
body:not(.home-page) :is(.career-funnel-header,.application-header) h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}
body:not(.home-page) :is(.interview-screen,.decoder-screen,.parent-wizard-screen)>h2,
body:not(.home-page) :is(.coverage-info-grid,.decoder-info-grid,.expense-planner-info-grid)>div>h2,
body:not(.home-page) :is(.coverage-bottom-card,.decoder-bottom-card,.expense-planner-bottom-card) h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}
body:not(.home-page) :is(.coverage-bottom-card,.decoder-bottom-card,.expense-planner-bottom-card){background:var(--navy);border-radius:3px;box-shadow:none}
body:not(.home-page) :is(.parent-wizard-info-card,.expense-planner-card,.decoder-input-card){border-radius:3px;box-shadow:none;border:1px solid var(--line)}
body:not(.home-page) :is(.interview-primary-button,.interview-secondary-button,.decoder-primary-button,.decoder-secondary-button,.parent-wizard-primary-button,.parent-wizard-secondary-button,.expense-primary-button,.expense-secondary-button){border-radius:3px}
@media(max-width:700px){.funnel-form-grid,.application-form-grid{grid-template-columns:minmax(0,1fr)}.funnel-form-group label,.application-form-group label{overflow-wrap:anywhere}}
