/* ===== AznikaHub v4 theme — same colours as aznika.net (navy + gold + cream). Claude 2026-11-14 ===== */
:root{--g:#d4a017;--g2:#f5c542;--g-deep:#b8860b;--gs:#fdf7e4;--gf:#f2d27a;--navy-900:#13213d;--navy-800:#1c2e52;--navy-700:#26324a;--ink:#26324a;--ink-soft:#5d6b82;--line:#e9e2cf;--bg:#fbf8f1;--card:#fff;--radius:18px;--az-gold:linear-gradient(135deg,#fff3c4 0%,#f5c542 30%,#d4a017 60%,#fbe08a 80%,#b8860b 100%)}
body{background:var(--bg);color:var(--ink);font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
body.hub-open{overflow:hidden}
h1,h2,h3,.category-title{font-family:"Inter","Segoe UI",system-ui,sans-serif;color:var(--navy-900);letter-spacing:-.015em}
a{color:#8a5a00}
.hub-ic{flex:0 0 auto;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;line-height:1;font-style:normal}

/* header */
header.site.hub-head{position:sticky;top:0;z-index:300;background:#13213d!important;border:0!important;box-shadow:0 6px 24px -10px rgba(0,0,0,.45)}
.hub-bar{display:flex;align-items:center;gap:12px;min-height:70px}
.hub-head .brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.hub-head .aw-word small,.hub-foot .aw-word small{color:#f5c542!important;-webkit-text-fill-color:#f5c542!important}
.hub-head .aw-word b,.hub-foot .aw-word b{color:#fff!important;-webkit-text-fill-color:#fff!important}
.hub-head .aw-word em,.hub-foot .aw-word em{background:none!important;color:#f5c542!important;-webkit-text-fill-color:#f5c542!important;animation:none!important;border:0!important}
.hub-links{display:none;margin-left:auto;align-items:center;gap:2px}
.hub-link{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:10px;color:#e8ecf5;background:none;border:0;font:600 14.5px/1.2 inherit;font-family:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
.hub-link .hub-ic{width:22px;height:22px;font-size:16px}
.hub-link:hover,.hub-dd.open>.hub-link{background:rgba(245,197,66,.12);color:#f5c542}
.hub-car{font-size:11px;opacity:.85;transition:transform .2s}
.hub-dd{position:relative}
.hub-panel{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:290px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 54px -18px rgba(19,33,61,.4);padding:8px;z-index:310;gap:2px}
.hub-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.hub-panel.hub-2col{min-width:560px;grid-template-columns:1fr 1fr}
.hub-dd:hover>.hub-panel,.hub-dd.open>.hub-panel{display:grid}
.hub-dd:nth-last-of-type(-n+2)>.hub-panel{left:auto;right:0}
.hub-panel a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#26324a;font-weight:600;font-size:14.5px;text-decoration:none}
.hub-panel a:hover{background:#fdf7e4;color:#8a5a00}
.hub-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.hub-round{width:46px;height:46px;border-radius:50%;border:1px solid rgba(245,197,66,.45);background:rgba(255,255,255,.05);color:#f5c542;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s}
.hub-round:hover{background:rgba(245,197,66,.15)}
@media(min-width:1180px){.hub-links{display:flex}.hub-burger{display:none}.hub-actions{margin-left:6px}}
.nav-toggle,nav.links{display:none!important}

/* mobile / search menu */
.hub-menu{position:absolute;left:0;right:0;top:100%;background:#13213d;border-top:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow:auto;padding:18px 0 28px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.hub-menu[hidden]{display:none}
.hub-menu .wrap{max-width:760px}
.hub-search{display:flex;align-items:center;gap:12px;background:#1c2e52;border:1px solid rgba(245,197,66,.4);border-radius:999px;padding:0 20px;height:56px;color:#f5c542}
.hub-search input{flex:1;min-width:0;background:none!important;border:0!important;color:#fff!important;font:500 16.5px inherit;font-family:inherit;outline:none;height:100%;padding:0!important;box-shadow:none!important}
.hub-search input::placeholder{color:#9aa6bd}
.hub-search input:focus{border:0!important;box-shadow:none!important;outline:none!important}
.hub-search:focus-within{border-color:#f5c542;box-shadow:0 0 0 3px rgba(245,197,66,.18)}
.hub-search input::-webkit-search-cancel-button{filter:invert(1) sepia(1) saturate(4) hue-rotate(5deg)}
.hub-results{margin-top:6px}
.hub-results a{display:flex;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.hub-results a:hover{color:#f5c542}
.hub-results small{display:block;color:#9aa6bd;font-weight:500;font-size:12.5px;margin-top:2px}
.hub-none{color:#c9d2e3;padding:14px 8px}.hub-none a{color:#f5c542}
.hub-acc{margin-top:10px}
.hub-acc[hidden]{display:none}
.hub-acc-btn{width:100%;display:flex;align-items:center;gap:12px;padding:16px 6px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font:600 17px/1.2 inherit;font-family:inherit;text-align:left;cursor:pointer}
.hub-acc-t{flex:1}
.hub-count{font-size:12px;font-weight:700;background:rgba(245,197,66,.15);color:#f5c542;border-radius:999px;padding:3px 10px}
.hub-acc-btn .hub-car{color:#f5c542;font-size:13px}
.hub-acc-btn[aria-expanded=true] .hub-car,.hub-dd.open .hub-car{transform:rotate(180deg)}
.hub-acc-panel{padding:4px 0 10px}
.hub-acc-panel[hidden]{display:none}
.hub-acc-panel a{display:flex;align-items:center;gap:10px;padding:10px 6px 10px 16px;color:#dbe2ee;text-decoration:none;font-size:15.5px;font-weight:500}
.hub-acc-panel a:hover{color:#f5c542}
.hub-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.hub-menu-links a{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-weight:600;font-size:15px}
.hub-menu-links a:hover{background:rgba(245,197,66,.14);color:#f5c542}

/* privacy strip */
.privacy-strip{background:#fdf7e4!important;color:#6e4a03!important;border:0!important;border-bottom:1px solid #f1e9d6!important}
.privacy-strip b,.privacy-strip a{color:#8a5a00!important}

/* heroes */
.home-hero,.tool-hero{background:radial-gradient(620px 380px at 88% -15%,rgba(245,197,66,.28),transparent 70%),linear-gradient(135deg,#13213d 0%,#1c2e52 60%,#26324a 100%)!important;color:#fff!important;border:0!important}
.home-hero::before,.tool-hero::before{display:none!important}
.home-hero h1,.tool-hero h1,.home-hero p,.tool-intro,.tool-hero .breadcrumb,.tool-hero .breadcrumb a,.tool-hero .breadcrumb span{color:#f3f0e6!important;-webkit-text-fill-color:currentColor}
.home-hero h1 span{background:var(--az-gold)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#f5c542!important;border:0!important}
.home-hero input,.home-hero .search-input{border-color:rgba(245,197,66,.45)!important}

/* cards, buttons, inputs */
.btn-primary{background:linear-gradient(135deg,#f5c542,#d4a017)!important;border:0!important;color:#3a2600!important;border-radius:999px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 10px 22px -10px rgba(184,134,11,.7)}
.btn-primary:hover{filter:brightness(1.05)}
.calc-card{border-radius:20px!important;border:1px solid var(--line)!important;border-left:1px solid var(--line)!important;box-shadow:0 18px 40px -20px rgba(19,33,61,.35)!important;background:#fff!important}
input[type=number],input[type=text],input[type=date],input[type=time],input[type=search],select,textarea{border-color:var(--line)}
input:focus,select:focus,textarea:focus{border-color:#d4a017!important;box-shadow:0 0 0 3px rgba(245,197,66,.25)!important;outline:none}
.mini-result,.result-box{border-color:#f2d27a!important;background:#fffdf7!important}
.mini-result .big,.result-big{color:#13213d!important;font-family:inherit!important}
.x-n{background:linear-gradient(135deg,#f5c542,#d4a017)!important;color:#3a2600!important;text-shadow:none!important}
.x-ic{background:#fdf7e4!important}
.x-relcard:hover,.x-act:hover{border-color:#d4a017!important}
.x-chip{border-color:var(--line)!important;background:#fff!important;color:#26324a!important}
.x-chip:hover{border-color:#d4a017!important;color:#8a5a00!important}

/* home tool cards: icon and title on one line */
.category-title{display:flex;align-items:center;gap:10px;border:0!important}
.tool-grid-card{display:grid!important;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;border-radius:18px!important;border:1px solid var(--line)!important;border-left:1px solid var(--line)!important;background:#fff!important;box-shadow:0 10px 26px -18px rgba(19,33,61,.35)!important;transform:none}
.tool-grid-card:hover{border-color:#d4a017!important;transform:translateY(-2px)!important;background:#fff!important}
.tool-grid-card .ic-lg{grid-column:1;grid-row:1;width:48px!important;height:48px!important;margin:0!important;font-size:24px!important;border-radius:14px!important;background:#fdf7e4!important;display:flex;align-items:center;justify-content:center;transform:none!important}
.tool-grid-card h3{grid-column:2;grid-row:1;margin:0!important;font-size:18px!important;line-height:1.3}
.tool-grid-card p{grid-column:1/-1;margin:12px 0 0!important}
@media(max-width:760px){.x-home-strips h2.x-strip-h:first-of-type,.x-home-strips .x-strip:first-of-type{display:none!important}}

/* services strip (types of calculators) */
.hub-services{background:#fbf8f1;border-top:1px solid var(--line);padding:46px 0 50px}
.hub-sv-h{display:flex;align-items:center;gap:10px;font-size:clamp(22px,3vw,28px);margin:0 0 20px}
.hub-sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.hub-sv{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;color:#26324a;transition:border-color .2s,transform .2s}
.hub-sv:hover{border-color:#d4a017;transform:translateY(-2px)}
.hub-sv.is-current{border-color:#d4a017;box-shadow:inset 0 0 0 1px #f2d27a}
.hub-sv-ic{flex:0 0 46px;height:46px;border-radius:14px;background:#fdf7e4;display:inline-flex;align-items:center;justify-content:center;font-size:23px}
.hub-sv-t b{display:block;font-size:16px;color:#13213d}
.hub-sv-t small{display:block;color:#5d6b82;font-size:13px;margin-top:2px}

/* footer */
footer.hub-foot{background:#13213d!important;color:#c9d2e3!important;padding:44px 0 26px;border:0}
.hub-foot a{color:#e8ecf5!important;text-decoration:none}
.hub-foot a:hover{color:#f5c542!important}
.hub-foot-grid{display:grid;grid-template-columns:1.5fr 1.2fr 1fr 1fr;gap:30px}
.hub-foot-brand p{margin:12px 0 0;max-width:340px;line-height:1.6;color:#c9d2e3}
.hub-foot .foot-heading{color:#f5c542!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;margin:0 0 12px}
.hub-foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.hub-foot-cats a{display:flex;align-items:center;gap:8px}
.hub-foot-cats .hub-ic{width:22px;height:22px;font-size:16px}
.hub-foot .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:#9aa6bd}
@media(max-width:860px){.hub-foot-grid{grid-template-columns:1fr 1fr}.hub-foot-brand{grid-column:1/-1}}
@media(max-width:640px){.hub-bar{min-height:64px}.hub-round{width:44px;height:44px}.hub-menu{max-height:calc(100dvh - 64px)}.hub-services{padding:34px 0 38px}.hub-sv-grid{grid-template-columns:1fr 1fr;gap:10px}.hub-sv{gap:10px;padding:12px;border-radius:14px}.hub-sv-ic{flex-basis:38px;height:38px;font-size:19px;border-radius:11px}.hub-sv-t b{font-size:14px;line-height:1.25}.hub-sv-t small{display:none}}
@media print{.hub-services,.hub-actions,.hub-links,.hub-menu{display:none!important}}

/* aznikahub v3 layout + logo */
footer .aw-word b,footer .aw-word b em{color:#fff!important}footer .aw-word small{color:#cbd5e1!important}.x-hub{display:inline-flex;align-items:center;margin-right:10px}.x-hub img{height:38px;width:auto;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.brand{display:inline-flex;align-items:center}@media(max-width:640px){.x-hub img{height:28px}.x-hub{margin-right:6px}}.x-doc{max-width:880px;margin:0 auto;padding:6px 20px 40px}.x-sec{padding:28px 0;border-bottom:1px solid rgba(127,127,127,.18)}.x-sec p{font-size:16.5px;line-height:1.75}.x-h{display:flex;align-items:center;gap:14px;font-size:clamp(22px,3.2vw,30px);line-height:1.2;margin:0 0 16px}.x-ic{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:rgba(127,127,127,.13);font-style:normal;transform:none}.x-steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}.x-steps li{display:flex;gap:16px;align-items:flex-start;font-size:17px;line-height:1.6}.x-n{flex:0 0 42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;background:var(--g);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.x-factors{padding-left:20px;margin:0}.x-factors li{margin:8px 0;font-size:16.5px;line-height:1.6}.x-tablewrap{overflow-x:auto}.x-extable{width:100%;border-collapse:collapse;font-size:16px}.x-extable th,.x-extable td{padding:12px 14px;border-bottom:1px solid rgba(127,127,127,.25);text-align:left}.x-extable th{font-weight:800}.x-extable td:last-child{font-variant-numeric:tabular-nums}.x-note{font-size:13.5px!important;opacity:.75}.x-rel{display:grid;gap:14px}.x-relcard{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;border:1px solid rgba(127,127,127,.28);text-decoration:none;color:inherit;transition:transform .15s,border-color .15s}.x-relcard:hover{transform:translateY(-2px);border-color:var(--g)}.x-relcard b{display:block;font-size:17px}.x-relcard small{display:block;opacity:.7;font-size:14px;margin-top:2px}.x-relic{font-size:26px}.x-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(127,127,127,.22)}.x-act{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(127,127,127,.4);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;transform:none!important}.x-act:hover{border-color:var(--g)}.saved-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:400;background:#111827;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3)}@media print{header.site,.privacy-strip,footer,.x-actions,.nav-toggle,ins.adsbygoogle,.x-rel,.skip-link{display:none!important}body,.tool-hero{background:#fff!important;color:#000!important}.tool-hero *{color:#000!important}}
/* aznikahub v2 features */
.x-math{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.x-math h3{margin:0 0 8px;font-size:17px}
.x-formula{font-family:Consolas,"Courier New",monospace;white-space:pre-wrap;padding:14px 16px;border-radius:10px;background:rgba(127,127,127,.08);border:1px solid rgba(127,127,127,.25);font-size:14.5px;line-height:1.65}
.x-example{white-space:pre-wrap;line-height:1.65;margin:0}.x-reviewed{font-size:13px;opacity:.8;margin-top:14px}
.x-strip{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 22px}.x-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(127,127,127,.35);text-decoration:none;color:inherit;font-weight:600;font-size:14px;background:rgba(127,127,127,.06)}.x-chip:hover{border-color:var(--g)}
.x-strip-h{font-size:20px;margin:6px 0 4px}.x-wide{flex-basis:100%;grid-column:1/-1;min-width:100%}
.x-article{max-width:800px;line-height:1.75;font-size:16px}.x-article h2{margin-top:28px}.x-article table{border-collapse:collapse;width:100%;margin:14px 0}.x-article td,.x-article th{border:1px solid rgba(127,127,127,.3);padding:8px 10px;text-align:left}.x-article .grid-cards{margin-top:18px}
.x-form{max-width:640px;display:grid;gap:14px;margin-top:16px}.x-form label{display:grid;gap:6px;font-weight:600}.x-form input,.x-form textarea,.x-form select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:400}.x-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.x-alert{padding:12px 14px;border-radius:10px;margin:12px 0;font-weight:600}.x-ok{background:#DCFCE7;color:#14532D}.x-err{background:#FEE2E2;color:#7F1D1D}
.x-alltools{columns:2 260px;padding-left:18px}.x-alltools li{margin:4px 0}
.x-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.x-table td{padding:6px 8px;border-top:1px solid rgba(127,127,127,.25)}.x-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.x-is-err .big{font-size:18px}.x-fields{flex-wrap:wrap}