/* BankingTrail neumorphic visual system */
:root{
  --bg-primary:#e8edf3;--bg-secondary:#f1f4f8;--surface:#e8edf3;
  --text-primary:#172033;--text-secondary:#5f6b7a;--accent-primary:#2457d6;
  --accent-secondary:#1b8f8a;--success:#198754;--danger:#dc3545;
  --shadow-raised:8px 8px 18px rgba(163,177,198,.55),-8px -8px 18px rgba(255,255,255,.9);
  --shadow-soft:5px 5px 12px rgba(163,177,198,.42),-5px -5px 12px rgba(255,255,255,.78);
  --shadow-inset:inset 4px 4px 10px rgba(163,177,198,.5),inset -4px -4px 10px rgba(255,255,255,.85);
  --radius-lg:24px;--radius-md:18px;--radius-sm:12px;
  --navy:var(--text-primary);--blue:var(--accent-primary);--teal:var(--accent-secondary);
  --ink:var(--text-primary);--muted:var(--text-secondary);--bg:var(--bg-primary);
  --soft:var(--bg-secondary);--line:rgba(105,123,148,.18);--card:var(--surface);--shadow:var(--shadow-raised);
}
body{background:var(--bg-primary);color:var(--text-primary);letter-spacing:.002em}
body.dark{--bg-primary:#242a33;--bg-secondary:#2b323d;--surface:#2b323d;--text-primary:#f2f4f8;--text-secondary:#aeb7c4;--accent-primary:#6f91ff;--accent-secondary:#5bc1bb;--shadow-raised:7px 7px 15px rgba(13,16,21,.42),-7px -7px 15px rgba(61,70,83,.48);--shadow-soft:4px 4px 10px rgba(13,16,21,.34),-4px -4px 10px rgba(61,70,83,.38);--shadow-inset:inset 4px 4px 9px rgba(13,16,21,.48),inset -4px -4px 9px rgba(61,70,83,.34);--navy:var(--text-primary);--ink:var(--text-primary);--muted:var(--text-secondary);--bg:var(--bg-primary);--soft:var(--bg-secondary);--card:var(--surface);--line:rgba(255,255,255,.09)}
a,button,input,select,textarea{transition:color .2s,background-color .2s,box-shadow .2s,transform .2s,border-color .2s}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-primary) 65%,white);outline-offset:4px}
.site-header{height:82px;background:var(--bg-primary);border:0;box-shadow:0 7px 20px rgba(105,123,148,.2);backdrop-filter:none}
.site-header.scrolled{box-shadow:0 8px 26px rgba(105,123,148,.3)}
.header-inner{gap:14px}.logo{display:flex;align-items:center;gap:11px;color:var(--text-primary);font-size:1.38rem;white-space:nowrap}
.logo::before{content:"B";display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-soft);font-size:1.22rem;font-weight:900}
.logo span{color:var(--accent-primary)}.dark .logo{color:var(--text-primary)}
.main-nav ul{gap:7px}.main-nav a{padding:.64rem .72rem;border-radius:12px;color:var(--text-secondary);font-weight:700}
.main-nav a:hover{color:var(--accent-primary);box-shadow:var(--shadow-soft)}
.main-nav a.active{color:var(--accent-primary);background:var(--bg-primary);box-shadow:var(--shadow-inset)}
.main-nav a{display:flex;align-items:center;gap:7px}.main-nav a::before{content:"";width:16px;height:16px;flex:none;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.main-nav a[href="index.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m3 11 9-8 9 8v9a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.main-nav a[href="articles.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3h9l4 4v14H6zM9 13h6M9 17h6M14 3v5h5'/%3E%3C/svg%3E")}
.main-nav a[href="news.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 5h13v14H4zM17 8h3v10a1 1 0 0 1-1 1h-2M7 9h7M7 13h7M7 17h4'/%3E%3C/svg%3E")}
.main-nav a[href="expert-insights.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1-5 4-7 8-7s7 2 8 7'/%3E%3C/svg%3E")}
.main-nav a[href="polls.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}
.main-nav a[href="about.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E")}
.main-nav a[href="contact.html"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.icon-btn,.menu-btn{border:0;background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-soft);border-radius:14px;width:44px;height:44px;font-size:0}
.icon-btn:hover,.menu-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-raised)}
.icon-btn:active,.menu-btn:active{transform:none;box-shadow:var(--shadow-inset)}
.icon-btn::before,.menu-btn::before{content:"";width:21px;height:21px;background:currentColor;display:block;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.icon-btn[data-dark]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E")}
body.dark .icon-btn[data-dark]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.42-1.42M17.66 6.34l1.41-1.41'/%3E%3C/svg%3E")}
.icon-btn[href]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}
.menu-btn::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
.menu-btn[aria-expanded="true"]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}
.breaking{background:var(--bg-primary);color:var(--text-primary);padding:12px 0}.breaking-inner{min-height:44px;border-radius:15px;padding:0 14px;box-shadow:var(--shadow-inset)}
.breaking-label{background:var(--accent-primary);border-radius:9px;padding:.3rem .72rem}.breaking-controls button,.breaking-inner>button{width:32px;height:32px;border:0;border-radius:9px;background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-soft);font-size:1.2rem}
.hero{padding:46px 0 64px}.hero-grid{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:12px;gap:10px}
.hero-copy{padding:clamp(28px,5vw,62px)}.hero h1{font-size:clamp(2rem,4vw,3.35rem);color:var(--text-primary)}
.hero-image{min-height:430px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-inset)}.hero-image img{border-radius:18px}
.page-hero{background:transparent;padding:64px 0 44px}.page-hero .container{background:var(--surface);box-shadow:var(--shadow-raised);border-radius:var(--radius-lg);padding:clamp(26px,5vw,48px)}
.section-soft{background:var(--bg-secondary);box-shadow:inset 0 14px 28px rgba(163,177,198,.16),inset 0 -14px 28px rgba(255,255,255,.28)}.dark .section-soft{box-shadow:inset 0 14px 28px rgba(0,0,0,.16),inset 0 -14px 28px rgba(255,255,255,.025)}
.card,.sidebar-box,.category-card,.contact-details{background:var(--surface);border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}
.card{overflow:hidden}.card:hover,.category-card:hover{transform:translateY(-5px);box-shadow:11px 11px 23px rgba(163,177,198,.6),-11px -11px 23px rgba(255,255,255,.94)}.dark .card:hover,.dark .category-card:hover{box-shadow:9px 9px 19px rgba(10,13,17,.5),-9px -9px 19px rgba(61,70,83,.5)}
.card-img{height:200px;aspect-ratio:16/10;object-fit:cover;border-radius:18px;margin:10px;width:calc(100% - 20px)}.card-body{padding:18px 21px 23px}.card h3{font-size:1.12rem}
.badge{background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-inset);padding:.35rem .72rem;border-radius:10px}
.category-card{min-height:116px;display:flex;flex-direction:column;justify-content:center;gap:6px}.category-card b{color:var(--text-primary)}
.expert-card{padding:22px;align-items:flex-start}.expert-photo{width:90px;height:90px;border:5px solid var(--bg-primary);box-shadow:var(--shadow-soft)}
.team-card img{border:7px solid var(--bg-primary);box-shadow:var(--shadow-soft)}
.sidebar{gap:25px}.sidebar-box,.contact-details{padding:24px}.trending strong{color:var(--accent-primary)}.trending li{border-color:var(--line)}
.news-row{margin:11px 0;padding:16px;border:0;border-radius:14px;box-shadow:var(--shadow-soft)}.news-list{border:0}.featured-news{border:0;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:10px;gap:10px}.featured-news img{border-radius:18px}
.btn{background:var(--accent-primary);border:0;border-radius:13px;padding:.75rem 1.15rem;box-shadow:5px 5px 12px rgba(113,132,161,.45),-5px -5px 12px rgba(255,255,255,.75);color:white}.btn:hover{background:var(--accent-primary);filter:brightness(1.06);transform:translateY(-2px)}.btn:active{transform:none;box-shadow:inset 3px 3px 8px rgba(0,0,0,.25),inset -3px -3px 8px rgba(255,255,255,.15)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.btn-outline{background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-soft)}.btn-outline:hover{background:var(--bg-primary);color:var(--accent-primary)}
input,select,textarea,.search-input,.field input,.field select,.field textarea,.inline-form input{background:var(--bg-primary);color:var(--text-primary);border:1px solid transparent;border-radius:13px;box-shadow:var(--shadow-inset);padding:.8rem .95rem}
input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.8}select{appearance:auto}.field label,form>label{color:var(--text-primary)}
.filter-bar{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:16px;gap:14px}
.poll-option{background:var(--bg-primary);border:0;border-radius:14px;box-shadow:var(--shadow-soft);padding:.85rem 1rem}.poll-option:hover{color:var(--accent-primary);transform:translateX(2px)}.poll-option:has(input:checked){color:var(--accent-primary);box-shadow:var(--shadow-inset);font-weight:700}.poll-option input{accent-color:var(--accent-primary);box-shadow:none}
.result-track{height:12px;background:var(--bg-primary);box-shadow:var(--shadow-inset)}.result-bar{background:var(--accent-secondary)}
.result-row.selected{padding:10px 12px;border-radius:12px;box-shadow:var(--shadow-inset);color:var(--accent-primary)}
.pagination button,.share-buttons button,.font-tools button,.post-nav a{border:0;background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-soft);border-radius:12px}.pagination button:hover,.share-buttons button:hover,.font-tools button:hover{color:var(--accent-primary);transform:translateY(-2px)}.pagination button.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:var(--shadow-inset)}
.article-wrap{max-width:850px}.article-header h1{color:var(--text-primary)}.article-hero{box-shadow:var(--shadow-raised);padding:10px;background:var(--surface);border-radius:var(--radius-lg)}.article-body{line-height:1.85}.article-body blockquote{color:var(--text-primary);background:var(--bg-secondary);border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-inset);padding:22px}.info-box{background:var(--bg-secondary);border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-inset)}.article-tools{border:0;margin:15px 0}.author-line img{box-shadow:var(--shadow-soft);border:3px solid var(--bg-primary)}
.success{background:color-mix(in srgb,var(--success) 13%,var(--bg-secondary));color:var(--success);box-shadow:var(--shadow-inset)}
.footer{background:var(--bg-primary);color:var(--text-secondary);padding-top:60px;box-shadow:inset 0 10px 24px rgba(163,177,198,.3)}.footer h3,.footer h4{color:var(--text-primary)}.footer a:hover{color:var(--accent-primary)}.footer-bottom{border-color:var(--line)}
.back-top{background:var(--accent-primary);border-radius:14px;box-shadow:var(--shadow-raised);font-size:0}.back-top::before{content:"";display:block;width:20px;height:20px;margin:auto;background:white;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}.progress{background:var(--accent-primary)}
@media(max-width:900px){.main-nav{top:82px;background:var(--bg-primary);border:0;padding:18px;box-shadow:var(--shadow-raised);border-radius:0 0 22px 22px}.main-nav ul{display:grid;gap:8px}.main-nav a{padding:.85rem 1rem}.main-nav a.active{box-shadow:var(--shadow-inset)}.hero-grid{grid-template-columns:1fr}.hero-image{min-height:320px}.content-sidebar{gap:38px}.cards-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header{height:72px}.logo{font-size:1.18rem}.logo::before{width:38px;height:38px}.icon-btn,.menu-btn{width:40px;height:40px}.main-nav{top:72px}.breaking{padding:9px 0}.hero-grid{padding:8px}.hero-image{min-height:245px}.page-hero{padding:34px 0 20px}.page-hero .container{padding:28px 22px}.cards-3,.cards-4{grid-template-columns:1fr}.filter-bar{padding:13px}.card-img{height:auto}.expert-photo{width:100px;height:100px}.footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}