/* Independent accounts keep both composition and interactions in context. */
.hero-art{margin:0 0 0 28px;border:0;min-height:560px;align-self:stretch;background:#111918}
.hero-art img{height:100%;min-height:560px;opacity:1;mask-image:none;object-position:70% center}
.hero-art::after{z-index:0;pointer-events:none;background:linear-gradient(180deg,#0c12125c,transparent 22%,transparent 72%,#0c1212b3)}
.hero-art .art-top,.hero-art .art-bottom{z-index:1;color:#eff7ef;text-shadow:0 1px 5px #000}
.article-image img{object-position:70% center}
.article-strip:has(img[src*="rekawice"]){height:175px}
.article-strip img[src*="rekawice"]{object-position:center 62%}
.portfolio-intro{color:var(--muted);font-size:13px;margin:26px 0 36px;max-width:650px}
.equity-portfolios{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.account-card{background:#121d1e;border:1px solid #344748;min-width:0;padding:26px;scroll-margin-top:125px}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #344748;padding-bottom:22px}
.account-heading h3{font-family:var(--display);font-size:42px;font-weight:600;margin-top:7px;letter-spacing:-.5px}
.account-heading .eyebrow{font-size:9px;color:#8fcfb4;letter-spacing:1.7px}
.account-pln .account-heading .eyebrow{color:#91c6e7}
.account-date{font-size:10px;text-align:right;color:#b4c6bd;line-height:1.8;flex-shrink:0}
.account-overview{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:28px 0}
.account-overview .donut{width:180px;height:180px;max-width:none;margin:0}
.account-overview .selection-detail{padding:0;margin:0;border:0;min-width:0}
.detail-name{display:flex;align-items:center;gap:9px;font-size:21px;line-height:1.25;margin:8px 0;font-weight:700;overflow-wrap:anywhere}
.detail-name::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--asset-color);flex-shrink:0}
.account-overview .selection-detail strong{font-size:52px;white-space:nowrap}
.account-overview .selection-detail p{font-size:10px;line-height:1.7}
.account-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #344748}
.account-controls>span{font-size:8px;letter-spacing:1.5px;color:#b0c6bb}
.account-controls .sort-label{gap:8px;font-size:9px}
.account-controls select{font-size:10px;max-width:155px}
.account-holdings{border-collapse:collapse;width:100%;table-layout:fixed;text-align:left}
.account-holdings thead th{font-size:9px;font-weight:500;letter-spacing:.5px;color:#a9c2b6;padding:10px 9px;border-bottom:1px solid #3b5050}
.account-holdings thead th:last-child{width:32%;text-align:right}
.account-holdings tbody tr{background:transparent;border-bottom:1px solid #293a3b;cursor:pointer;box-shadow:inset 2px 0 transparent}
.account-holdings tbody tr.preview{background:#ffffff04}
.account-holdings tbody tr.chosen{background:#ffffff06;box-shadow:inset 2px 0 var(--asset-color)}
.account-holdings tbody tr.chosen .account-value{color:var(--asset-color)}
.account-holdings tbody tr:has(:focus-visible){outline:2px solid var(--green);outline-offset:-2px}
.account-holdings tbody th{padding:0;font-weight:600}
.account-holdings button{display:flex;align-items:center;gap:11px;background:none;width:100%;text-align:left;min-height:69px;padding:12px;font-size:13px;line-height:1.4}
.account-holdings button small{display:block;font-size:9px;font-weight:500;color:#b1c8be;letter-spacing:.8px;margin-top:4px}
.account-holdings button:hover{background:none}
.account-holdings button:focus-visible{outline:none}
.account-holdings td{padding:12px 12px 12px 3px;text-align:right;font-size:15px;font-weight:700}
.account-holdings .holding-bar{width:100%;margin-top:8px;height:2px;background:#233233}
.account-holdings .holding-bar i{opacity:.35;transition:opacity 180ms ease}
.account-holdings tr.chosen .holding-bar i,.account-holdings tr.preview .holding-bar i{opacity:1}
.account-help{font-size:10px;line-height:1.6;color:#b1c7bc;margin:16px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.account-crypto{margin-top:40px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:40px}
.account-crypto .account-heading{grid-column:1/-1}
.account-crypto .account-controls{border-top:0}
.account-crypto .account-table{padding-top:15px}
.crypto-note{font-size:11px;color:#b1c7bc;max-width:730px;margin-top:16px}
@media(max-width:1100px){.account-card{padding:20px}.equity-portfolios{gap:20px}.account-overview{grid-template-columns:140px 1fr;gap:15px}.account-overview .donut{width:140px;height:140px}.account-overview .donut span{font-size:52px}.account-overview .selection-detail strong{font-size:43px}.detail-name{font-size:18px}.account-controls>span{display:none}.account-controls{justify-content:flex-end}.hero-art{margin-left:15px;min-height:470px}.hero-art img{min-height:470px}}
@media(max-width:800px){.equity-portfolios{grid-template-columns:1fr}.account-overview{grid-template-columns:180px 1fr;gap:30px}.account-overview .donut{width:180px;height:180px}.account-crypto{display:block}.account-crypto .account-controls{border-top:1px solid #344748}.account-crypto .account-table{padding-top:0}.account-controls>span{display:block}.account-controls{justify-content:space-between}.account-overview .selection-detail strong{font-size:52px}.detail-name{font-size:23px}}
@media(max-width:620px){.hero-art{margin:32px 0 0;min-height:290px;max-width:none;aspect-ratio:1.35}.hero-art img{min-height:0;height:100%;object-position:70% center}.hero-art .art-top{left:18px;font-size:7px}.hero-art .art-bottom{right:18px}.account-card{padding:18px 14px}.account-heading h3{font-size:37px}.account-heading .eyebrow{font-size:8px}.account-date{font-size:9px}.account-overview{grid-template-columns:130px 1fr;gap:16px;padding:24px 0}.account-overview .donut{width:130px;height:130px}.account-overview .selection-detail{grid-column:auto;grid-row:auto}.account-overview .selection-detail strong{font-size:40px}.detail-name{font-size:18px}.account-overview .selection-detail p{font-size:9px}.account-controls .sort-label{flex-direction:row;align-items:center}.account-controls select{max-width:145px}.account-holdings button{font-size:12px;padding:12px 9px;gap:8px}.account-holdings td{font-size:14px;padding-right:9px}.portfolio-intro{font-size:12px}.account-crypto{margin-top:28px}.article-strip:has(img[src*="rekawice"]){height:190px}}
.header{background:#0c1212;backdrop-filter:none}
.logo-image{display:flex;align-items:center;gap:10px;width:230px;height:82px;flex-shrink:0;letter-spacing:0}
.logo-symbol{display:block;position:relative;width:68px;height:78px;overflow:hidden;flex-shrink:0}.logo-image img{height:100%;width:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:scale(1.15)}.logo-type{font-family:var(--display);font-size:31px;font-weight:700;line-height:.95;letter-spacing:.6px;white-space:nowrap}.logo-type>span{display:block;margin-top:4px}.logo-type em{color:var(--green);font-style:normal}
.footer-top .logo-image{width:230px;height:74px}
.story-photo{margin:30px 0 0;max-width:560px}
.story-photo img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:50% 65%}
.story-photo figcaption{margin-top:12px;color:#a9c1b6;font-size:10px;letter-spacing:.5px}
.article-strip:has(img[src*="dziennik-analiz"]){height:160px}
.article-strip img[src*="dziennik-analiz"]{object-position:center 59%}
.account-date b{display:block;color:#dbe8e0;font-size:11px;font-weight:600;margin-bottom:2px}
.ring-track{stroke:#283a37}
.account-card .ring-segment{transform:translate(0,0);stroke:#121d1e;stroke-width:1;transition:transform 320ms cubic-bezier(.2,.7,.2,1),opacity 220ms ease,filter 220ms ease,stroke 220ms ease;outline:none}
.account-card .ring-segment.chosen{transform:translate(var(--lift-x),var(--lift-y));stroke:#ccebdc;stroke-width:1.2}
.account-card .ring-segment.preview,.account-card .ring-segment:focus-visible{transform:translate(var(--lift-x),var(--lift-y));filter:brightness(1.15);stroke:#fff;stroke-width:1.5}
.account-card .is-preview .ring-segment:not(.preview){opacity:.38;transform:translate(0,0);filter:none;stroke:#121d1e}
.account-card .donut .ring-value{font-size:40px;font-variant-numeric:tabular-nums;color:#eff8f2;letter-spacing:-1px;line-height:1.1}
.ring-value em{font-style:normal;font-size:17px;letter-spacing:0;margin-left:1px;color:#a9c1b6}
.account-card .donut .ring-label{color:var(--active-color);font-size:10px;font-weight:700;letter-spacing:1.7px;transition:color 180ms ease;margin-top:7px}
.donut>.ring-tooltip{position:absolute;z-index:3;left:50%;top:-22px;transform:translateX(-50%);white-space:nowrap;width:max-content;height:auto;display:block;padding:5px 9px;background:#ecf5ef;color:#10231b;border-radius:4px;font-size:10px;font-weight:700;line-height:1.5;pointer-events:none;box-shadow:0 5px 18px #0003}
.account-holdings tr{transition:background-color 200ms ease}
.account-help{color:#a9c6b7}
@media(max-width:1100px){.account-card .donut .ring-value{font-size:32px}.header .logo-image{width:210px;height:74px}}
@media(max-width:800px){.header nav{gap:16px}.header .nav-about{padding-left:16px}.header .nav-about span{margin-left:6px}.header .logo-image{width:190px;height:70px}.header .logo-symbol{width:56px;height:68px}.header .logo-type{font-size:28px}}
@media(max-width:620px){.header .logo-image{width:185px;height:66px;margin-left:0}.header .logo-symbol{width:52px;height:64px}.header .logo-type{font-size:27px}.footer-top .logo-image{width:190px;height:66px}.account-card .donut .ring-value{font-size:30px}.account-card .donut .ring-label{font-size:8px}.ring-value em{font-size:13px}.ring-tooltip{font-size:9px;top:-18px}.account-date b{font-size:10px}.story-photo{margin-top:25px}.footer-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.account-card .ring-segment,.account-holdings tr,.account-card .donut .ring-label{transition:none}.account-card .ring-segment.chosen,.account-card .ring-segment.preview,.account-card .ring-segment:focus-visible{transform:none}}
.header nav a[aria-current="location"]{color:var(--green);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.reader-toolbar::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#20855c;transform:scaleX(var(--reading-progress,0));transform-origin:left}
.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #c2c8b6;padding-bottom:18px;margin-bottom:25px;font-size:11px;color:#52604d}
.reader-tools button{background:transparent;color:#334b37;padding:8px 12px;border:1px solid #94a18b;min-width:42px;font-weight:700}
.reader-tools button[aria-pressed="true"]{background:#254b37;color:#fff;border-color:#254b37}
.reader-size{display:flex;gap:6px}
#article-dialog.large-text #article-body{font-size:18px;line-height:1.95}
@media(prefers-reduced-motion:reduce){.account-holdings .holding-bar i{transition:none}}


