/* ========================================================================== MELANION DESIGN SYSTEM · melanion-design-system.css Shared by the investor-portal pages (funds, documents, Multi-Strategy). SOURCE OF TRUTH Every value marked [official] was read from the Elementor kit, header, footer and homepage stylesheets of www.melanion.com and from the official logo file. Values marked [derived] have no equivalent on melanion.com (the public site is dark only) and were derived to match it; they are the ones to confirm with the brand owner. STRUCTURE 1 Fonts 2 Tokens (dark default, light derived) 3 Base 4 Typography 5 Layout 6 Header / navigation / footer 7 Buttons 8 Cards 9 Forms & filters 10 Tables 11 Data / status 12 Utilities and responsive rules Page-specific layout stays in each page; anything reused lives here. ========================================================================== */ /* 1 ─ FONTS ─────────────────────────────────────────────────────────────── */ /* Galmine: titles. File as published on melanion.com [official]. For production, self-host the same file next to this stylesheet and change the url(). */ @font-face{font-family:"Galmine";font-style:normal;font-weight:400;font-display:swap; src:local("Galmine"),url("/fonts/funds/Galmine.woff2") format("woff2")} /* Montserrat: everything else [official]. Loaded by the page with */ /* 2 ─ TOKENS ────────────────────────────────────────────────────────────── */ :root,html[data-investor-theme=dark] .fund-reference{ /* brand palette [official] */ --mc-black:#000000; --mc-white:#FFFFFF; --mc-gold:#D4AF37; --mc-grey-500:#7A7A7A; --mc-grey-400:#939393; --mc-grey-300:#ACACAC; --mc-grey-200:#CFCFCF; --mc-grey-100:#E2E2E2; --mc-grey-50:#F4F4F4; --mc-link-hover:#004C88; /* kit link-hover blue */ /* semantic colours (dark) */ --mc-primary:var(--mc-gold); --mc-bg-primary:#000000; /* page [official] */ --mc-bg-surface:#0F0F0F; /* = #FFFFFF0F on black [official] */ --mc-bg-surface-2:#1A1A1A; /* = #FFFFFF1A on black [official] */ --mc-bg-hover:#282828; /* dropdown hover [official] */ --mc-text-primary:#FFFFFF; --mc-text-secondary:#ACACAC; --mc-text-muted:#939393; --mc-border:rgba(255,255,255,.15); /* #FFFFFF26 card border [official] */ --mc-divider:#313131; /* [official] */ --mc-on-primary:#000000; --mc-accent-text:#D4AF37; /* gold used as text */ --mc-accent-line:rgba(212,175,55,.75); --mc-accent-soft:rgba(212,175,55,.10); --mc-tint-hi:rgba(212,175,55,.20); /* highlighted gains / selected [derived from gold] */ --mc-tint-lo:rgba(255,255,255,.10); /* losses / neutral [official #FFFFFF1A family] */ --mc-pos:#D4AF37; --mc-neg:#D27A72; /* [derived] soft red for negatives */ --mc-shadow:none; --pos-rgb:212,175,55; --neg-rgb:210,122,114; --cool-rgb:111,168,220; --warm-rgb:212,175,55; /* header + footer are always black, in both themes [official] */ --mc-header-bg:#000000; --mc-header-text:#FFFFFF; --mc-header-link:#FFFFFF; /* official menu items are white [official] */ --mc-header-border:#313131; --mc-footer-bg:#000000; /* chart series [derived from the gold/bronze family] */ --mc-series-1:#D4AF37; --mc-series-2:#F2E4A6; --mc-series-3:#8F7120; --mc-series-total:#FFFFFF; /* typography [official] */ --mc-font-primary:"Galmine",Georgia,"Times New Roman",serif; --mc-font-secondary:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mc-fs-body:15px; --mc-lh-body:1.45; --mc-ls-body:-0.3px; --mc-fs-small:13px; --mc-fs-micro:11px; --mc-fs-nav:13px; --mc-ls-nav:.5px; --mc-fs-h1:53px; --mc-fs-h2:37px; --mc-fs-h3:27px; --mc-ls-h1:-.043em; --mc-ls-h2:-.03em; --mc-ls-h3:-.06em; /* -2.3px / 53, -1.6px / 27 */ --mc-lh-display:1.05; /* layout [official] */ --mc-container-width:1300px; --mc-container-pad:20px; --mc-header-height:93px; /* 20 + 53 + 20: official header padding and logo height */ --mc-logo-width:173px; /* [official] */ --mc-gap:20px; --mc-section-pad:64px; /* shape & motion [official] */ --mc-radius-card:16px; --mc-radius-button:8px; --mc-radius-pill:999px; --mc-card-pad:30px; --mc-ease:.2s ease; } /* Light theme: [derived]. melanion.com has no light mode; this keeps the same gold, greys and typography on the site's own light greys. */ html[data-investor-theme=light] .fund-reference{ --mc-bg-primary:#F4F4F4; --mc-bg-surface:#FFFFFF; --mc-bg-surface-2:#EDEDED; --mc-bg-hover:#E2E2E2; --mc-text-primary:#000000; --mc-text-secondary:#5E5E5E; --mc-text-muted:#7A7A7A; --mc-border:#E2E2E2; --mc-divider:#E2E2E2; --mc-primary:#D4AF37; --mc-on-primary:#000000; --mc-accent-text:#7A6010; --mc-accent-line:rgba(160,128,30,.85); --mc-accent-soft:#F5EED8; --mc-tint-hi:rgba(199,166,55,.22); --mc-tint-lo:rgba(0,0,0,.09); --mc-pos:#1F6F4A; --mc-neg:#A43A32; --mc-shadow:0 4px 20px rgba(0,0,0,.05); --mc-series-1:#D4AF37; --mc-series-2:#DDC36C; --mc-series-3:#5F4B10; --mc-series-total:#000000; --pos-rgb:31,111,74; --neg-rgb:164,58,50; --cool-rgb:31,78,121; --warm-rgb:199,166,55; } /* Legacy aliases: the names the existing pages already use. Declared on every themed element so they re-resolve inside a light .fund-reference nested in a dark root. */ :root,html[data-investor-theme] .fund-reference{ --serif:var(--mc-font-primary); --sans:var(--mc-font-secondary); --page:var(--mc-bg-primary); --panel:var(--mc-bg-surface); --panel2:var(--mc-bg-surface-2); --card:var(--mc-bg-surface); --ink:var(--mc-text-primary); --muted:var(--mc-text-secondary); --line:var(--mc-border); --gold:var(--mc-primary); --gold-line:var(--mc-accent-line); --gold-ink:var(--mc-accent-text); --on-gold:var(--mc-on-primary); --band:var(--mc-bg-surface); --soft:var(--mc-accent-soft); --nav:var(--mc-header-bg); --tint-hi:var(--mc-tint-hi); --tint-lo:var(--mc-tint-lo); --grey-cell:var(--mc-tint-lo); --pos:var(--mc-pos); --neg:var(--mc-neg); --shadow:var(--mc-shadow); --c-vol:var(--mc-series-1); --c-div:var(--mc-series-2); --c-alpha:var(--mc-series-3); --c-port:var(--mc-series-total); } /* 3 ─ BASE ──────────────────────────────────────────────────────────────── */ html[data-investor-theme] .fund-reference *,html[data-investor-theme] .fund-reference *::before,html[data-investor-theme] .fund-reference *::after{box-sizing:border-box} html:has(.fund-reference){scroll-behavior:smooth;scroll-padding-top:calc(var(--mc-header-height) + 12px)} body:has(.fund-reference){margin:0;background:var(--mc-bg-primary);color:var(--mc-text-primary);font-family:var(--mc-font-secondary); font-size:var(--mc-fs-body);line-height:var(--mc-lh-body);letter-spacing:var(--mc-ls-body);font-weight:400; -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums} html[data-investor-theme] .fund-reference{background:var(--mc-bg-primary);color:var(--mc-text-primary);font-family:var(--mc-font-secondary); font-size:var(--mc-fs-body);line-height:var(--mc-lh-body);letter-spacing:var(--mc-ls-body);min-height:100vh; -webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums} html[data-investor-theme] .fund-reference a{color:inherit} html[data-investor-theme] .fund-reference p{margin:0} html[data-investor-theme] .fund-reference :where(button,input,select,textarea){font:inherit;letter-spacing:inherit} html[data-investor-theme] .fund-reference :focus-visible{outline:2px solid var(--mc-primary);outline-offset:2px} html[data-investor-theme] .fund-reference .skip-link{position:absolute;left:-999px;top:0;background:var(--mc-primary);color:var(--mc-on-primary);padding:8px 12px;z-index:100} html[data-investor-theme] .fund-reference .skip-link:focus{left:8px;top:8px} html[data-investor-theme] .fund-reference .visually-hidden,html[data-investor-theme] .fund-reference .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (prefers-reduced-motion:reduce){html[data-investor-theme] .fund-reference *{transition:none!important;animation:none!important;scroll-behavior:auto!important}} /* 4 ─ TYPOGRAPHY ────────────────────────────────────────────────────────── */ html[data-investor-theme] .fund-reference h1,html[data-investor-theme] .fund-reference h2,html[data-investor-theme] .fund-reference h3{font-family:var(--mc-font-primary);font-weight:400;margin:0} html[data-investor-theme] .fund-reference h1{font-size:clamp(34px,4.6vw,var(--mc-fs-h1));line-height:var(--mc-lh-display);letter-spacing:var(--mc-ls-h1);text-transform:uppercase} html[data-investor-theme] .fund-reference h2{font-size:clamp(28px,3vw,var(--mc-fs-h2));line-height:var(--mc-lh-display);letter-spacing:var(--mc-ls-h2)} html[data-investor-theme] .fund-reference h3{font-size:clamp(21px,2.1vw,var(--mc-fs-h3));line-height:1.1;letter-spacing:var(--mc-ls-h3)} html[data-investor-theme] .fund-reference h1 em{font-style:normal;color:var(--mc-accent-text)} html[data-investor-theme] .fund-reference .eyebrow,html[data-investor-theme] .fund-reference .kicker{font-size:var(--mc-fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--mc-accent-text);font-weight:600} html[data-investor-theme] .fund-reference .lead{font-size:16px;font-weight:500;line-height:1.5;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .sub{color:var(--mc-text-secondary);max-width:700px;margin-top:8px} html[data-investor-theme] .fund-reference .label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-text-secondary);font-weight:500} html[data-investor-theme] .fund-reference .hint,html[data-investor-theme] .fund-reference .note{font-size:12.5px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .num{font-family:var(--mc-font-secondary)} html[data-investor-theme] .fund-reference .pos{color:var(--mc-pos)} html[data-investor-theme] .fund-reference .neg{color:var(--mc-neg)} @media (max-width:767px){ :root{--mc-fs-body:14px;--mc-ls-body:0;--mc-section-pad:44px} html[data-investor-theme] .fund-reference h1{font-size:31px} html[data-investor-theme] .fund-reference h2{font-size:25px} html[data-investor-theme] .fund-reference h3{font-size:23px} } /* 5 ─ LAYOUT ────────────────────────────────────────────────────────────── */ html[data-investor-theme] .fund-reference .wrap{max-width:var(--mc-container-width);margin:0 auto;padding:0 var(--mc-container-pad)} html[data-investor-theme] .fund-reference section{padding:var(--mc-section-pad) 0} html[data-investor-theme] .fund-reference .sec-head{margin-bottom:28px} html[data-investor-theme] .fund-reference .sec-head .eyebrow{display:block;margin-bottom:10px} html[data-investor-theme] .fund-reference .grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--mc-gap)} html[data-investor-theme] .fund-reference .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mc-gap)} html[data-investor-theme] .fund-reference .grid2>*,html[data-investor-theme] .fund-reference .grid3>*{min-width:0} @media (max-width:1024px){html[data-investor-theme] .fund-reference .grid2,html[data-investor-theme] .fund-reference .grid3{grid-template-columns:1fr}} @media (max-width:767px){html[data-investor-theme] .fund-reference .wrap{padding:0 16px}} /* 6 ─ HEADER · NAVIGATION · FOOTER ──────────────────────────────────────── */ html[data-investor-theme] .fund-reference .nav{position:sticky;top:0;z-index:50;background:var(--mc-header-bg);color:var(--mc-header-text);border-bottom:1px solid var(--mc-header-border)} html[data-investor-theme] .fund-reference .nav .wrap{display:flex;align-items:center;gap:22px;height:var(--mc-header-height)} html[data-investor-theme] .fund-reference .brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--mc-header-text);flex:none} html[data-investor-theme] .fund-reference .brand img,html[data-investor-theme] .fund-reference .brand .logo-img{display:block;width:var(--mc-logo-width);height:auto;max-width:none} /* official logo, 173px wide, proportions locked */ html[data-investor-theme] .fund-reference .brand .brand-tag{font-size:10px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--mc-grey-300); padding-left:16px;border-left:1px solid var(--mc-header-border);line-height:1.2} html[data-investor-theme] .fund-reference .nav ul,html[data-investor-theme] .fund-reference .nav-links{display:flex;gap:28px;list-style:none;margin:0 0 0 auto;padding:0} html[data-investor-theme] .fund-reference .nav-links{margin:0} /* menu items: Montserrat 13px / 500 / uppercase / +0.5px, white [official]. Official hover has no indicator; a thin gold underline marks the current page and keyboard focus (needed in an application) [decision]. */ html[data-investor-theme] .fund-reference .nav ul a,html[data-investor-theme] .fund-reference .nav-links a{font-size:var(--mc-fs-nav);font-weight:500;letter-spacing:var(--mc-ls-nav);text-transform:uppercase;text-decoration:none; color:var(--mc-header-link);padding:8px 0;border-bottom:1px solid transparent;transition:opacity var(--mc-ease),border-color var(--mc-ease)} html[data-investor-theme] .fund-reference .nav ul a:hover,html[data-investor-theme] .fund-reference .nav-links a:hover{opacity:.72} html[data-investor-theme] .fund-reference .nav ul a:focus-visible,html[data-investor-theme] .fund-reference .nav-links a.on,html[data-investor-theme] .fund-reference .nav-links a[aria-current]{border-color:var(--mc-gold)} html[data-investor-theme] .fund-reference .spacer{flex:1} html[data-investor-theme] .fund-reference .icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--mc-gold);background:transparent;color:var(--mc-gold); display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none;transition:background var(--mc-ease),color var(--mc-ease)} html[data-investor-theme] .fund-reference .icon-btn:hover{background:var(--mc-gold);color:#000} html[data-investor-theme] .fund-reference .icon-btn svg{width:16px;height:16px} html[data-investor-theme] .fund-reference .burger,html[data-investor-theme] .fund-reference .burger-list{display:none} html[data-investor-theme] .fund-reference .nav .btn,html[data-investor-theme] .fund-reference .nav .login-btn{background:var(--mc-gold);border-color:var(--mc-gold);color:#000} html[data-investor-theme] .fund-reference .nav .btn.ghost{background:transparent;color:var(--mc-gold)} html[data-investor-theme] .fund-reference .nav .btn.ghost:hover{background:var(--mc-gold);color:#000} @media (max-width:1024px){ html[data-investor-theme] .fund-reference .nav>.wrap>ul{display:none} html[data-investor-theme] .fund-reference .nav .burger-list{display:inline-flex} html[data-investor-theme] .fund-reference .nav.open>.wrap>ul{display:flex;flex-direction:column;gap:0;position:absolute;top:var(--mc-header-height);left:0;right:0;margin:0;background:var(--mc-header-bg); border-bottom:1px solid var(--mc-header-border);padding:8px var(--mc-container-pad) 16px} html[data-investor-theme] .fund-reference .nav.open>.wrap>ul a{display:block;padding:13px 0} } @media (max-width:1100px){ html[data-investor-theme] .fund-reference .nav-links{display:none;position:absolute;top:var(--mc-header-height);left:0;right:0;flex-direction:column;gap:0;background:var(--mc-header-bg); border-bottom:1px solid var(--mc-header-border);padding:8px 20px} html[data-investor-theme] .fund-reference .nav-links.open{display:flex} html[data-investor-theme] .fund-reference .nav-links a{padding:12px 0} html[data-investor-theme] .fund-reference .burger{display:inline-flex} } @media (max-width:767px){:root{--mc-header-height:72px;--mc-logo-width:140px}} @media (max-width:560px){ html[data-investor-theme] .fund-reference .nav .wrap{gap:10px} html[data-investor-theme] .fund-reference .brand img,html[data-investor-theme] .fund-reference .brand .logo-img{width:128px} html[data-investor-theme] .fund-reference .brand .brand-tag{display:none} html[data-investor-theme] .fund-reference .nav .btn{display:none} html[data-investor-theme] .fund-reference .nav .icon-btn{margin-left:auto} html[data-investor-theme] .fund-reference .login-btn{padding:10px 12px} } /* Footer: structure, colours and type as on melanion.com [official]. Black, 15px #CFCFCF intro (max 517px), column headings 15px/700 white, links 15px #ACACAC, bottom bar 14px #ACACAC with a hairline divider. */ html[data-investor-theme] .fund-reference .site-footer{background:var(--mc-footer-bg);color:var(--mc-grey-100);padding:50px 0 0;border-top:1px solid var(--mc-header-border);font-size:15px;letter-spacing:var(--mc-ls-body)} html[data-investor-theme] .fund-reference .site-footer .wrap{display:block} html[data-investor-theme] .fund-reference .sf-top{display:flex;justify-content:space-between;gap:48px;padding-bottom:40px;flex-wrap:wrap} html[data-investor-theme] .fund-reference .sf-id{max-width:517px;flex:1 1 320px} html[data-investor-theme] .fund-reference .sf-id img{display:block;width:179px;height:auto;margin-bottom:24px} html[data-investor-theme] .fund-reference .sf-id p{color:var(--mc-grey-200);margin:0 0 20px} html[data-investor-theme] .fund-reference .sf-contact{display:grid;gap:10px;margin:0} html[data-investor-theme] .fund-reference .sf-contact a{color:#fff;text-decoration:none} html[data-investor-theme] .fund-reference .sf-contact a:hover,html[data-investor-theme] .fund-reference .sf-cols a:hover,html[data-investor-theme] .fund-reference .sf-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px} html[data-investor-theme] .fund-reference .sf-cols{display:flex;gap:64px;flex-wrap:wrap} html[data-investor-theme] .fund-reference .sf-cols .sf-h{margin:0 0 18px;font:700 15px/1.3 var(--mc-font-secondary);letter-spacing:var(--mc-ls-body);color:#fff} html[data-investor-theme] .fund-reference .sf-cols ul{list-style:none;margin:0;padding:0} html[data-investor-theme] .fund-reference .sf-cols li{padding-bottom:6.5px} html[data-investor-theme] .fund-reference .sf-cols a,html[data-investor-theme] .fund-reference .sf-bottom a{color:var(--mc-grey-300);text-decoration:none;transition:color .3s} html[data-investor-theme] .fund-reference .sf-legal{border-top:1px solid var(--mc-header-border);padding:22px 0 0;font-size:12px;line-height:1.6;color:var(--mc-grey-300);letter-spacing:0} html[data-investor-theme] .fund-reference .sf-legal p{margin:0 0 6px} html[data-investor-theme] .fund-reference .sf-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;border-top:1px solid var(--mc-header-border);margin-top:22px;padding:30px 0;font-size:14px;color:var(--mc-grey-300)} html[data-investor-theme] .fund-reference .sf-bottom p{margin:0} html[data-investor-theme] .fund-reference .sf-bottom ul{display:flex;gap:0;flex-wrap:wrap;list-style:none;margin:0;padding:0} html[data-investor-theme] .fund-reference .sf-bottom li+li{border-left:.5px solid #ddd;margin-left:14px;padding-left:14px} html[data-investor-theme] .fund-reference .sf-social{gap:20px!important} html[data-investor-theme] .fund-reference .sf-social li+li{border:0!important;margin:0!important;padding:0!important} @media (max-width:767px){html[data-investor-theme] .fund-reference .site-footer{font-size:14px}html[data-investor-theme] .fund-reference .sf-cols{gap:40px}html[data-investor-theme] .fund-reference .sf-top{gap:36px}html[data-investor-theme] .fund-reference .sf-bottom li+li{margin-left:12px;padding-left:12px}} /* 7 ─ BUTTONS ───────────────────────────────────────────────────────────── */ /* .btn = primary (gold fill). .btn.ghost / .secondary = outline. .sm = compact. */ html[data-investor-theme] .fund-reference .btn,html[data-investor-theme] .fund-reference .button,html[data-investor-theme] .fund-reference .login-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 var(--mc-fs-nav)/1 var(--mc-font-secondary); letter-spacing:var(--mc-ls-nav);text-transform:uppercase;text-decoration:none;padding:14px 24px;border-radius:var(--mc-radius-button); border:1px solid var(--mc-primary);background:var(--mc-primary);color:var(--mc-on-primary);cursor:pointer; transition:background var(--mc-ease),color var(--mc-ease),border-color var(--mc-ease),filter var(--mc-ease)} html[data-investor-theme] .fund-reference .btn:hover,html[data-investor-theme] .fund-reference .button:hover,html[data-investor-theme] .fund-reference .login-btn:hover{filter:brightness(1.08)} html[data-investor-theme] .fund-reference .btn.ghost,html[data-investor-theme] .fund-reference .button.secondary{background:transparent;color:var(--mc-accent-text)} html[data-investor-theme] .fund-reference .btn.ghost:hover,html[data-investor-theme] .fund-reference .button.secondary:hover{background:var(--mc-primary);color:var(--mc-on-primary);filter:none} html[data-investor-theme] .fund-reference .btn.sm,html[data-investor-theme] .fund-reference .login-btn{padding:10px 16px;font-size:12px} /* softer action: tinted, same family as the table highlight */ html[data-investor-theme] .fund-reference .button.soft,html[data-investor-theme] .fund-reference .document-actions .button:not(.secondary){background:var(--mc-tint-hi);color:var(--mc-accent-text);border-color:transparent} html[data-investor-theme] .fund-reference .button.soft:hover,html[data-investor-theme] .fund-reference .document-actions .button:not(.secondary):hover{background:var(--mc-primary);color:var(--mc-on-primary);filter:none} /* 8 ─ CARDS ─────────────────────────────────────────────────────────────── */ /* [official] radius 16, border 1px #FFFFFF26, padding 30, hover lifts 3px */ html[data-investor-theme] .fund-reference .card,html[data-investor-theme] .fund-reference .fcard{background:var(--mc-bg-surface);border:1px solid var(--mc-border);border-radius:var(--mc-radius-card);padding:var(--mc-card-pad);box-shadow:var(--mc-shadow)} html[data-investor-theme] .fund-reference .card h3{margin-bottom:6px} html[data-investor-theme] .fund-reference a.fcard,html[data-investor-theme] .fund-reference .fcard.lift{text-decoration:none;color:inherit;transition:transform var(--mc-ease),border-color var(--mc-ease),background var(--mc-ease)} html[data-investor-theme] .fund-reference a.fcard:hover,html[data-investor-theme] .fund-reference .fcard.lift:hover{transform:translateY(-3px);border-color:var(--mc-accent-line)} html[data-investor-theme] .fund-reference .fcard{display:flex;flex-direction:column;gap:12px;position:relative} html[data-investor-theme] .fund-reference .fcard h2,html[data-investor-theme] .fund-reference .fcard h3{font-size:clamp(22px,2vw,27px)} html[data-investor-theme] .fund-reference .fcard p,html[data-investor-theme] .fund-reference .fcard .desc{color:var(--mc-text-secondary);font-size:var(--mc-fs-small)} html[data-investor-theme] .fund-reference .fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mc-gap);margin-top:26px} html[data-investor-theme] .fund-reference .fcard .btn{align-self:center} html[data-investor-theme] .fund-reference a.fcard .btn{margin-top:auto} /* accent key per series: a thin top rule in the series colour */ html[data-investor-theme] .fund-reference .fcard[style*="--c"]{border-top:3px solid var(--c)} /* animated gold conic border on hover, desktop only (as on melanion.com cards) */ @property --mc-angle{syntax:"";inherits:false;initial-value:0deg} @media (hover:hover) and (min-width:1025px){ html[data-investor-theme] .fund-reference a.fcard::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .3s; background:conic-gradient(from var(--mc-angle),transparent 72%,var(--mc-gold)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude; animation:mc-spin 4s linear infinite} html[data-investor-theme] .fund-reference a.fcard:hover::before{opacity:1} } @keyframes mc-spin{to{--mc-angle:360deg}} html[data-investor-theme] .fund-reference .fstats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--mc-border);border-radius:8px;overflow:hidden} html[data-investor-theme] .fund-reference .fstats>div{padding:9px 10px;border-right:1px solid var(--mc-border)} html[data-investor-theme] .fund-reference .fstats>div:last-child{border:0} html[data-investor-theme] .fund-reference .fstats small{display:block;font-size:10px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .fstats b{font-weight:600;font-size:15px} html[data-investor-theme] .fund-reference .fmeta{font-size:12px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .fspark svg{width:100%;height:70px;display:block} html[data-investor-theme] .fund-reference section.dark{background:var(--mc-bg-surface);border-top:1px solid var(--mc-border)} html[data-investor-theme] .fund-reference .callout,html[data-investor-theme] .fund-reference .warn.on,html[data-investor-theme] .fund-reference .sumnote{padding:12px 14px;background:var(--mc-accent-soft);border-left:3px solid var(--mc-primary);border-radius:0 8px 8px 0;font-size:13px} html[data-investor-theme] .fund-reference .access-note{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mc-accent-text);border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);padding:8px 12px} @media (max-width:1024px){html[data-investor-theme] .fund-reference .fcards{grid-template-columns:1fr}} @media (max-width:767px){:root{--mc-card-pad:20px}} /* 9 ─ FORMS · FILTERS · TABS ────────────────────────────────────────────── */ html[data-investor-theme] .fund-reference .fld,html[data-investor-theme] .fund-reference .search-box input,html[data-investor-theme] .fund-reference input[type=text],html[data-investor-theme] .fund-reference input[type=search]{border:1px solid var(--mc-border);background:var(--mc-bg-surface);color:var(--mc-text-primary);border-radius:var(--mc-radius-button); transition:border-color var(--mc-ease)} html[data-investor-theme] .fund-reference .fld{display:inline-flex;align-items:center;gap:4px;padding:0 10px;height:38px} html[data-investor-theme] .fund-reference .fld:hover,html[data-investor-theme] .fund-reference .fld:focus-within,html[data-investor-theme] .fund-reference .search-box input:hover,html[data-investor-theme] .fund-reference .search-box input:focus{border-color:var(--mc-primary);outline:0} html[data-investor-theme] .fund-reference .fld input{font:500 17px var(--mc-font-secondary);color:var(--mc-text-primary);background:transparent;border:0;outline:0;width:62px;text-align:right;padding:0;font-variant-numeric:tabular-nums} html[data-investor-theme] .fund-reference .fld span{color:var(--mc-text-secondary);font-size:13px} html[data-investor-theme] .fund-reference .search-box{display:flex;gap:8px;margin-top:22px} html[data-investor-theme] .fund-reference .search-box input{font:400 13px var(--mc-font-secondary);padding:11px 14px;min-width:240px} html[data-investor-theme] .fund-reference input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;margin:12px 0;border-radius:2px;background:linear-gradient(to right,var(--c,var(--mc-primary)) var(--p,50%),var(--mc-divider) var(--p,50%));outline:none;cursor:pointer} html[data-investor-theme] .fund-reference input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--mc-bg-primary);border:2px solid var(--c,var(--mc-primary));cursor:pointer} html[data-investor-theme] .fund-reference input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--mc-bg-primary);border:2px solid var(--c,var(--mc-primary));cursor:pointer} html[data-investor-theme] .fund-reference input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--mc-text-primary);outline-offset:2px} html[data-investor-theme] .fund-reference input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--mc-text-primary);outline-offset:2px} /* segmented control and filter chips share one look */ html[data-investor-theme] .fund-reference .seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);overflow:hidden;background:var(--mc-bg-surface)} html[data-investor-theme] .fund-reference .seg button,html[data-investor-theme] .fund-reference .filter-button,html[data-investor-theme] .fund-reference .text-button{font:600 11px/1 var(--mc-font-secondary);letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;border:0;background:transparent;color:var(--mc-text-secondary);cursor:pointer;transition:background var(--mc-ease),color var(--mc-ease)} html[data-investor-theme] .fund-reference .filter-button,html[data-investor-theme] .fund-reference .text-button{border:1px solid var(--mc-border);border-radius:var(--mc-radius-button)} html[data-investor-theme] .fund-reference .seg button[aria-pressed=true],html[data-investor-theme] .fund-reference .filter-button.selected,html[data-investor-theme] .fund-reference .filter-button[aria-pressed=true]{background:var(--mc-primary);color:var(--mc-on-primary);border-color:var(--mc-primary)} html[data-investor-theme] .fund-reference .seg button:hover:not([aria-pressed=true]){background:var(--mc-bg-surface-2);color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference .filter-button:hover:not([aria-pressed=true]):not(:disabled){color:var(--mc-text-primary);border-color:var(--mc-primary)} html[data-investor-theme] .fund-reference .filter-button:disabled{opacity:.4;cursor:default} html[data-investor-theme] .fund-reference .chip{display:inline-flex;align-items:center;gap:7px;font:500 12px/1 var(--mc-font-secondary);padding:9px 12px;border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);background:var(--mc-bg-surface);color:var(--mc-text-primary);cursor:pointer} html[data-investor-theme] .fund-reference .chip i{width:18px;height:3px;display:inline-block} html[data-investor-theme] .fund-reference .chip[aria-pressed=false]{color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .chip[aria-pressed=false] i{opacity:.3} html[data-investor-theme] .fund-reference .chip.static{cursor:default} html[data-investor-theme] .fund-reference .fund-filter,html[data-investor-theme] .fund-reference .category-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:22px} html[data-investor-theme] .fund-reference .filter-label{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-text-secondary);margin-right:4px} html[data-investor-theme] .fund-reference .section-title{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mc-text-secondary);margin-top:34px} html[data-investor-theme] .fund-reference .pagination{display:flex;gap:14px;align-items:center;margin-top:20px;font-size:12px;color:var(--mc-text-secondary)} /* forms: labelled fields, checkbox, validation message, centred access card */ html[data-investor-theme] .fund-reference .form-field{display:grid;gap:8px;margin-bottom:6px} html[data-investor-theme] .fund-reference .form-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .form-input{width:100%;height:52px;padding:0 16px;font:400 15px var(--mc-font-secondary);color:var(--mc-text-primary);background:var(--mc-bg-surface); border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);transition:border-color var(--mc-ease),box-shadow var(--mc-ease)} html[data-investor-theme] .fund-reference .form-input:hover{border-color:var(--mc-accent-line)} html[data-investor-theme] .fund-reference .form-input:focus{outline:0;border-color:var(--mc-primary);box-shadow:0 0 0 3px var(--mc-tint-hi)} html[data-investor-theme] .fund-reference .form-input[aria-invalid=true]{border-color:var(--mc-neg)} html[data-investor-theme] .fund-reference .form-check{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin:4px 0 22px;font-size:13px;line-height:1.5;color:var(--mc-text-secondary);letter-spacing:0} html[data-investor-theme] .fund-reference .form-check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--mc-primary)} html[data-investor-theme] .fund-reference .form-error{min-height:1.2em;font-size:12px;color:var(--mc-neg);letter-spacing:0} html[data-investor-theme] .fund-reference .form-status{margin:16px 0 0;font-size:13px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .link-quiet{color:var(--mc-text-secondary);text-underline-offset:3px} html[data-investor-theme] .fund-reference .link-quiet:hover{color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference .auth{padding:72px 0 88px} html[data-investor-theme] .fund-reference .auth-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start} html[data-investor-theme] .fund-reference .auth-card{max-width:520px;width:100%} html[data-investor-theme] .fund-reference .auth-card .btn{width:100%;padding:16px 24px} html[data-investor-theme] .fund-reference dialog.mc-dialog{width:min(640px,calc(100vw - 32px));max-height:80vh;padding:0;border:1px solid var(--mc-border);border-radius:var(--mc-radius-card);background:var(--mc-bg-surface);color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference dialog.mc-dialog::backdrop{background:rgba(0,0,0,.72)} html[data-investor-theme] .fund-reference .mc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;border-bottom:1px solid var(--mc-border)} html[data-investor-theme] .fund-reference .mc-dialog-body{padding:24px 28px;overflow:auto;max-height:50vh;font-size:14px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .mc-dialog-foot{padding:18px 28px;border-top:1px solid var(--mc-border);display:flex;justify-content:flex-end} @media (max-width:1024px){html[data-investor-theme] .fund-reference .auth-grid{grid-template-columns:1fr;gap:36px}html[data-investor-theme] .fund-reference .auth{padding:48px 0 64px}} /* 10 ─ TABLES ───────────────────────────────────────────────────────────── */ html[data-investor-theme] .fund-reference .tbl,html[data-investor-theme] .fund-reference .fund-comparison table,html[data-investor-theme] .fund-reference .ms-band table{width:100%;border-collapse:collapse;font-size:13px} html[data-investor-theme] .fund-reference .tbl th,html[data-investor-theme] .fund-reference .fund-comparison thead th,html[data-investor-theme] .fund-reference .ms-band thead th{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-text-secondary);font-weight:500;padding:11px 10px; border-bottom:1px solid var(--mc-primary);background:var(--mc-bg-surface);white-space:nowrap} html[data-investor-theme] .fund-reference .tbl th{text-align:right} html[data-investor-theme] .fund-reference .tbl td{padding:10px;border-bottom:1px solid var(--mc-border);text-align:right;white-space:nowrap} html[data-investor-theme] .fund-reference .tbl th:first-child,html[data-investor-theme] .fund-reference .tbl td:first-child{text-align:left} html[data-investor-theme] .fund-reference .tbl tr.total td{font-weight:600;border-top:1px solid var(--mc-primary);border-bottom:0} html[data-investor-theme] .fund-reference .tbl td.hl{background:rgba(var(--neg-rgb),.18);color:var(--mc-neg);font-weight:600} html[data-investor-theme] .fund-reference .tbl td.na{color:var(--mc-text-secondary);opacity:.6} html[data-investor-theme] .fund-reference .fund-comparison th,html[data-investor-theme] .fund-reference .fund-comparison td,html[data-investor-theme] .fund-reference .ms-band th,html[data-investor-theme] .fund-reference .ms-band td{padding:12px;border-bottom:1px solid var(--mc-border);text-align:left;vertical-align:top} html[data-investor-theme] .fund-reference .fund-comparison th[scope=row]{color:var(--mc-text-secondary);font-weight:500;width:18%} html[data-investor-theme] .fund-reference .comparison-scroll,html[data-investor-theme] .fund-reference .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} html[data-investor-theme] .fund-reference .tall{max-height:440px;overflow:auto;border:1px solid var(--mc-border);border-radius:var(--mc-radius-button)} html[data-investor-theme] .fund-reference .tall .tbl th{position:sticky;top:0;z-index:2} html[data-investor-theme] .fund-reference .tag{font-style:normal;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mc-on-primary);background:var(--mc-primary);padding:2px 7px;margin-left:8px;font-weight:600;border-radius:4px} /* document list */ html[data-investor-theme] .fund-reference .document-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--mc-border);border-left:2px solid transparent;padding:16px 0 16px 14px;cursor:pointer;transition:background var(--mc-ease),border-color var(--mc-ease)} html[data-investor-theme] .fund-reference .document-row.selected{border-left-color:var(--mc-primary);background:var(--mc-accent-soft)} html[data-investor-theme] .fund-reference .document-row h2{font-size:18px;letter-spacing:-.02em} html[data-investor-theme] .fund-reference .document-row p{font-size:12px;color:var(--mc-text-secondary);margin-top:4px} html[data-investor-theme] .fund-reference .document-actions{display:flex;gap:8px;flex:none} html[data-investor-theme] .fund-reference .list-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--mc-text-secondary);margin:22px 0 4px} html[data-investor-theme] .fund-reference .library-footnote{margin-top:22px;font-size:12px;color:var(--mc-text-secondary)} @media (max-width:900px){html[data-investor-theme] .fund-reference .document-row{flex-direction:column;align-items:flex-start}} /* 11 ─ DATA · STATUS ────────────────────────────────────────────────────── */ html[data-investor-theme] .fund-reference .kpis,html[data-investor-theme] .fund-reference .euro,html[data-investor-theme] .fund-reference .facts{display:grid;gap:1px;background:var(--mc-border);border:1px solid var(--mc-border);border-radius:12px;overflow:hidden} html[data-investor-theme] .fund-reference .kpis{grid-template-columns:repeat(6,1fr);margin-top:16px} html[data-investor-theme] .fund-reference .euro{grid-template-columns:repeat(3,1fr);margin-top:14px} html[data-investor-theme] .fund-reference .facts{grid-template-columns:repeat(4,1fr);margin-top:36px} html[data-investor-theme] .fund-reference .kpi,html[data-investor-theme] .fund-reference .euro div,html[data-investor-theme] .fund-reference .facts div{background:var(--mc-bg-surface);padding:16px} html[data-investor-theme] .fund-reference .kpi b,html[data-investor-theme] .fund-reference .euro b,html[data-investor-theme] .fund-reference .facts b{display:block;font-weight:500;font-size:24px;line-height:1.15;letter-spacing:-.02em} html[data-investor-theme] .fund-reference .kpi span,html[data-investor-theme] .fund-reference .euro span,html[data-investor-theme] .fund-reference .facts span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-text-secondary);margin-top:6px} html[data-investor-theme] .fund-reference .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px} html[data-investor-theme] .fund-reference .pending-res{opacity:.32;pointer-events:none;filter:grayscale(.6);transition:opacity .2s} @media (max-width:1024px){html[data-investor-theme] .fund-reference .kpis{grid-template-columns:repeat(3,1fr)}html[data-investor-theme] .fund-reference .facts{grid-template-columns:repeat(2,1fr)}} @media (max-width:767px){html[data-investor-theme] .fund-reference .kpis{grid-template-columns:repeat(2,1fr)}html[data-investor-theme] .fund-reference .euro{grid-template-columns:1fr}} /* 12 ─ PAGE HERO (shared by all portal pages) ───────────────────────────── */ html[data-investor-theme] .fund-reference .intro,html[data-investor-theme] .fund-reference .page-hero{background:linear-gradient(180deg,var(--mc-bg-surface),var(--mc-bg-primary));border-bottom:1px solid var(--mc-border);padding:72px 0 48px} html[data-investor-theme] .fund-reference .intro h1{margin:12px 0 16px;max-width:900px} html[data-investor-theme] .fund-reference .intro .lead{max-width:680px} html[data-investor-theme] .fund-reference .intro .cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap} html[data-investor-theme=light] .fund-reference .intro,html[data-investor-theme=light] .fund-reference .page-hero{background:var(--mc-bg-surface)} @media (max-width:767px){html[data-investor-theme] .fund-reference .intro,html[data-investor-theme] .fund-reference .page-hero{padding:48px 0 32px}} /* 13 ─ FUND PAGE COMPONENTS ─────────────────────────────────────────────── */ /* Used by the individual fund pages (Volatility, Alpha, Dividend). Same tokens, no new colours. */ html[data-investor-theme] .fund-reference .muted{color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} html[data-investor-theme] .fund-reference .js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease} html[data-investor-theme] .fund-reference .js .reveal.in{opacity:1;transform:none} html[data-investor-theme] .fund-reference.fund-page .sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:32px} html[data-investor-theme] .fund-reference.fund-page .sec-head>p{color:var(--mc-text-secondary);margin:0;max-width:560px} html[data-investor-theme] .fund-reference.fund-page .sec-head .kicker{margin-bottom:10px} html[data-investor-theme] .fund-reference .sub.reveal,html[data-investor-theme] .fund-reference h3.sub{max-width:none;color:var(--mc-text-primary);margin:40px 0 16px} html[data-investor-theme] .fund-reference .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mc-gap)} html[data-investor-theme] .fund-reference .cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mc-gap)} html[data-investor-theme] .fund-reference .cols3 ul,html[data-investor-theme] .fund-reference .team ul,html[data-investor-theme] .fund-reference .panel ul{margin:10px 0 0;padding-left:18px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .cols3 li,html[data-investor-theme] .fund-reference .team li,html[data-investor-theme] .fund-reference .panel li{margin-bottom:6px} html[data-investor-theme] .fund-reference #glance{padding-top:48px;padding-bottom:56px} html[data-investor-theme] .fund-reference .fundbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px} html[data-investor-theme] .fund-reference .fundbar a{font:600 11px/1 var(--mc-font-secondary);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:12px 14px;border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);color:var(--mc-text-secondary);transition:var(--mc-ease);transition-property:color,border-color,background} html[data-investor-theme] .fund-reference .fundbar a:hover{color:var(--mc-text-primary);border-color:var(--mc-primary)} html[data-investor-theme] .fund-reference .fundbar a.on{background:var(--mc-primary);border-color:var(--mc-primary);color:var(--mc-on-primary)} html[data-investor-theme] .fund-reference .glance-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap} html[data-investor-theme] .fund-reference .glance-top>span{font-size:13px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .fund-role{margin:14px 0 24px;max-width:720px;font-size:16px;font-weight:500;line-height:1.5;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .fund-actions{display:flex;gap:12px;flex-wrap:wrap} html[data-investor-theme] .fund-reference .award{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0;padding:18px 22px;border:1px solid rgba(255,255,255,.15);border-radius:var(--mc-radius-card);background:#0F0F0F;color:#fff} /* always dark: the award artwork and press logo are white */ html[data-investor-theme] .fund-reference .award .seal{padding:0;border:1px solid var(--mc-accent-line);border-radius:8px;overflow:hidden;background:#000;cursor:zoom-in;flex:0 0 auto;display:block;line-height:0;transition:border-color .2s} html[data-investor-theme] .fund-reference .award .seal:hover{border-color:var(--mc-gold)} html[data-investor-theme] .fund-reference .award .seal img{height:104px;width:auto;display:block} html[data-investor-theme] .fund-reference .award .txt{flex:1 1 260px;min-width:0} html[data-investor-theme] .fund-reference .award .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-gold);font-weight:600} html[data-investor-theme] .fund-reference .award .ttl{font-family:var(--mc-font-primary);font-size:clamp(20px,2vw,26px);line-height:1.1;letter-spacing:-.04em;margin:6px 0 4px} html[data-investor-theme] .fund-reference .award .cat{font-size:12.5px;color:var(--mc-grey-300)} html[data-investor-theme] .fund-reference .award .thfj{height:26px;width:auto;max-width:none;flex:0 0 auto;margin-left:auto;opacity:.95} html[data-investor-theme] .fund-reference .gl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--mc-border);border:1px solid var(--mc-border);border-radius:12px;overflow:hidden;margin-top:8px} html[data-investor-theme] .fund-reference .gl>div{background:var(--mc-bg-surface-2);padding:18px 16px} html[data-investor-theme=light] .fund-reference .gl>div{background:var(--mc-bg-surface)} html[data-investor-theme] .fund-reference .gl b{display:block;font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.02em} html[data-investor-theme] .fund-reference .gl small{display:block;margin-top:8px;font-size:11px;line-height:1.35;color:var(--mc-text-secondary);letter-spacing:0} html[data-investor-theme] .fund-reference .ctrl{display:flex;gap:16px 28px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px} html[data-investor-theme] .fund-reference .ctrl .rng{flex:1 1 240px;min-width:0} html[data-investor-theme] .fund-reference .rng label,html[data-investor-theme] .fund-reference .calc label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .rng output,html[data-investor-theme] .fund-reference .calc output{color:var(--mc-text-primary);font-weight:600} html[data-investor-theme] .fund-reference .seg-btns{display:inline-flex;flex-wrap:wrap;border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);overflow:hidden;background:var(--mc-bg-surface)} html[data-investor-theme] .fund-reference .seg-btns button{font:600 11px/1 var(--mc-font-secondary);letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;border:0;background:transparent;color:var(--mc-text-secondary);cursor:pointer;transition:background var(--mc-ease),color var(--mc-ease)} html[data-investor-theme] .fund-reference .seg-btns button[aria-pressed=true]{background:var(--mc-primary);color:var(--mc-on-primary)} html[data-investor-theme] .fund-reference .seg-btns button:hover:not([aria-pressed=true]){background:var(--mc-bg-surface-2);color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference .chart{position:relative;margin-top:8px;outline-offset:4px} html[data-investor-theme] .fund-reference .chart svg{display:block;width:100%;height:auto;touch-action:pan-y} html[data-investor-theme] .fund-reference .chart .grid line{stroke:var(--mc-border)} html[data-investor-theme] .fund-reference .chart .axis text{fill:var(--mc-text-secondary);font:11px var(--mc-font-secondary);letter-spacing:0} html[data-investor-theme] .fund-reference .chart .ln{fill:none;stroke:var(--mc-primary);stroke-width:2;stroke-linejoin:round} html[data-investor-theme] .fund-reference .chart .ar{fill:var(--mc-primary);opacity:.16} html[data-investor-theme] .fund-reference .chart .chx{stroke:var(--mc-primary);stroke-dasharray:3 3} html[data-investor-theme] .fund-reference .chart .chd{fill:var(--mc-primary);stroke:var(--mc-bg-surface);stroke-width:2} html[data-investor-theme] .fund-reference .chart .tip{position:absolute;pointer-events:none;opacity:0;transition:opacity .15s;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:8px;font-size:12px;line-height:1.5;padding:9px 11px;min-width:130px;z-index:5;transform:translate(-50%,-110%);white-space:nowrap} html[data-investor-theme] .fund-reference .stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--mc-border);border:1px solid var(--mc-border);border-radius:12px;overflow:hidden;margin-top:20px} html[data-investor-theme] .fund-reference .stats>div,html[data-investor-theme] .fund-reference .trio>div,html[data-investor-theme] .fund-reference .hl>div{background:var(--mc-bg-surface);padding:14px 14px 12px} html[data-investor-theme] .fund-reference .card .stats>div{background:var(--mc-bg-surface-2)} html[data-investor-theme=light] .fund-reference .card .stats>div{background:var(--mc-bg-surface)} html[data-investor-theme] .fund-reference .stats small,html[data-investor-theme] .fund-reference .trio small,html[data-investor-theme] .fund-reference .hl small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-text-secondary);margin-bottom:6px} html[data-investor-theme] .fund-reference .stats b,html[data-investor-theme] .fund-reference .trio b,html[data-investor-theme] .fund-reference .hl b{display:block;font-weight:500;font-size:clamp(18px,1.8vw,22px);line-height:1.15;letter-spacing:-.02em} html[data-investor-theme] .fund-reference .trio,html[data-investor-theme] .fund-reference .hl{display:grid;gap:1px;background:var(--mc-border);border:1px solid var(--mc-border);border-radius:12px;overflow:hidden;margin-top:20px} html[data-investor-theme] .fund-reference .trio{grid-template-columns:repeat(3,minmax(0,1fr))} html[data-investor-theme] .fund-reference .hl{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 20px} html[data-investor-theme] .fund-reference .calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center} html[data-investor-theme] .fund-reference .calc .result{font-family:var(--mc-font-primary);font-size:clamp(36px,4.4vw,52px);line-height:1;letter-spacing:-.04em;margin:6px 0 8px} html[data-investor-theme] .fund-reference .calc select{width:100%;height:46px;margin:8px 0 4px;padding:0 12px;font:400 14px var(--mc-font-secondary);color:var(--mc-text-primary);background:var(--mc-bg-surface);border:1px solid var(--mc-border);border-radius:var(--mc-radius-button)} html[data-investor-theme] .fund-reference .calc select:focus{outline:0;border-color:var(--mc-primary);box-shadow:0 0 0 3px var(--mc-tint-hi)} html[data-investor-theme] .fund-reference .calc #spark svg{display:block;width:100%;height:auto;margin-top:8px} html[data-investor-theme] .fund-reference .calc #spark .ar{fill:var(--mc-primary);opacity:.18} html[data-investor-theme] .fund-reference .calc #spark .ln{fill:none;stroke:var(--mc-primary);stroke-width:2} html[data-investor-theme] .fund-reference .calc #spark .bs{stroke:var(--mc-text-secondary);stroke-dasharray:4 4;opacity:.6} html[data-investor-theme] .fund-reference .bearhead,html[data-investor-theme] .fund-reference .bearrow{display:grid;grid-template-columns:78px minmax(0,1fr) minmax(0,1fr) 52px;gap:10px;align-items:center} html[data-investor-theme] .fund-reference .bearhead{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-text-secondary);padding:8px 0;border-bottom:1px solid var(--mc-primary)} html[data-investor-theme] .fund-reference .bearrow{padding:9px 0;border-bottom:1px solid var(--mc-border);font-size:12.5px} html[data-investor-theme] .fund-reference .bearrow .l,html[data-investor-theme] .fund-reference .bearrow .r{display:flex;align-items:center;gap:8px;min-width:0} html[data-investor-theme] .fund-reference .bearrow .l{flex-direction:row} html[data-investor-theme] .fund-reference .bearrow .l .v,html[data-investor-theme] .fund-reference .bearrow .r .v{width:46px;flex:none;font-weight:600} html[data-investor-theme] .fund-reference .bearrow .l .v{text-align:left;color:var(--mc-neg)} html[data-investor-theme] .fund-reference .bearrow .r .v{text-align:left;color:var(--mc-pos)} html[data-investor-theme] .fund-reference .bearrow i{display:block;height:12px;border-radius:2px} html[data-investor-theme] .fund-reference .bearrow .l i{margin-left:auto;background:rgba(var(--neg-rgb),.55)} html[data-investor-theme] .fund-reference .bearrow .r i{background:var(--mc-primary)} html[data-investor-theme] .fund-reference .bearrow em{font-style:normal;text-align:right;color:var(--mc-pos);font-weight:600} html[data-investor-theme] .fund-reference #corr .corr{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 44px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--mc-border);font-size:12.5px;background:none;border-radius:0;margin:0} html[data-investor-theme] .fund-reference #corr .corr .b{height:8px;background:var(--mc-bg-surface-2);border-radius:4px;overflow:hidden} html[data-investor-theme] .fund-reference #corr .corr .b i{display:block;height:100%;background:rgba(var(--neg-rgb),.7)} html[data-investor-theme] .fund-reference #corr .corr b{text-align:right;font-weight:600} html[data-investor-theme] .fund-reference .kv{margin-top:16px;display:grid;gap:14px} html[data-investor-theme] .fund-reference .kv b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mc-accent-text);font-weight:600;margin-bottom:2px} html[data-investor-theme] .fund-reference .kv span{color:var(--mc-text-secondary);font-size:13.5px} html[data-investor-theme] .fund-reference .tabs{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0 20px;border-bottom:1px solid var(--mc-border)} html[data-investor-theme] .fund-reference .tab{font:600 12px/1 var(--mc-font-secondary);letter-spacing:.08em;text-transform:uppercase;padding:14px 16px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--mc-text-secondary);cursor:pointer;transition:color var(--mc-ease),border-color var(--mc-ease)} html[data-investor-theme] .fund-reference .tab:hover{color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference .tab[aria-selected=true]{color:var(--mc-text-primary);border-bottom-color:var(--mc-primary)} html[data-investor-theme] .fund-reference .donut-wrap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px;align-items:center} html[data-investor-theme] .fund-reference .donut-wrap>div{min-width:0} /* strategy selector beside the allocation donut: one row of framed buttons, the active one turns gold */ html[data-investor-theme] .fund-reference #bookTabs{max-width:100%;display:flex;flex-wrap:nowrap;gap:6px;margin:0 0 20px;border-bottom:0;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin} html[data-investor-theme] .fund-reference #bookTabs .tab{flex:1 1 auto;white-space:nowrap;margin:0;padding:12px 10px;font-size:10.5px;letter-spacing:.04em;text-align:center;border:1px solid var(--mc-card-border,var(--mc-border));border-radius:8px;background:var(--mc-bg-surface);transition:background var(--mc-ease),color var(--mc-ease),border-color var(--mc-ease)} html[data-investor-theme] .fund-reference #bookTabs .tab:hover{border-color:var(--mc-gold);color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference #bookTabs .tab[aria-selected=true]{background:var(--mc-primary);border-color:var(--mc-primary);color:var(--mc-on-primary)} html[data-investor-theme] .fund-reference #bookTabs .tab:focus-visible{outline:2px solid var(--mc-text-primary);outline-offset:2px} html[data-investor-theme] .fund-reference .donut{width:100%;height:auto;max-width:320px;display:block;margin:0 auto} html[data-investor-theme] .fund-reference .donut circle{fill:none;stroke-width:22;cursor:pointer;opacity:.55;transition:opacity .2s} html[data-investor-theme] .fund-reference .donut circle.act,html[data-investor-theme] .fund-reference .donut circle:hover,html[data-investor-theme] .fund-reference .donut circle:focus-visible{opacity:1} html[data-investor-theme] .fund-reference .donut text{text-anchor:middle;fill:var(--mc-text-primary)} html[data-investor-theme] .fund-reference .panel{padding:24px;border:1px solid var(--mc-border);border-radius:var(--mc-radius-card);background:var(--mc-bg-surface)} html[data-investor-theme] .fund-reference .panel .big{font-family:var(--mc-font-primary);font-size:44px;line-height:1;letter-spacing:-.04em;color:var(--mc-accent-text);margin:8px 0} html[data-investor-theme] .fund-reference #v-book .tabs{margin-top:0} html[data-investor-theme] .fund-reference .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px} html[data-investor-theme] .fund-reference .steps button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--mc-border);border-radius:var(--mc-radius-button);background:var(--mc-bg-surface);color:var(--mc-text-secondary);font:600 12px/1.3 var(--mc-font-secondary);cursor:pointer;transition:var(--mc-ease);transition-property:border-color,color} html[data-investor-theme] .fund-reference .steps button b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--mc-border);flex:none;font-size:12px} html[data-investor-theme] .fund-reference .steps button[aria-selected=true]{color:var(--mc-text-primary);border-color:var(--mc-primary)} html[data-investor-theme] .fund-reference .steps button[aria-selected=true] b{background:var(--mc-primary);border-color:var(--mc-primary);color:var(--mc-on-primary)} html[data-investor-theme] .fund-reference .scale{display:inline-flex;gap:6px;margin-top:8px} html[data-investor-theme] .fund-reference .scale span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mc-border);border-radius:8px;color:var(--mc-text-secondary);font-size:13px} html[data-investor-theme] .fund-reference .scale span.on{background:var(--mc-primary);border-color:var(--mc-primary);color:var(--mc-on-primary);font-weight:700} html[data-investor-theme] .fund-reference .limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px} html[data-investor-theme] .fund-reference .limits:empty{display:none} html[data-investor-theme] .fund-reference .team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--mc-gap)} html[data-investor-theme] .fund-reference .cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mc-gap)} html[data-investor-theme] .fund-reference .cardgrid .card p{color:var(--mc-text-secondary);font-size:14px} html[data-investor-theme] .fund-reference .view[hidden]{display:none} html[data-investor-theme] .fund-reference .person img.ph{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:var(--mc-bg-surface-2);margin-bottom:14px;display:block} html[data-investor-theme] .fund-reference .person h3{font-size:clamp(20px,1.7vw,23px);margin-bottom:4px} html[data-investor-theme] .fund-reference .person .role{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-accent-text);font-weight:600} html[data-investor-theme] .fund-reference .person ul{font-size:13px} html[data-investor-theme] .fund-reference .exp{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:28px;padding:18px 0;border-top:1px solid var(--mc-border);border-bottom:1px solid var(--mc-border);font-size:13px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .exp b{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-accent-text)} html[data-investor-theme] .fund-reference .terms{width:100%;border-collapse:collapse;font-size:13.5px;margin-bottom:var(--mc-gap)} html[data-investor-theme] .fund-reference .terms th,html[data-investor-theme] .fund-reference .terms td{padding:12px 0;border-bottom:1px solid var(--mc-border);text-align:left;vertical-align:top} html[data-investor-theme] .fund-reference .terms th{width:44%;font-weight:500;color:var(--mc-text-secondary);padding-right:16px} html[data-investor-theme] .fund-reference .terms td{text-align:right} html[data-investor-theme] .fund-reference .terms caption,html[data-investor-theme] .fund-reference .redemption-terms caption{caption-side:top;text-align:left;font-family:var(--mc-font-primary);font-size:24px;letter-spacing:-.04em;padding:16px 0 8px} html[data-investor-theme] .fund-reference .redemption-terms td{text-align:left} html[data-investor-theme] .fund-reference .cap-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;margin-bottom:8px} html[data-investor-theme] .fund-reference .bar{background:var(--mc-bg-surface-2);border-radius:5px;overflow:hidden} html[data-investor-theme] .fund-reference .bar i{display:block;height:100%;background:var(--mc-primary);width:0;transition:width 1s ease} html[data-investor-theme] .fund-reference .cap-scale{position:relative;display:flex;justify-content:space-between;font-size:11px;color:var(--mc-text-secondary);margin-top:6px;height:16px} html[data-investor-theme] .fund-reference .cap-scale .m{position:absolute;transform:translateX(-50%);color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference #contact .btn+.btn{margin-left:6px} html[data-investor-theme] .fund-reference #contact .disc{margin-top:32px;max-width:900px} html[data-investor-theme] .fund-reference .overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.78);padding:20px} html[data-investor-theme] .fund-reference .overlay[hidden]{display:none} html[data-investor-theme] .fund-reference .award-card{position:relative;max-width:min(720px,100%);max-height:90vh} html[data-investor-theme] .fund-reference .award-card img{display:block;max-width:100%;max-height:88vh;border-radius:12px} html[data-investor-theme] .fund-reference .award-card .x{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--mc-gold);background:#000;color:var(--mc-gold);font-size:20px;cursor:pointer} @media (max-width:1024px){ html[data-investor-theme] .fund-reference .gl{grid-template-columns:repeat(3,minmax(0,1fr))} html[data-investor-theme] .fund-reference .stats{grid-template-columns:repeat(4,minmax(0,1fr))} html[data-investor-theme] .fund-reference .team{grid-template-columns:repeat(3,minmax(0,1fr))} html[data-investor-theme] .fund-reference .cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-investor-theme] .fund-reference .two,html[data-investor-theme] .fund-reference .calc,html[data-investor-theme] .fund-reference .cols3,html[data-investor-theme] .fund-reference .donut-wrap{grid-template-columns:1fr} html[data-investor-theme] .fund-reference.fund-page .sec-head{grid-template-columns:1fr;align-items:start} html[data-investor-theme] .fund-reference .steps{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:767px){ html[data-investor-theme] .fund-reference .gl{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-investor-theme] .fund-reference .stats{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-investor-theme] .fund-reference .team{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-investor-theme] .fund-reference .cardgrid{grid-template-columns:1fr} html[data-investor-theme] .fund-reference .hl{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-investor-theme] .fund-reference .trio{grid-template-columns:1fr} html[data-investor-theme] .fund-reference .bearhead,html[data-investor-theme] .fund-reference .bearrow{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr) 40px;gap:6px;font-size:11.5px} html[data-investor-theme] .fund-reference .bearrow .l .v,html[data-investor-theme] .fund-reference .bearrow .r .v{width:38px} html[data-investor-theme] .fund-reference #corr .corr{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 40px} html[data-investor-theme] .fund-reference .terms th{width:46%} html[data-investor-theme] .fund-reference .tab{padding:12px 10px} html[data-investor-theme] .fund-reference .award .thfj{margin-left:auto} } @media (max-width:480px){html[data-investor-theme] .fund-reference .team{grid-template-columns:1fr}html[data-investor-theme] .fund-reference .steps{grid-template-columns:1fr}} html[data-investor-theme] .fund-reference .rng label[for=nbear]{justify-content:flex-start;gap:5px} html[data-investor-theme] .fund-reference .rng label[for=nbear] output{min-width:1.4em;text-align:center} html[data-investor-theme] .fund-reference #corrSort button[data-c=deck]::before{content:"Default"} html[data-investor-theme] .fund-reference .stats small{min-height:2.7em} html[data-investor-theme] .fund-reference .two:has(.terms){gap:56px} @media (max-width:1024px){html[data-investor-theme] .fund-reference .two:has(.terms){gap:0}} /* social icons in the footer (same set and order as melanion.com) */ html[data-investor-theme] .fund-reference .sf-social{gap:18px!important;align-items:center} html[data-investor-theme] .fund-reference .sf-social a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff!important;text-decoration:none!important;transition:opacity .2s,transform .2s} html[data-investor-theme] .fund-reference .sf-social a:hover{opacity:.7;transform:translateY(-1px)} html[data-investor-theme] .fund-reference .sf-social svg{width:20px;height:20px;fill:currentColor;display:block} html[data-investor-theme] .fund-reference .sf-social a:focus-visible{outline:2px solid var(--mc-gold);outline-offset:3px;border-radius:4px} /* disabled document buttons (not yet published) */ html[data-investor-theme] .fund-reference .button.is-disabled,html[data-investor-theme] .fund-reference .btn.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none} html[data-investor-theme] .fund-reference .form-copy{margin:18px 0 0;text-align:center;font-size:12px;letter-spacing:0;color:var(--mc-text-secondary)} /* investor access: acknowledgment box, declaration link and dialog */ html[data-investor-theme] .fund-reference #accessForm .form-check{padding:16px;border:1px solid var(--mc-border);border-radius:8px;background:var(--mc-bg-surface-2);margin:4px 0 12px;font-size:13.5px;color:var(--mc-accent-text)} html[data-investor-theme=light] .fund-reference #accessForm .form-check{color:var(--mc-text-primary)} html[data-investor-theme] .fund-reference .decl-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin:0 0 22px;border:1px solid var(--mc-border);border-radius:8px;color:var(--mc-accent-text);font-size:13px;text-decoration:none;transition:border-color var(--mc-ease),background var(--mc-ease)} html[data-investor-theme] .fund-reference .decl-link:hover{border-color:var(--mc-accent-line);background:var(--mc-bg-surface-2)} html[data-investor-theme] .fund-reference dialog.mc-dialog{width:min(760px,calc(100vw - 32px));max-height:88vh;border-color:var(--mc-accent-line);overflow:hidden} html[data-investor-theme] .fund-reference dialog.mc-dialog[open]{display:flex;flex-direction:column} html[data-investor-theme] .fund-reference .mc-dialog-head{align-items:flex-start} html[data-investor-theme] .fund-reference .mc-dialog-head h2{font-size:clamp(24px,3vw,30px);margin:6px 0 4px} html[data-investor-theme] .fund-reference .mc-dialog-head .eyebrow{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--mc-accent-text)} html[data-investor-theme] .fund-reference .mc-dialog-sub{margin:0;font-size:13px;color:var(--mc-text-secondary)} html[data-investor-theme] .fund-reference .mc-dialog-body{flex:1 1 auto;max-height:none;overflow:auto} html[data-investor-theme] .fund-reference .decl-doc{padding:26px 28px;border:1px solid var(--mc-border);border-radius:8px;background:var(--mc-bg-surface-2)} html[data-investor-theme] .fund-reference .decl-logo{display:block;height:40px;width:auto;padding:4px 6px;background:#000;margin-bottom:18px} html[data-investor-theme] .fund-reference .decl-doc h3{text-align:center;color:var(--mc-accent-text);font-size:clamp(22px,2.6vw,28px);margin:0 0 20px} html[data-investor-theme] .fund-reference .decl-doc p{margin:0 0 16px;font-size:14px;line-height:1.7;color:var(--mc-text-primary);letter-spacing:0} html[data-investor-theme] .fund-reference .decl-doc p:last-child{margin-bottom:0} html[data-investor-theme] .fund-reference .mc-dialog-foot{justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;color:var(--mc-accent-text);flex:none} /* fund / Multi-Strategy logos (official files with Made in France stripes), header is always black */ html[data-investor-theme] .fund-reference .brand .logo-fund{width:215px;height:auto} @media (max-width:767px){html[data-investor-theme] .fund-reference .brand .logo-fund{width:150px}} /* Choose your weights: the three brand colours (guidelines: #D4AF37, #E5E5E5, #FFFFFF) */ html[data-investor-theme] .fund-reference #allocation{--c-vol:#D4AF37;--c-div:#E5E5E5;--c-alpha:#FFFFFF} html[data-investor-theme=light] .fund-reference #allocation{--c-vol:#D4AF37;--c-div:#1C1C1E;--c-alpha:#E5E5E5} html[data-investor-theme=light] .fund-reference #allocation .dot,html[data-investor-theme=light] .fund-reference #allocation .vb-col,html[data-investor-theme=light] .fund-reference #allocation .al-chip i{box-shadow:inset 0 0 0 1px rgba(28,28,30,.35)} /* Made in France under the fund name (official logo detail: blue and red stripes) */ html[data-investor-theme] .fund-reference .fund-name{display:inline-block;width:fit-content;max-width:100%;margin-bottom:14px} html[data-investor-theme] .fund-reference .fund-name h1{margin-bottom:4px} html[data-investor-theme] .fund-reference .made-fr{display:flex;align-items:center;gap:10px;margin:0;width:100%} html[data-investor-theme] .fund-reference .made-fr span{font-size:clamp(8px,1.1vw,11px);font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--mc-text-primary);white-space:nowrap} html[data-investor-theme] .fund-reference .made-fr i{flex:1 1 0;height:4px;min-width:8px} html[data-investor-theme] .fund-reference .made-fr .b{background:#1A55A3}html[data-investor-theme] .fund-reference .made-fr .r{background:#ED3326} /* strategy tab row: boxes share the width and wrap their text, no scrollbar */ html[data-investor-theme] .fund-reference #bookTabs{overflow:visible;flex-wrap:nowrap;padding:2px 0 6px} html[data-investor-theme] .fund-reference #bookTabs .tab{flex:1 1 0;min-width:0;white-space:normal;line-height:1.25;padding:10px 6px;font-size:10px;display:flex;align-items:center;justify-content:center} @media (max-width:640px){html[data-investor-theme] .fund-reference #bookTabs{flex-wrap:wrap}html[data-investor-theme] .fund-reference #bookTabs .tab{flex:1 1 calc(50% - 6px)}}