.adv-shell{width:min(1220px,calc(100% - 36px));margin:auto}.adv-page{background:#f6f9fc;min-height:80vh;padding-bottom:80px;color:#173854;font-family:Inter,Arial,sans-serif}.adv-hero{padding:47px 0 67px;color:#fff;background:linear-gradient(130deg,#102d4b,#204966)}.adv-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}.adv-kicker{margin:0 0 10px;color:#ddc18f;font-size:11px;letter-spacing:.14em;font-weight:800}.adv-hero h1{font:400 clamp(33px,4vw,49px)/1.12 Georgia,serif;letter-spacing:-.02em;margin:0 0 11px;color:white}.adv-hero p:not(.adv-kicker){font-size:15px;max-width:770px;color:#dce7ef;line-height:1.65;margin:0}.adv-back{display:inline-block;border:1px solid #87a3b8;border-radius:9px;padding:11px 16px;color:#fff!important;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}.adv-back:hover{background:rgba(255,255,255,.12)}.adv-content{position:relative;margin-top:-30px}.adv-panel{border:1px solid #dbe6ee;box-shadow:0 13px 35px rgba(15,54,84,.055);border-radius:17px;background:#fff;padding:24px;margin-bottom:22px}.adv-panel h2{font:400 clamp(24px,2.5vw,30px)/1.2 Georgia,serif;margin:0 0 9px;color:#173a57}.adv-panel h3{font:400 21px/1.3 Georgia,serif;margin:0 0 10px;color:#193a55}.adv-muted{font-size:13px;line-height:1.65;color:#607c90;margin:0}.adv-two{display:grid;grid-template-columns:minmax(280px,395px) minmax(0,1fr);align-items:stretch;gap:20px}.adv-two>.adv-panel{margin-bottom:0}.adv-right-stack{display:grid;gap:20px;min-width:0;align-content:start}.adv-right-stack>.adv-panel{margin-bottom:0}.adv-results-compact .adv-kpis{margin-top:14px}.adv-results-detail .adv-table-wrap{margin-top:14px}.adv-section{margin:0 0 22px}.adv-presets{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 18px}.adv-smallbtn{cursor:pointer;padding:8px 11px;border-radius:9px;background:#f3f7fa;border:1px solid #d5e1eb;color:#275374;font:700 12px Inter,Arial,sans-serif}.adv-smallbtn:hover,.adv-smallbtn:focus-visible{background:#e7f2fa;border-color:#9abbd3}.adv-presets button.active{background:#1d5b86;color:white;border-color:#1d5b86}.adv-weights{display:grid;gap:13px}.adv-weight{background:#f6f9fb;border:1px solid #e2eaf0;border-radius:12px;padding:13px 14px}.adv-weight-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.adv-weight-title strong{font-size:14px;color:#173752}.adv-weight-title output{font:700 16px/1.2 Inter,Arial,sans-serif;color:#1e5074;white-space:nowrap}.adv-weight input[type=range]{width:100%;accent-color:#1e658f;cursor:pointer}.adv-allocbar{height:10px;border-radius:15px;background:#edf2f6;overflow:hidden;display:flex;margin:17px 0 7px}.adv-allocbar span{height:100%;transition:width .15s}.adv-allocbar span:nth-child(1){background:#1f5e9c}.adv-allocbar span:nth-child(2){background:#b28a51}.adv-allocbar span:nth-child(3){background:#168d92}.adv-alloclabel{font-size:12px;color:#617b8c;margin:0 0 12px}.adv-selector{padding-top:15px;margin-top:15px;border-top:1px solid #e5ecf1}.adv-selector-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.adv-selector-title strong{font-size:13px}.adv-selector-title button{font:700 11px Inter,Arial,sans-serif;background:none;border:none;color:#1f689b;text-decoration:underline;cursor:pointer}.adv-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.adv-model{display:flex;align-items:center;gap:8px;border:1px solid #dce7ee;background:#f5f9fb;padding:10px 9px;border-radius:9px;font-size:12px;font-weight:650;cursor:pointer}.adv-model input{accent-color:#1b638c}.adv-field{display:flex;align-items:center;gap:10px;margin-top:17px;flex-wrap:wrap}.adv-field label{font-size:12px;font-weight:700;color:#4a6e87}.adv-field select{border:1px solid #cbdae5;border-radius:8px;padding:9px;background:#fff;color:#264961;font-size:12px}.adv-chart-panel{min-width:0;display:flex;flex-direction:column}.adv-chart-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.adv-chart-head small{font-size:11px;letter-spacing:.09em;color:#ad854f;font-weight:800}.adv-chart-head strong{font:400 29px Georgia,serif;color:#164e75;display:block;text-align:right}.adv-chart-frame{min-height:290px;flex:1;margin-top:15px;position:relative}.adv-chart-frame svg{display:block;width:100%;height:auto}.adv-chart-empty{height:100%;min-height:260px;display:grid;place-content:center;gap:10px;text-align:center;background:#f4f8fb;border:1px dashed #bdd1df;padding:22px;border-radius:12px;color:#62798a}.adv-chart-empty strong{color:#264f6d}.adv-chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 0}.adv-chart-legend span{font-size:12px;color:#597184;display:flex;align-items:center;gap:6px}.adv-chart-legend b{width:17px;height:4px;border-radius:8px;display:inline-block}.adv-infobar{border-top:1px solid #e6edf2;padding-top:14px;margin-top:15px;display:flex;align-items:flex-start;gap:8px;color:#667d8d;font-size:12px;line-height:1.6}.adv-infobar::before{content:'i';width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d7e8f2;color:#285b7d;font-weight:800}.adv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:17px}.adv-kpi{background:#f4f8fa;border:1px solid #e4ebf1;border-radius:11px;padding:18px}.adv-kpi span{color:#647d8d;display:block;font-size:12px;font-weight:650;margin-bottom:8px}.adv-kpi strong{font:400 clamp(22px,2.2vw,30px) Georgia,serif;color:#24506d}.adv-kpi strong.down{color:#b85552}.adv-status{border:1px solid #e3e9ec;border-radius:10px;padding:12px 15px;background:#fbfcfd;font-size:13px;color:#536c7b;line-height:1.6;margin:14px 0}.adv-status.warn{background:#fff9ed;border-color:#ead3a6;color:#775723}.adv-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:17px}.adv-data-card{background:#f6f9fb;border:1px solid #e2eaf0;border-radius:12px;padding:17px}.adv-data-card h3{font-size:19px}.adv-data-card p{font-size:12px;color:#657e8e;line-height:1.65}.adv-data-card .adv-source{display:block;color:#2b6793;text-decoration:underline;font-weight:700;font-size:12px;margin:10px 0}.adv-upload{display:block;padding:12px 12px;border:1px dashed #9dbbce;border-radius:9px;background:white;font-size:12px;cursor:pointer;color:#215c87;text-align:center;font-weight:750}.adv-upload input{display:none}.adv-data-status{font-size:11px;margin:10px 0 0!important;min-height:18px}.adv-data-status.ok{color:#167a71}.adv-method{font-size:13px;line-height:1.75;color:#567181}.adv-method p{margin:9px 0}.adv-table-wrap{overflow:auto;margin-top:16px}.adv-table{width:100%;border-collapse:collapse;font-size:13px;min-width:540px}.adv-table th,.adv-table td{padding:13px 12px;border-bottom:1px solid #e3ebf1;text-align:right}.adv-table th:first-child,.adv-table td:first-child{text-align:left}.adv-table thead th{background:#eef4f8;color:#365972;font-size:12px}.adv-note{margin-top:15px;background:#f3f7fa;border-left:3px solid #b48b52;padding:14px 16px;border-radius:0 9px 9px 0;font-size:12px;line-height:1.75;color:#62788a}body.dark .adv-page{background:#0e2137;color:#e5eff6}body.dark .adv-panel{background:#172d43;border-color:#39526a}body.dark .adv-panel h2,body.dark .adv-panel h3,body.dark .adv-weight-title strong{color:#f0f6fa}body.dark .adv-weight,body.dark .adv-kpi,body.dark .adv-data-card,body.dark .adv-model{background:#21394f;border-color:#39566e;color:#f4f8fa}body.dark .adv-weight-title output,body.dark .adv-kpi strong{color:#f4f8fa}@media(max-width:950px){.adv-two{grid-template-columns:1fr}.adv-right-stack{gap:16px}.adv-chart-frame{min-height:285px}}@media(max-width:680px){.adv-hero{padding:35px 0 55px}.adv-hero-row{flex-direction:column}.adv-panel{padding:18px}.adv-data-grid{grid-template-columns:1fr}.adv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.adv-hero h1{font-size:34px}.adv-back{padding:9px 12px}.adv-chart-frame{min-height:235px}.adv-chart-empty{min-height:230px}}

/* Kurvval och förklaring ligger omedelbart ovanför grafen */
.adv-chart-visibility{margin-top:20px;padding:13px 15px 12px;border:1px solid #dfe9f0;border-radius:12px;background:#f8fbfd}
.adv-chart-visibility-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.adv-chart-visibility-heading>strong{font-size:12px;letter-spacing:.045em;text-transform:uppercase;color:#355b76}
.adv-chart-actions{display:flex;gap:8px;flex-wrap:wrap}
.adv-chart-actions button{border:1px solid #c8dbe9;background:white;color:#275b7d;border-radius:8px;font:700 11px Inter,Arial,sans-serif;padding:7px 10px;cursor:pointer}
.adv-chart-actions button:hover,.adv-chart-actions button:focus-visible{background:#e9f3fa;border-color:#a4c5d8}
.adv-chart-legend{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0 0}
.adv-chart-line-toggle{display:inline-flex;align-items:center;gap:6px;font:650 12px Inter,Arial,sans-serif;color:#264b65;background:#fff;border:1px solid #dbe6ee;padding:8px 9px;border-radius:9px;cursor:pointer;white-space:nowrap;user-select:none}
.adv-chart-line-toggle input{accent-color:#1c638e;width:15px;height:15px;cursor:pointer;margin:0}
.adv-chart-line-toggle i{display:inline-block;width:18px;height:4px;border-radius:4px;flex-shrink:0}
.adv-chart-line-toggle:has(input:not(:checked)){opacity:.62;background:transparent}
.adv-chart-line-toggle:has(input:disabled){display:none}
.adv-chart-line-toggle:focus-within{outline:2px solid #8cbbd8;outline-offset:2px}
.adv-curve-note{font-size:11px;line-height:1.55;color:#668092;margin:11px 0 0}
.adv-chart-frame{min-height:0;flex:initial;margin-top:12px}
.adv-chart-frame svg{width:100%;height:auto;max-height:430px}
body.dark .adv-chart-visibility{background:#203b53;border-color:#39556c}
body.dark .adv-chart-visibility-heading>strong{color:#d6e8f5}
body.dark .adv-chart-line-toggle{background:#243f57;color:#eef5fb;border-color:#426079}
body.dark .adv-curve-note{color:#c2d4e1}
@media(max-width:680px){.adv-chart-visibility{padding:12px 10px}.adv-chart-line-toggle{font-size:11px;padding:7px}.adv-chart-actions{width:100%}.adv-chart-visibility-heading{align-items:flex-start}}

/* Navigering och renare avancerad jämförelse. */
.adv-hero-copy{flex:1 1 540px;min-width:0}
.adv-hero-actions{display:flex;justify-content:flex-end;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:9px;flex:0 0 auto;max-width:555px;padding-top:9px}
.adv-hero-actions .adv-back{margin:0;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.055);font-size:12px;line-height:1.4;transition:background .2s,border-color .2s}
.adv-hero-actions .adv-back:hover,.adv-hero-actions .adv-back:focus-visible{background:rgba(255,255,255,.16);border-color:#f0e3ce}
.adv-hero-actions .adv-back-featured{background:rgba(222,191,139,.13);border-color:rgba(221,190,142,.9);color:#fff!important}
.adv-hero-actions .adv-back-featured:hover{background:rgba(222,191,139,.25)}
.adv-compare-shortcut{margin-top:19px;border-top:1px solid #e1eaf0;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.adv-compare-shortcut span{font-size:12px;line-height:1.5;color:#637d8f}
.adv-compare-shortcut a{display:inline-flex;align-items:center;gap:10px;border-radius:9px;border:1px solid #bed0dd;padding:10px 13px;color:#245775!important;background:#f4f8fb;font-size:12px;font-weight:750;text-decoration:none}
.adv-compare-shortcut a span{font-size:15px;color:#245775}
.adv-compare-shortcut a:hover,.adv-compare-shortcut a:focus-visible{background:#e9f3f9;border-color:#82a8c3}
body.dark .adv-compare-shortcut{border-top-color:#385369}
body.dark .adv-compare-shortcut span{color:#bed1df}
body.dark .adv-compare-shortcut a{background:#213f57;color:#f2f7fb!important;border-color:#61829a}
body.dark .adv-compare-shortcut a span{color:#f2f7fb}
@media(max-width:1140px){.adv-hero-row{flex-wrap:wrap}.adv-hero-actions{justify-content:flex-start;max-width:100%;padding-top:0}}
@media(max-width:680px){.adv-hero-actions{gap:7px}.adv-hero-actions .adv-back{white-space:normal;padding:9px 11px}.adv-compare-shortcut a{width:100%;justify-content:space-between}}

/* Kurvval och periodinformation visas nu direkt under diagrammet. */
.adv-chart-panel .adv-chart-frame{margin-top:20px}
.adv-chart-panel .adv-chart-visibility{margin-top:16px}
.adv-chart-panel .adv-infobar{margin-top:12px}

/* Clarify the progressive index history below the graph */
#adv-model-history-note{margin:12px 0 2px;font-size:12px;line-height:1.65;color:#526f83;border-top:1px solid #e1e9ef;padding-top:11px}
body.dark #adv-model-history-note{color:#c5d8e6;border-color:#3a526a}

/* Diskret metodnotering under grafen i stället för en färgad informationsruta. */
.adv-live-results-note{margin:10px 0 0;padding:0 2px;background:transparent;border:0;border-radius:0;color:#738899;font-size:11px;line-height:1.55}
.adv-live-results-note strong{color:#60788b;font-weight:650}
body.dark .adv-live-results-note{background:transparent;color:#b4c5d3}
body.dark .adv-live-results-note strong{color:#d0deea}

/* Utfällbara individuella modellvikter – endast avancerat läge. */
.adv-model-default-note{margin-top:11px!important}
.adv-model-custom{margin-top:16px;border:1px solid #cbdde8;border-radius:12px;background:#f8fbfd;overflow:hidden}
.adv-model-custom>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;color:#204d6d;user-select:none}
.adv-model-custom>summary::-webkit-details-marker{display:none}
.adv-model-custom>summary::after{content:'⌄';color:#50738d;font-size:20px;line-height:1;transition:transform .2s;order:3}
.adv-model-custom[open]>summary::after{transform:rotate(180deg)}
.adv-model-custom>summary:hover,.adv-model-custom>summary:focus-visible{background:#ecf4f9}
.adv-model-custom-title{font-size:13px;font-weight:750;display:flex;flex-direction:column;gap:2px}
.adv-model-custom-title small{font-size:11px;color:#678398;font-weight:500}
.adv-model-custom-badge{margin-left:auto;padding:5px 9px;background:#e5f0f6;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;color:#285574}
.adv-model-custom-body{border-top:1px solid #dce8ee;padding:16px 14px 14px}
.adv-model-weights{display:grid;gap:9px;margin:14px 0}
.adv-model-weight{display:block;background:#fff;border:1px solid #dde8ef;border-radius:10px;padding:10px 12px}
.adv-model-weight-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}
.adv-model-weight-head label{font-size:12px;font-weight:700;color:#264c68}
.adv-model-weight-head output{font-size:13px;font-weight:750;color:#1d587f;white-space:nowrap}
.adv-model-weight input[type=range]{width:100%;cursor:pointer;accent-color:#1f638f;display:block}
.adv-model-weights-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid #dce8ee;padding-top:11px}
.adv-model-weights-bottom span{font-size:12px;color:#315c78;font-weight:750}
.adv-model-weights-bottom button{border:1px solid #afc8d9;background:#fff;color:#245d84;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}
.adv-model-weights-bottom button:hover{background:#eaf3fa}
.adv-model-weight-example{margin-top:11px!important;font-size:11px!important}
body.dark .adv-model-custom{background:#1b354b;border-color:#496279}
body.dark .adv-model-custom>summary{color:#e7f3fb}
body.dark .adv-model-custom-title small,body.dark .adv-model-weight-example{color:#c1d5e4}
body.dark .adv-model-custom-badge{background:#294d67;color:#e5f4fd}
body.dark .adv-model-custom-body,body.dark .adv-model-weights-bottom{border-color:#47617a}
body.dark .adv-model-weight{background:#233e55;border-color:#47617a}
body.dark .adv-model-weight-head label,body.dark .adv-model-weight-head output,body.dark .adv-model-weights-bottom span{color:#e6f3fc}
@media(max-width:680px){.adv-model-custom-title small{font-size:10px}.adv-model-weight{padding:9px 10px}}

/* Slutlig layoutputsning: tydliga förinställningsknappar. */
.adv-presets button{appearance:none;min-height:35px;padding:8px 11px;border:1px solid #cfdfeb;border-radius:9px;background:#f5f9fc;color:#245679;font:700 12px/1.35 Inter,Arial,sans-serif;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}
.adv-presets button:hover{background:#eaf3fa;border-color:#9ebbd0}
.adv-presets button:focus-visible{outline:2px solid #6a9dc3;outline-offset:2px}
.adv-presets button.active{background:#1d5b86;border-color:#1d5b86;color:#fff;box-shadow:0 3px 9px rgba(30,85,128,.12)}
body.dark .adv-presets button:not(.active){background:#24455e;border-color:#46667f;color:#eff6fa}
@media(max-width:680px){.adv-presets{gap:7px}.adv-presets button{flex:0 1 auto;min-height:37px}}

/* Informationsruta för interaktiva kurvor i avancerad jämförelse */
.adv-chart-frame{position:relative}
.adv-chart-frame svg{touch-action:pan-y}
.adv-hover-cursor{stroke:#7692a7;stroke-width:1.1;stroke-dasharray:4 5;pointer-events:none}
.adv-hover-tooltip{position:absolute;z-index:8;min-width:205px;max-width:min(285px,calc(100% - 8px));padding:12px 13px;background:rgba(20,48,72,.97);color:#fff;box-shadow:0 10px 27px rgba(10,40,61,.25);border-radius:10px;font:12px/1.45 Inter,Arial,sans-serif;pointer-events:none}
.adv-hover-tooltip[hidden]{display:none!important}
.adv-hover-tooltip-title{display:block;margin-bottom:8px;color:#fff;font-size:13px;font-weight:750;text-transform:capitalize}
.adv-hover-tooltip-row{display:flex;align-items:center;gap:7px;padding:4px 0;color:#e5f0f5}
.adv-hover-tooltip-row i{display:block;width:8px;height:8px;border-radius:50%;flex:none}
/* Portföljens mörkblå linje behålls, men ges vit kontur mot den mörka tooltipen. */
.adv-hover-tooltip-row--portfolio{background:rgba(255,255,255,.09);border-radius:6px;margin:2px -6px 4px;padding:6px}
.adv-hover-tooltip-row--portfolio span{font-weight:750;color:#fff}
.adv-hover-tooltip-row--portfolio i{width:23px;height:10px;border:2px solid #fff;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.17)}

.adv-hover-tooltip-row span{flex:1;min-width:0}
.adv-hover-tooltip-row b{margin-left:9px;white-space:nowrap;color:#fff;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:560px){.adv-hover-tooltip{position:relative!important;left:auto!important;top:auto!important;width:100%;max-width:100%;margin-top:8px;padding:10px 12px;font-size:11px}.adv-hover-tooltip-row b{font-size:11px}}