/* HV Investing "Nordic news" design system (approved 2 Oct 2026).
   Headings & numbers: Schibsted Grotesk 500/600. Text: Public Sans 400/600. Both SIL OFL 1.1,
   self-hosted & subset (Latin + the rupee sign, which sits in a tiny separate file).
   Everything is scoped under .hvd so it never leaks into older pages. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-500-normal.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2032-2033,U+2190-2193,U+2212,U+2248,U+25B2,U+25BC}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-600-normal.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2032-2033,U+2190-2193,U+2212,U+2248,U+25B2,U+25BC}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-rupee-500-normal.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-rupee-600-normal.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/public-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2032-2033,U+2190-2193,U+2212,U+2248,U+25B2,U+25BC}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/public-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0020-007E,U+00A0-00FF,U+2010-2027,U+2032-2033,U+2190-2193,U+2212,U+2248,U+25B2,U+25BC}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/public-sans-rupee-400-normal.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/public-sans-rupee-600-normal.woff2) format('woff2');unicode-range:U+20B9}

.hvd{--fh:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--fb:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--fn:var(--fh);
 --cream:#FBF1E6;--paper:#FFFCF7;--band:#F6EDE2;--rule:#E6D9CA;--rule2:#EFE5D9;--coral:#E8604F;--coral-d:#C2453A;--coral-t:#FBE3DE;
 --navy:#1F3A5F;--navy-d:#13233A;--navy-x:#0E1B2E;--navy-t:#E5EBF3;--ink:#17202D;--ink-2:#4A5262;--muted:#7F8794;--good:#1E7A57;--good-t:#E3F1EA;--sand-t:#EDE6DC;--sand:#5E5345;
 font-family:var(--fb);color:var(--ink);background:var(--cream);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums lining-nums}
body.hvd-body{background:#FBF1E6;margin:0}
.hvd *,.hvd *::before,.hvd *::after{box-sizing:border-box}
.hvd h1,.hvd h2,.hvd h3,.hvd h4{font-family:var(--fh)!important;margin:0;letter-spacing:-.01em;color:var(--navy-d)}
.hvd p{margin:0}
.hvd a{color:inherit;text-decoration:none}
.hvd button,.hvd input,.hvd select{font-family:var(--fb)!important}
.hvd .n{font-family:var(--fn);font-variant-numeric:tabular-nums lining-nums}
.hvd .k{font:600 12px var(--fb);color:var(--muted)}
.hvd .up{color:var(--good)}.hvd .dn{color:var(--coral-d)}
.hvd .muted{color:var(--muted)}
.hvd :focus-visible{outline:2px solid var(--coral);outline-offset:2px}

/* ---------- shell: top bar, workspace tabs, tool dock ---------- */
/* site.css styles every <nav> (uppercase, letter-spacing, mobile order/width): reset inside the Desk. */
.hvd nav{letter-spacing:0;text-transform:none;font-size:inherit;font-weight:inherit;color:inherit;order:0;margin-top:0;padding-bottom:0;white-space:normal;width:auto}
.hvd nav a.on,.hvd nav a:hover{border-bottom:0;padding-bottom:inherit}
.hvd nav.hvd-tabs{white-space:nowrap}
.hvd nav a.hvd-tab{padding:10px 14px 11px}.hvd nav a.hvd-tab:hover{color:#fff}.hvd nav a.hvd-tab.on:hover{color:var(--navy-d)}
.hvd nav a.hvd-dk{padding:8px 10px 7px}
.hvd-bar{display:flex;align-items:center;gap:22px;padding:10px 24px;background:var(--navy-x);color:#EDE4D8}
.hvd-logo{display:flex;align-items:center;gap:10px;font:600 16px var(--fh);color:#fff;white-space:nowrap}
.hvd-logo i{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;font:700 11px var(--fb);font-style:normal;color:var(--navy-x);background:#F4E7D8}
.hvd-cmd{flex:1;max-width:620px;margin:0 auto;position:relative}
.hvd-cmd form{display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;border-radius:8px;background:#172840;border:1px solid #26395A}
.hvd-cmd input{flex:1;min-width:0;background:none;border:0;color:#fff;font-size:13.5px;padding:10px 0;outline:none}
.hvd-cmd input::placeholder{color:#9AA6B8}
.hvd-cmd kbd{font:600 11px var(--fh);color:#C9D2DF;border:1px solid #33496C;border-radius:5px;padding:2px 6px}
.hvd-cmd .sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--paper);border:1px solid var(--rule);border-radius:8px;box-shadow:0 18px 40px -18px rgba(14,27,46,.5);z-index:40;display:none;overflow:hidden}
.hvd-cmd .sug.on{display:block}
.hvd-cmd .sug a{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;color:var(--ink);font-size:13.5px;border-bottom:1px solid var(--rule2)}
.hvd-cmd .sug a:last-child{border:0}
.hvd-cmd .sug a span{color:var(--muted);font-size:12px}
.hvd-cmd .sug a:hover,.hvd-cmd .sug a.on{background:var(--band)}
.hvd-mkt{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#B5BFCD;white-space:nowrap}
.hvd-mkt .n{color:#fff}
.hvd-live{width:7px;height:7px;border-radius:50%;background:#3FB58A;flex:none}
.hvd-av{width:30px;height:30px;border-radius:50%;background:#2A4269;display:grid;place-items:center;font:600 12px var(--fb);color:#fff;flex:none}
.hvd .hvd-tabs{display:flex;align-items:flex-end;gap:2px;padding:0 24px;background:var(--navy-x);border-top:1px solid #1C2D47;overflow-x:auto;scrollbar-width:none}
.hvd-tab{display:flex;align-items:center;gap:8px;padding:10px 14px 11px;font-size:13px;color:#A9B4C4;white-space:nowrap;border-radius:7px 7px 0 0;margin-top:6px}
.hvd-tab b{font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.hvd-tab .t{font:600 10.5px var(--fb);color:#7D8BA1}
.hvd-tab .x{opacity:.45;margin-left:2px;cursor:pointer;background:none;border:0;color:inherit;font-size:13px;padding:0}
.hvd-tab.on{background:var(--cream);color:var(--navy-d)}
.hvd-tab.on .t{color:var(--coral-d)}
.hvd-tab.new{color:#7D8BA1}
.hvd-tabhint{margin-left:auto;align-self:center;font-size:11.5px;color:#6F7D93;white-space:nowrap;padding-left:16px}
.hvd .hvd-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:0;padding:4px;border-radius:12px;background:var(--navy-x);box-shadow:0 18px 40px -18px rgba(14,27,46,.7);z-index:30}
.hvd-dk{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px 7px;min-width:80px;color:#A9B4C4;font-size:11px;white-space:nowrap;border-radius:8px;position:relative}
.hvd-dk svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hvd-dk:hover{color:#fff}
.hvd-dk.on{color:#fff;background:#1A2C47}
.hvd-dk.on::after{content:"";position:absolute;left:28%;right:28%;bottom:2px;height:2px;border-radius:2px;background:var(--coral)}
.hvd-dock .sep{width:1px;background:#22344F;margin:8px 4px}
.hvd-main{max-width:1500px;margin:0 auto;padding:22px 24px 110px}

/* ---------- shared panels ---------- */
.hvd .panel{background:var(--paper);border:1px solid var(--rule);border-radius:10px;padding:16px 20px 18px;box-shadow:none}
.hvd .ph{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--rule2);flex-wrap:wrap}
.hvd .ph h3{font:600 17px var(--fh)}
.hvd .ph .s{font-size:12px;color:var(--muted)}
.hvd .ph .sp{flex:1}
.hvd .ph a.more{font:600 13px var(--fb);color:var(--navy-d);border:1px solid var(--navy);border-radius:6px;padding:5px 10px;white-space:nowrap}.hvd .ph a.more:hover{background:var(--navy-d);color:#fff}.hvd .ph a.more::after,.hvd a.go::after{content:" →";color:var(--coral)}
.hvd .lede{font-size:13.5px;color:var(--ink);margin-top:12px}
.hvd .ty{display:inline-block;font:600 10.5px var(--fb);font-style:normal;padding:2px 7px;border-radius:4px;margin-right:6px;white-space:nowrap}
.hvd .t-navy{background:var(--navy-t);color:var(--navy)}.hvd .t-coral{background:var(--coral-t);color:var(--coral-d)}.hvd .t-sand{background:var(--sand-t);color:var(--sand)}.hvd .t-green{background:var(--good-t);color:var(--good)}
.hvd .seg{display:inline-flex;border:1px solid var(--rule);border-radius:7px;overflow:hidden;background:var(--paper)}
.hvd .seg a,.hvd .seg span{padding:7px 13px;font-size:12.5px;color:var(--ink-2);border-left:1px solid var(--rule)}
.hvd .seg a:first-child,.hvd .seg span:first-child{border:0}
.hvd .seg .on{background:var(--navy-d);color:#fff}
.hvd .foot2{font-size:12px;color:var(--muted);margin-top:10px}
.hvd table{border-collapse:collapse;width:100%}
.hvd .empty{padding:14px;border:1px dashed var(--rule);border-radius:8px;color:var(--ink-2);font-size:13px}

@media(max-width:760px){
 .hvd-bar{flex-wrap:wrap;padding:10px 12px;gap:12px}.hvd-cmd{order:3;flex-basis:100%;max-width:none}.hvd-mkt{display:none}.hvd-av{margin-left:auto}
 .hvd .hvd-tabs{padding:0 10px}.hvd-tabhint{display:none}.hvd-main{padding:14px 12px 110px}
 .hvd .hvd-dock{left:8px;right:8px;transform:none;overflow-x:auto;scrollbar-width:none}.hvd nav a.hvd-dk{min-width:72px;font-size:10px;padding:6px 4px}.hvd-dock .sep{display:none}
}
@media print{.hvd-dock,.hvd-tabs,.hvd-bar{display:none}}
.hvd nav a.hvd-tab:not(.on),.hvd nav a.hvd-tab:not(.on) b{color:#C9D3E2}.hvd nav a.hvd-tab:not(.on) .t{color:#8D9AAF}
/* 6 Oct 2026: when the tool dock is wider than the window (tablets & small laptop windows) it stays centred & scrolls sideways instead of losing its first & last tools off the edges. */
@media(min-width:761px){.hvd .hvd-dock{max-width:calc(100vw - 16px);overflow-x:auto;scrollbar-width:none}.hvd .hvd-dock::-webkit-scrollbar{display:none}}