/* HUUN Journal — aligned with the shared header frame. */
.huun-blog{--hb-ink:#083251;--hb-muted:#526b7d;box-sizing:border-box;width:calc(100% - 2 * var(--huun-gutter,20px));max-width:none;margin:clamp(24px,2.5vw,40px) auto 64px;color:var(--hb-ink);font-family:Outfit,Arial,sans-serif}
.huun-blog *{box-sizing:border-box}.huun-blog a{color:inherit}.huun-blog :focus-visible{outline:3px solid #347fa9;outline-offset:4px}.huun-blog svg{flex:none;vertical-align:middle}.huun-blog :is(h1,h2,h3,p){margin-top:0}.huun-blog :is(h1,h2,h3){font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.huun-blog a{text-decoration:none}.huun-blog p{line-height:1.65}
body:has(.huun-header--wide) .huun-blog{max-width:none}
.hb-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);gap:36px;align-items:end;padding:clamp(24px,4vw,64px);border:1px solid #d4e1eb;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#d9e9f280,transparent 62%),linear-gradient(140deg,#fff,#eef5f9);box-shadow:inset 0 1px 0 #fff,0 12px 40px #08325105}
.hb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--hb-muted);margin-bottom:30px}.hb-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.hb-kicker{display:block;font-size:11px;font-weight:550;letter-spacing:.12em;line-height:1.5;color:var(--hb-muted);margin-bottom:12px}
.hb-hero h1{font-size:clamp(30px,3.5vw,54px);line-height:1.08;margin-bottom:18px;max-width:20ch}.hb-intro{max-width:62ch;font-size:16px;color:var(--hb-muted)}.hb-intro p:last-child{margin-bottom:0}
.hb-search{margin:0;min-width:0}.hb-search label{display:block;font-size:13px;margin-bottom:9px;font-weight:500}.hb-search>div{display:flex;gap:6px;padding:6px;border:1px solid #c9dbe7;border-radius:14px;background:#ffffffc9;box-shadow:inset 0 1px 0 white}.hb-search input[type=search]{min-width:0;flex:1;width:100%;padding:10px 8px;font:400 14px Outfit,sans-serif;color:var(--hb-ink);border:0;background:transparent;border-radius:8px}.hb-search button{display:grid;place-items:center;flex:none;width:44px;min-height:44px;padding:10px;border:0;border-radius:10px;background:var(--hb-ink);color:white;cursor:pointer}
.hb-topics{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 12px;margin:24px 0 16px;scrollbar-width:thin}.hb-topics a{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:1px solid #d3e1eb;border-radius:999px;background:#f7fafc;font-size:13px;line-height:1.3}.hb-topics a[aria-current=page]{background:var(--hb-ink);color:white;border-color:var(--hb-ink)}.hb-topics a:hover{border-color:#8caec4}
.hb-hero+.hb-grid,.hb-hero+.hb-empty{margin-top:clamp(24px,2.5vw,40px)}
.hb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hb-card{min-width:0;overflow:hidden;border:1px solid #d7e3ec;border-radius:22px;background:linear-gradient(145deg,#fff,#f3f8fb);box-shadow:inset 0 1px 0 white,0 4px 20px #08325105}.hb-card-link{display:flex;flex-direction:column;height:100%}.hb-media{aspect-ratio:4/3;overflow:hidden;position:relative;background:#e6eff5}.hb-media img{display:block;width:100%;height:100%;object-fit:cover}.hb-media--empty{display:grid;place-items:center;background:radial-gradient(ellipse at 65% 20%,#fff,#e4eff6)}.hb-fallback{display:grid;place-items:center;gap:14px;color:#63869c}.hb-fallback svg{width:150px;height:auto}.hb-fallback>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.hb-card-copy{display:flex;flex:1;flex-direction:column;padding:26px;min-width:0}.hb-card h2{font-size:23px;line-height:1.25;margin-bottom:14px}.hb-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--hb-muted);font-size:12px;line-height:1.5}.hb-meta span:before{content:'·';margin-right:12px}.hb-excerpt{font-size:14px;color:var(--hb-muted);margin:16px 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hb-read{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #dae6ee;font-size:13px;font-weight:500}.hb-read svg{width:20px}
.hb-card--featured{grid-column:1/-1;margin-bottom:6px}.hb-card--featured .hb-card-link{display:grid;grid-template-columns:1.25fr 1fr}.hb-card--featured .hb-media{aspect-ratio:16/10;min-height:100%}.hb-card--featured .hb-card-copy{justify-content:center;padding:clamp(24px,4vw,58px)}.hb-card--featured h2{font-size:clamp(25px,2.7vw,40px);line-height:1.15}.hb-card--featured .hb-excerpt{font-size:16px;-webkit-line-clamp:4}.hb-card--featured .hb-read{margin-top:14px}
.hb-pagination{margin:32px 0}.hb-pagination ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.hb-pagination .page-numbers:not(ul){display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #d3e0e9;border-radius:12px;background:#f7fafc;font-size:14px}.hb-pagination .current{background:var(--hb-ink)!important;color:white}.hb-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:36px 40px;border:1px solid #cddde8;border-radius:22px;background:linear-gradient(120deg,#f9fcfe,#e7f1f7)}.hb-cta h2{font-size:30px;line-height:1.2;margin-bottom:10px}.hb-cta p{font-size:15px;margin-bottom:0;color:var(--hb-muted)}.huun-blog .hb-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex:none;min-height:48px;padding:14px 20px;border-radius:13px;background:var(--hb-ink);color:white;font-size:14px;font-weight:500}.hb-empty{padding:48px 24px;text-align:center;border:1px solid #d4e1eb;border-radius:22px;background:#f5f9fc}.hb-empty h2{font-size:26px}
.huun-blog--single>.hb-breadcrumb{margin:28px 0}.hb-article{border:1px solid #d5e3ec;border-radius:24px;background:linear-gradient(145deg,#fff,#f9fcfe);overflow:hidden}.hb-article-head{max-width:1040px;margin:auto;padding:clamp(24px,5vw,72px) clamp(20px,4vw,60px) 36px}.hb-article-head h1{font-size:clamp(30px,3.5vw,52px);line-height:1.12;margin-bottom:24px}.hb-article-cover{margin:0 auto;max-width:1200px;padding:0 24px}.hb-article-cover img{display:block;width:100%;height:auto;max-height:660px;object-fit:cover;border-radius:18px}.hb-entry{max-width:850px;margin:auto;padding:40px 32px 48px;font-size:17px;line-height:1.8;overflow-wrap:anywhere}.hb-entry :is(h2,h3,h4){margin-top:1.6em;margin-bottom:.65em;line-height:1.25}.hb-entry h2{font-size:30px}.hb-entry h3{font-size:24px}.hb-entry p,.hb-entry li{color:#365469}.hb-entry a{text-decoration:underline;text-underline-offset:3px}.hb-entry img{max-width:100%;height:auto;border-radius:12px}.hb-entry :is(iframe,video){max-width:100%}.hb-entry pre{max-width:100%;overflow:auto}.hb-entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.hb-entry :is(td,th){padding:12px;border:1px solid #d3e1eb}.hb-entry blockquote{margin:28px 0;padding:22px 28px;background:#edf5fa;border-left:3px solid #507f9c;border-radius:0 14px 14px 0}.hb-article-footer{max-width:850px;margin:auto;padding:0 32px 32px}.hb-back{display:inline-flex;align-items:center;gap:12px;font-size:14px;min-height:44px}.hb-article--builder .hb-entry{max-width:none;padding:0}.hb-article--builder .hb-entry :is(h2,h3,h4){margin-top:revert;margin-bottom:revert}.huun-blog--single .post-navigation{margin:24px 0}.huun-blog--single .nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.huun-blog--single .nav-links a{display:flex;flex-direction:column;gap:10px;padding:24px;height:100%;border:1px solid #d4e1eb;border-radius:18px;background:#f5f9fc}.huun-blog--single .nav-links span{font-size:12px;color:var(--hb-muted)}.huun-blog--single .nav-links strong{font-size:18px;font-weight:500}.huun-blog--single #comments{max-width:850px;margin:40px auto}.huun-blog--single #comments :is(input,textarea){max-width:100%;border:1px solid #cbdde9;border-radius:10px;padding:12px;font:inherit}
@media(hover:hover){.hb-card:hover{border-color:#9db9cb;box-shadow:0 12px 32px #0832510d}.hb-card:hover .hb-read{color:#276388}.hb-button:hover{background:#1b4e6e}}
@media(prefers-reduced-motion:no-preference){.hb-card{transition:border-color .2s,box-shadow .2s}.hb-media img{transition:transform .35s}.hb-card:hover .hb-media img{transform:scale(1.025)}}
@media(max-width:1024px){.hb-hero{grid-template-columns:1fr;gap:26px}.hb-search{max-width:500px;width:100%}.hb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hb-card-copy{padding:22px}.hb-card h2{font-size:21px}}
@media(max-width:767px){.huun-blog{width:calc(100% - 2 * var(--huun-mobile-gutter,10px));margin-top:20px;margin-bottom:36px}.hb-hero{padding:24px 20px;border-radius:20px;gap:22px}.hb-breadcrumb{margin-bottom:24px}.hb-hero h1{font-size:30px}.hb-intro{font-size:14px}.hb-kicker{font-size:10px}.hb-topics{margin-top:18px;margin-bottom:12px}.hb-topics a{font-size:12px;padding:9px 13px}.hb-grid{gap:16px}.hb-card--featured .hb-card-link{display:flex}.hb-card--featured .hb-media{aspect-ratio:4/3;min-height:0}.hb-card--featured .hb-card-copy{padding:22px}.hb-card--featured h2{font-size:25px}.hb-card--featured .hb-excerpt{font-size:14px}.hb-card h2{font-size:20px}.hb-card-copy{padding:20px}.hb-cta{flex-direction:column;align-items:flex-start;padding:26px 22px;margin-top:30px}.hb-cta h2{font-size:25px}.hb-article-head{padding:28px 20px}.hb-article-head h1{font-size:30px}.hb-article-cover{padding:0 14px}.hb-entry{padding:26px 20px;font-size:16px}.hb-entry h2{font-size:25px}.hb-entry h3{font-size:21px}.hb-article-footer{padding-inline:20px}.huun-blog--single .nav-links{grid-template-columns:1fr}.hb-article{border-radius:20px}}
@media(max-width:600px){.hb-grid{grid-template-columns:minmax(0,1fr)}.hb-card{border-radius:18px}.hb-media{aspect-ratio:4/3}.hb-card--featured{margin-bottom:0}}
@media(forced-colors:active){.huun-blog :is(.hb-hero,.hb-card,.hb-cta,.hb-article,.hb-button){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.hb-topics a[aria-current=page]{background:Highlight;color:HighlightText}}
/* Header switches to its mobile gutter at 980px, including tablets. */
@media(max-width:980px){.huun-blog{width:calc(100% - 2 * var(--huun-mobile-gutter,10px))}}

/* rc41: native TOC and Elementor single-post integration. */
.huun-blog--single .hb-article--builder{min-width:0}
.huun-blog--single .hb-article--builder .hb-entry>.elementor{width:100%;max-width:none;min-width:0}
.huun-blog--single .hb-entry :is(h2,h3,[id]){scroll-margin-top:130px}
.huun-blog--single .huun-toc{clear:both;margin:28px 0 36px;padding:0;border:1px solid #d1dfe9;border-radius:18px;background:linear-gradient(130deg,#ffffffed,#edf4f8e8);color:#083251;box-shadow:inset 0 1px 0 #fff;font:400 16px/1.55 Outfit,Arial,sans-serif}
.huun-blog--single .hb-entry>.huun-toc{margin:24px clamp(18px,3.5vw,48px)}
.huun-blog--single .huun-toc details{margin:0;padding:20px 24px;border:0;border-radius:inherit;background:transparent}
.huun-blog--single .huun-toc summary{cursor:pointer;display:list-item;list-style:disclosure-closed inside;padding:0;font:500 20px/1.4 Outfit,Arial,sans-serif;letter-spacing:-.02em;color:#083251}
.huun-blog--single .huun-toc details[open]>summary{list-style-type:disclosure-open}
.huun-blog--single .huun-toc summary:after{content:none}
.huun-blog--single .huun-toc ol{margin:18px 0 0;padding-left:24px;list-style:decimal}
.huun-blog--single .huun-toc li{padding:0 0 8px 4px;break-inside:avoid;color:#083251}
.huun-blog--single .huun-toc li:last-child{padding-bottom:0}
.huun-blog--single .huun-toc li>ol{margin:8px 0 0;font-size:14px;list-style:lower-alpha}
.huun-blog--single .huun-toc a{display:inline-block;padding:3px 0;color:#083251;text-decoration:none;line-height:1.5}
.huun-blog--single .huun-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.huun-blog--single .huun-toc a:focus-visible{outline:3px solid #347fa9;outline-offset:3px}
@media(min-width:1100px){.huun-blog--single .huun-toc details>ol{columns:2;column-gap:48px}}
@media(max-width:767px){.huun-blog--single .huun-toc details{padding:18px}.huun-blog--single .huun-toc summary{font-size:18px}.huun-blog--single .huun-toc{font-size:15px;border-radius:14px}.huun-blog--single .huun-toc a{padding:5px 0}}
.huun-blog--single #respond{min-width:0;max-width:850px;margin:40px auto}
.huun-blog--single #respond textarea{box-sizing:border-box;min-width:0;width:100%;max-width:100%}
.huun-blog--single #respond input:not([type=checkbox]):not([type=radio]){box-sizing:border-box;max-width:100%}
