/* Global design system — Weblancia Hub v2 */
:root{--hub-bg:#080f20;--hub-surface:#14243f;--hub-stroke:#344968;--hub-text:#edf4ff;--hub-muted:#b2c3de;--hub-accent:#a8bcff;--hub-mint:#8be2db}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body .wh-brand{letter-spacing:-.055em!important}
body .wh-nav nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 3px!important;font-weight:650!important;transition:color .2s}
body .wh-nav nav a:after{content:"";position:absolute;left:3px;right:3px;bottom:5px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--hub-accent),var(--hub-mint));transform:scaleX(0);transform-origin:left;transition:transform .2s}
body .wh-nav nav a:hover:after,body .wh-nav nav a[aria-current=page]:after{transform:scaleX(1)}
body:not(.home) .wh-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;z-index:10}
body:not(.home) .wh-content{width:100%;max-width:1240px!important}
body:not(.home) .wh-title{font-size:clamp(36px,5.2vw,64px)!important;letter-spacing:-.055em!important;line-height:1.1!important}
body:not(.home) .entry-content h2,body:not(.home) .entry-content h3{letter-spacing:-.035em}
body:not(.home) .entry-content p{line-height:1.75}
body:not(.home) .wht-card,body:not(.home) .hubtool .panel,body:not(.home) .exttool .pane,body:not(.home) .hubui .tile,body:not(.home) .hub-dash .hub-panel{border-radius:20px!important;box-shadow:0 14px 40px #00000024!important}
body:not(.home) :is(.wht,.hubtool,.exttool,.hubui,.hub-dash) :is(button,.action,.hub-btn):not(:disabled){cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
body:not(.home) :is(.wht,.hubtool,.exttool,.hubui,.hub-dash) :is(button,.action,.hub-btn):hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 10px 28px #719eff30}
body:not(.home) :is(.wht,.hubtool,.exttool,.hubui,.hub-dash) button:disabled{opacity:.55;cursor:not-allowed}
body:not(.home) :is(.wht,.hubtool,.exttool,.hubui,.hub-dash) :is(button,a,input,textarea,select):focus-visible,body .wh-nav a:focus-visible{outline:3px solid #92dce8!important;outline-offset:3px!important}
body:not(.home) :is(.wht,.hubtool,.exttool,.hubui) :is(input,textarea,select){max-width:100%;box-sizing:border-box}
body:not(.home) .hubui .action,body:not(.home) .hubui button,body:not(.home) .wht button,body:not(.home) .hubtool button,body:not(.home) .exttool button{min-height:44px;padding:11px 18px;border-radius:12px;font-weight:750}
body:not(.home) .hubui .action{background:linear-gradient(110deg,#adc2ff,#8ee2df)!important;color:#0b1930!important}
body:not(.home) .hubui .secondary{background:#233c61!important;color:#e8f1ff!important}
body:not(.home) .hubui .cards{gap:20px}
body:not(.home) .hubui .tile{background:linear-gradient(145deg,#1a2c4a,#101b31)!important;border:1px solid #455d7d!important;padding:26px!important}
body:not(.home) .wh-article{max-width:860px!important}
body:not(.home) .wh-article h2{margin-top:38px;line-height:1.3}
body:not(.home) .wh-article a:not(.wp-block-button__link){text-underline-offset:3px}
body:not(.home) .wh-article :is(ul,ol){padding-left:24px;line-height:1.8;color:#c3d1eb}
body:not(.home) .wh-article :is(blockquote,pre){border-radius:16px;overflow:auto}
body .wp-block-button__link,body .wp-element-button{border-radius:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;transition:transform .2s}
body .wp-block-button__link:hover,body .wp-element-button:hover{transform:translateY(-2px)}
body:not(.home) .wh-footer{gap:24px}
@media(max-width:760px){body:not(.home) .wh-header{padding:0 16px!important}body:not(.home) .wh-nav{gap:10px!important;min-height:0!important;padding:16px 0!important}body:not(.home) .wh-nav nav{gap:8px 15px!important}body:not(.home) .wh-nav nav a{font-size:13px!important}body:not(.home) .wh-content{padding:38px 17px 70px!important}body:not(.home) .hubui .tile{padding:20px!important}body:not(.home) .wht-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
