.sgp-section{--sgp-bg:#102826;--sgp-card:#102321;--sgp-line:rgba(190,226,220,.17);--sgp-muted:#9bb9b4;--sgp-text:#eef7f5;--sgp-sun:#ff705d;--sgp-moon:#7daee5;max-width:1180px;margin:42px auto;padding:30px;border:1px solid var(--sgp-line);border-radius:28px;background:linear-gradient(155deg,#183b37,#102826 58%,#122b32);color:var(--sgp-text);box-shadow:0 28px 70px rgba(4,18,20,.28);overflow:hidden;scroll-margin-top:18px}.sgp-section *{box-sizing:border-box}.sgp-head{display:flex;justify-content:space-between;gap:26px;align-items:flex-start;margin-bottom:24px}.sgp-kicker{margin:0 0 7px;color:#7eb8af;font-size:11px;font-weight:900;letter-spacing:.18em}.sgp-head h2{margin:0;font-size:38px;line-height:1.15}.sgp-head>div>p:last-child{margin:10px 0 0;color:var(--sgp-muted);font-size:15px}.sgp-asof{min-width:150px;padding:13px 16px;border:1px solid var(--sgp-line);border-radius:14px;background:rgba(255,255,255,.035)}.sgp-asof small,.sgp-asof b{display:block}.sgp-asof small{color:var(--sgp-muted);font-size:11px}.sgp-asof b{margin-top:4px;font-size:15px}.sgp-group-row{display:grid;grid-template-columns:minmax(260px,1.1fr) 1.8fr;gap:13px}.sgp-group-open{min-height:104px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;text-align:left;border:1px solid rgba(120,201,188,.28);border-radius:18px;background:linear-gradient(135deg,rgba(88,162,150,.18),rgba(255,255,255,.035));color:var(--sgp-text);cursor:pointer}.sgp-group-open span{grid-column:1/-1;color:#7eb8af;font-size:11px;font-weight:850;letter-spacing:.08em}.sgp-group-open strong{font-size:25px}.sgp-group-open em{grid-column:1;font-style:normal;color:var(--sgp-muted);font-size:12px}.sgp-group-open i{grid-column:2;grid-row:2/4;align-self:center;font-style:normal;color:#8ed4c8;font-weight:800}.sgp-group-glance{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sgp-line);border-radius:18px;overflow:hidden;background:rgba(4,20,22,.28)}.sgp-group-glance span{padding:20px;border-left:1px solid var(--sgp-line)}.sgp-group-glance span:first-child{border:0}.sgp-group-glance small,.sgp-group-glance b{display:block}.sgp-group-glance small{color:var(--sgp-muted);font-size:11px}.sgp-group-glance b{margin-top:11px;font-size:22px}.sgp-picker{margin-top:14px;padding:20px;border:1px solid rgba(127,204,192,.3);border-radius:20px;background:#102624;box-shadow:0 20px 50px rgba(0,0,0,.28)}.sgp-picker header{display:flex;align-items:center;justify-content:space-between;gap:20px}.sgp-picker header strong,.sgp-picker header span{display:block}.sgp-picker header strong{font-size:20px}.sgp-picker header span{margin-top:4px;color:var(--sgp-muted);font-size:12px}.sgp-picker-close{width:40px;height:40px;border:1px solid var(--sgp-line);border-radius:50%;background:transparent;color:var(--sgp-text);font-size:24px;cursor:pointer}.sgp-picker-search,.sgp-search{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border:1px solid var(--sgp-line);border-radius:12px;background:rgba(4,18,20,.35)}.sgp-picker-search{margin-top:16px}.sgp-picker-search input,.sgp-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--sgp-text);font:inherit}.sgp-picker-search input::placeholder,.sgp-search input::placeholder{color:#789792}.sgp-group-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.sgp-group-list button{min-height:108px;padding:14px;text-align:left;border:1px solid var(--sgp-line);border-radius:14px;background:rgba(255,255,255,.035);color:var(--sgp-text);cursor:pointer}.sgp-group-list button.active{border-color:#72c7ba;background:rgba(80,164,151,.18);box-shadow:inset 0 0 0 1px rgba(114,199,186,.24)}.sgp-group-list span,.sgp-group-list strong,.sgp-group-list small,.sgp-group-list em,.sgp-group-list i{display:block}.sgp-group-list strong{font-size:17px}.sgp-group-list small{margin-top:4px;color:var(--sgp-muted)}.sgp-group-list em{margin-top:12px;font-style:normal;font-weight:900}.sgp-group-list i{margin-top:3px;color:#89aaa5;font-size:11px;font-style:normal}.sgp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.sgp-summary>div{min-height:92px;padding:16px;border:1px solid var(--sgp-line);border-radius:16px;background:rgba(255,255,255,.035)}.sgp-summary small{display:block;color:var(--sgp-muted);font-weight:800}.sgp-summary strong{display:inline-block;margin-top:9px;font-size:28px}.sgp-summary span{margin-left:4px;color:var(--sgp-muted)}.sgp-summary .positive strong{color:#ff806e}.sgp-summary .warning strong{color:#f0b568}.sgp-summary .recover strong{color:#69d9c1}.sgp-summary .negative strong{color:#83b2e6}.sgp-toolbar{display:grid;grid-template-columns:1.25fr 1fr 1fr minmax(210px,1.2fr);gap:10px;padding:13px;border:1px solid var(--sgp-line);border-radius:16px;background:rgba(4,17,20,.26)}.sgp-control>span{display:block;margin:0 0 6px 4px;color:#82a39e;font-size:10px;font-weight:850}.sgp-control>div{display:flex;min-height:44px;padding:4px;border-radius:10px;background:rgba(4,18,20,.48)}.sgp-control button{flex:1;min-width:0;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#a9c0bc;font-weight:800;cursor:pointer;white-space:nowrap}.sgp-control button.active,.sgp-sort button.active{background:#356f78;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.18)}.sgp-search{align-self:end;min-height:52px}.sgp-filters{margin-top:10px;border:1px solid var(--sgp-line);border-radius:14px;background:rgba(255,255,255,.025)}.sgp-filters summary{padding:14px 16px;display:flex;justify-content:space-between;color:#dce9e7;font-weight:850;cursor:pointer}.sgp-filters summary span{color:var(--sgp-muted);font-size:12px}.sgp-filter-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;padding:0 13px 13px}.sgp-chart-shell{position:relative;margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.sgp-chart{display:block;width:100%;min-height:570px;border:1px solid var(--sgp-line);border-radius:22px;background:radial-gradient(circle at 70% 25%,rgba(62,126,143,.18),transparent 38%),#0c201f}.sgp-grid-bg{fill:rgba(255,255,255,.012)}.sgp-axis{stroke:rgba(181,218,212,.17);stroke-width:1;stroke-dasharray:5 7}.sgp-q{fill:#789b96;font-size:16px;font-weight:850}.sgp-axis-label{fill:#789b96;font-size:12px;font-weight:750}.sgp-node{cursor:pointer}.sgp-node circle{fill:#6f9fd4;stroke:#355a7e;stroke-width:5;filter:drop-shadow(0 8px 9px rgba(0,0,0,.25));transition:.18s}.sgp-node.sun circle{fill:#bf594d}.sgp-node.marker-yellow circle{stroke:#f3c84c}.sgp-node.marker-blue circle{stroke:#48a9ff}.sgp-node.marker-x circle{stroke:#d06d68}.sgp-node:hover circle,.sgp-node:focus circle,.sgp-node.active circle{stroke-width:8;filter:url(#sgpGlow)}.sgp-node text{fill:#fff;font-size:13px;font-weight:900;pointer-events:none}.sgp-node text.new{fill:#ffd36e;font-size:9px}.sgp-no-result{fill:#8ca8a3;font-size:18px}.sgp-detail{min-height:570px;padding:20px;border:1px solid var(--sgp-line);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.sgp-detail>p{margin:0;color:var(--sgp-muted)}.sgp-detail-title{display:grid;grid-template-columns:45px 1fr;gap:11px;align-items:center}.sgp-detail-title>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:24px;background:rgba(255,255,255,.07)}.sgp-detail-title>span.sun{color:#ff806e}.sgp-detail-title>span.moon{color:#86b8eb}.sgp-detail-title strong,.sgp-detail-title em{display:block}.sgp-detail-title strong{font-size:20px}.sgp-detail-title strong small{color:#8ba9a4;font-size:12px}.sgp-detail-title em{margin-top:4px;color:var(--sgp-muted);font-size:12px;font-style:normal}.sgp-detail-title a{grid-column:1/-1;margin-top:8px;padding:11px;text-align:center;border:1px solid var(--sgp-line);border-radius:10px;color:#dfeeed;text-decoration:none;font-weight:850}.sgp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.sgp-detail-grid span{padding:13px;border-radius:12px;background:rgba(2,16,18,.3)}.sgp-detail-grid small,.sgp-detail-grid b{display:block}.sgp-detail-grid small{color:var(--sgp-muted);font-size:10px}.sgp-detail-grid b{margin-top:6px;font-size:15px}.sgp-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.sgp-badges i,.sgp-board td i{display:inline-block;margin:2px;padding:6px 8px;border-radius:8px;font-style:normal;font-size:11px;font-weight:850}.regime-sun{color:#f4725e;background:rgba(255,112,93,.11)}.regime-moon{color:#82b2e6;background:rgba(118,169,228,.12)}.channel-yellow{color:#e8bc41;background:rgba(242,200,75,.11)}.channel-blue{color:#5ab2ff;background:rgba(72,169,255,.11)}.channel-x{color:#e0837c;background:rgba(208,109,104,.12)}.up{color:#ff7967}.down{color:#68d7b4}.sgp-legend{display:flex;flex-wrap:wrap;gap:12px;margin:11px 4px 0;color:var(--sgp-muted);font-size:11px}.sgp-legend span{display:flex;align-items:center;gap:5px}.sgp-legend i{width:10px;height:10px;border-radius:50%;background:#738}.sgp-legend i.sun{background:#bf594d}.sgp-legend i.moon{background:#6f9fd4}.sgp-legend i.yellow{background:#f3c84c}.sgp-legend i.blue{background:#48a9ff}.sgp-legend i.x{background:#d06d68}.sgp-board{margin-top:24px;border:1px solid var(--sgp-line);border-radius:20px;overflow:hidden;background:rgba(4,18,20,.25)}.sgp-board>header{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:20px}.sgp-board h3{margin:0;font-size:24px}.sgp-sort{display:flex;padding:4px;border-radius:10px;background:rgba(3,17,18,.5)}.sgp-sort button{min-height:40px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:#9bb7b2;font-weight:800;cursor:pointer}.sgp-table-wrap{overflow-x:auto}.sgp-board table{width:100%;border-collapse:collapse}.sgp-board th{padding:14px 15px;text-align:left;color:#86a39e;background:rgba(255,255,255,.045);font-size:11px;white-space:nowrap}.sgp-board td{padding:15px;border-top:1px solid var(--sgp-line);vertical-align:middle}.sgp-board td a{display:grid;color:var(--sgp-text);text-decoration:none}.sgp-board td a strong{font-size:16px}.sgp-board td a small,.sgp-board td>small,.sgp-board td>strong{display:block;margin-top:4px}.sgp-board td small{color:var(--sgp-muted)}.sgp-board td:nth-child(6){white-space:nowrap}.sgp-empty{padding:24px!important;text-align:center;color:var(--sgp-muted)}.sgp-note{margin:14px 4px 0;color:#789994;font-size:11px}

html[data-theme="soft-light"] .sgp-section{--sgp-bg:#e7efeb;--sgp-card:#f5f7f3;--sgp-line:rgba(48,86,83,.18);--sgp-muted:#58716e;--sgp-text:#172b2e;background:linear-gradient(155deg,#e6eeea,#dce8e3 60%,#d9e6e5);box-shadow:0 24px 65px rgba(45,74,72,.15)}html[data-theme="soft-light"] .sgp-group-open,html[data-theme="soft-light"] .sgp-summary>div,html[data-theme="soft-light"] .sgp-toolbar,html[data-theme="soft-light"] .sgp-filters,html[data-theme="soft-light"] .sgp-board,html[data-theme="soft-light"] .sgp-group-glance{background:rgba(255,255,255,.55)}html[data-theme="soft-light"] .sgp-picker{background:#eef4f0}html[data-theme="soft-light"] .sgp-control>div,html[data-theme="soft-light"] .sgp-picker-search,html[data-theme="soft-light"] .sgp-search{background:rgba(59,88,85,.09)}html[data-theme="soft-light"] .sgp-picker-search input::placeholder,html[data-theme="soft-light"] .sgp-search input::placeholder{color:#647c78}html[data-theme="soft-light"] .sgp-chart{background:radial-gradient(circle at 70% 25%,rgba(76,126,139,.16),transparent 38%),#dce8e5}html[data-theme="soft-light"] .sgp-grid-bg{fill:rgba(255,255,255,.25)}html[data-theme="soft-light"] .sgp-axis{stroke:rgba(40,74,72,.22)}html[data-theme="soft-light"] .sgp-q,html[data-theme="soft-light"] .sgp-axis-label{fill:#486764}html[data-theme="soft-light"] .sgp-detail{background:rgba(255,255,255,.55)}html[data-theme="soft-light"] .sgp-detail-grid span{background:rgba(55,84,82,.07)}html[data-theme="soft-light"] .sgp-board th{background:rgba(50,84,81,.08)}

html[data-reading="large"] .sgp-head>div>p:last-child,html[data-reading="large"] .sgp-group-open em,html[data-reading="large"] .sgp-filters summary span,html[data-reading="large"] .sgp-note{font-size:15px}html[data-reading="large"] .sgp-head h2{font-size:43px}html[data-reading="large"] .sgp-control button,html[data-reading="large"] .sgp-sort button{font-size:16px}html[data-reading="large"] .sgp-board td{font-size:17px}html[data-reading="large"] .sgp-board th{font-size:14px}html[data-reading="large"] .sgp-detail-grid b{font-size:17px}

@media(max-width:980px){.sgp-section{margin:30px 16px;padding:23px}.sgp-group-row{grid-template-columns:1fr}.sgp-toolbar{grid-template-columns:1fr 1fr}.sgp-chart-shell{grid-template-columns:1fr}.sgp-chart{min-height:auto}.sgp-detail{min-height:0}.sgp-detail-title{grid-template-columns:45px 1fr auto}.sgp-detail-title a{grid-column:3;margin:0}.sgp-detail-grid{grid-template-columns:repeat(4,1fr)}.sgp-group-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sgp-section{margin:20px 8px;padding:16px;border-radius:21px}.sgp-head{display:block}.sgp-head h2{font-size:29px}.sgp-head>div>p:last-child{font-size:13px;line-height:1.6}.sgp-asof{display:inline-block;min-width:0;margin-top:14px;padding:9px 12px}.sgp-group-open{min-height:96px}.sgp-group-open strong{font-size:22px}.sgp-group-open i{font-size:12px}.sgp-group-glance{grid-template-columns:repeat(3,1fr)}.sgp-group-glance span{padding:13px 10px}.sgp-group-glance b{font-size:17px}.sgp-group-glance small{font-size:9px}.sgp-summary{grid-template-columns:repeat(2,1fr)}.sgp-summary>div{min-height:78px;padding:13px}.sgp-summary strong{font-size:24px}.sgp-toolbar{grid-template-columns:1fr}.sgp-control button{min-height:40px;padding:7px 6px}.sgp-search{min-height:48px}.sgp-filter-grid{grid-template-columns:1fr}.sgp-group-list{grid-template-columns:1fr}.sgp-chart-shell{margin-left:-6px;margin-right:-6px}.sgp-chart{min-height:390px}.sgp-detail{padding:15px}.sgp-detail-title{grid-template-columns:42px 1fr}.sgp-detail-title>a{grid-column:1/-1}.sgp-detail-grid{grid-template-columns:1fr 1fr}.sgp-board>header{display:block}.sgp-sort{margin-top:12px}.sgp-sort button{flex:1}.sgp-table-wrap{overflow:visible}.sgp-board table,.sgp-board tbody{display:block}.sgp-board thead{display:none}.sgp-board tr{display:grid;grid-template-columns:1.1fr 1fr;gap:9px;padding:15px;border-top:1px solid var(--sgp-line)}.sgp-board tr:first-child{border-top:0}.sgp-board td{display:block;padding:0;border:0;min-width:0}.sgp-board td:nth-child(2){text-align:right}.sgp-board td:nth-child(3){color:var(--sgp-muted)}.sgp-board td:nth-child(4),.sgp-board td:nth-child(5){text-align:right}.sgp-board td:nth-child(6){grid-column:1}.sgp-board td:nth-child(7){grid-column:2;text-align:right}.sgp-board td a strong{font-size:17px}html[data-reading="large"] .sgp-head h2{font-size:34px}html[data-reading="large"] .sgp-control button{font-size:14px}}

/* Performance-period and selection polish */
.sgp-toolbar{grid-template-columns:1.35fr .95fr .95fr .95fr minmax(180px,1.05fr)}
.sgp-chart{background:radial-gradient(circle at 72% 22%,rgba(76,149,164,.2),transparent 38%),radial-gradient(circle at 18% 76%,rgba(255,112,93,.09),transparent 33%),linear-gradient(rgba(166,211,203,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(166,211,203,.025) 1px,transparent 1px),#0b201f;background-size:auto,auto,36px 36px,36px 36px,auto}
.sgp-node circle{fill:url(#sgpMoonFill);filter:drop-shadow(0 10px 12px rgba(1,12,15,.34));stroke-linecap:round}
.sgp-node.sun circle{fill:url(#sgpSunFill)}
.sgp-board table{min-width:970px}
.sgp-board tbody tr{cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}
.sgp-board tbody tr:hover td{background:rgba(91,155,147,.075)}
.sgp-board tbody tr.active{outline:1px solid rgba(111,205,190,.46);outline-offset:-1px;box-shadow:inset 4px 0 0 #65c7b8,inset 0 0 26px rgba(66,151,139,.09)}
.sgp-board tbody tr.active td{background:rgba(64,132,123,.16)!important;border-top-color:rgba(111,205,190,.28)}
.sgp-board tbody tr:focus-visible{outline:2px solid #73cbbd;outline-offset:-3px}
.sgp-board td a:focus-visible{outline:2px solid #73cbbd;outline-offset:3px;border-radius:4px}
html[data-theme="soft-light"] .sgp-chart{background:radial-gradient(circle at 72% 22%,rgba(75,133,145,.16),transparent 38%),radial-gradient(circle at 18% 76%,rgba(205,105,91,.08),transparent 33%),linear-gradient(rgba(54,91,87,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(54,91,87,.04) 1px,transparent 1px),#dce8e5;background-size:auto,auto,36px 36px,36px 36px,auto}
html[data-theme="soft-light"] .sgp-board tbody tr:hover td{background:rgba(67,125,119,.08)}
html[data-theme="soft-light"] .sgp-board tbody tr.active{outline-color:rgba(50,121,113,.42);box-shadow:inset 4px 0 0 #3d8f86,inset 0 0 22px rgba(57,125,117,.08)}
html[data-theme="soft-light"] .sgp-board tbody tr.active td{background:rgba(75,139,131,.13)!important}
@media(max-width:1120px){.sgp-toolbar{grid-template-columns:1fr 1fr 1fr}.sgp-search{grid-column:span 2}}
@media(max-width:980px){.sgp-toolbar{grid-template-columns:1fr 1fr}.sgp-search{grid-column:1/-1}}
@media(max-width:600px){.sgp-toolbar{grid-template-columns:1fr}.sgp-search{grid-column:auto}.sgp-board table{min-width:0}.sgp-board tr{border:1px solid transparent!important;border-radius:14px;margin:8px;background:rgba(255,255,255,.022)}.sgp-board tr.active{border-color:rgba(111,205,190,.48)!important;outline:0;box-shadow:inset 3px 0 0 #65c7b8,0 8px 20px rgba(1,18,20,.14)}.sgp-board tr.active td{background:transparent!important}.sgp-board td:nth-child(1){grid-column:1}.sgp-board td:nth-child(2){grid-column:2;text-align:right}.sgp-board td:nth-child(3){grid-column:1}.sgp-board td:nth-child(4){grid-column:2;text-align:right}.sgp-board td:nth-child(5){grid-column:1;text-align:left}.sgp-board td:nth-child(6){grid-column:2;text-align:right}.sgp-board td:nth-child(7){grid-column:1;text-align:left}.sgp-board td:nth-child(8){grid-column:2;text-align:right}.sgp-board td:nth-child(4)::before,.sgp-board td:nth-child(5)::before,.sgp-board td:nth-child(6)::before{display:block;margin-bottom:3px;color:var(--sgp-muted);font-size:10px;font-weight:800}.sgp-board td:nth-child(4)::before{content:'10日累積'}.sgp-board td:nth-child(5)::before{content:'20日累積'}.sgp-board td:nth-child(6)::before{content:'60日累積'}html[data-theme="soft-light"] .sgp-board tr{background:rgba(255,255,255,.28)}html[data-theme="soft-light"] .sgp-board tr.active{background:rgba(74,137,130,.12)}}

/* Active rows deliberately replace the site's global white selection stripe. */
.sgp-board tbody tr.active{background:#173b38!important;color:var(--sgp-text)!important}
.sgp-board tbody tr.active td{background:rgba(55,132,122,.18)!important;color:inherit!important}
html[data-theme="soft-light"] .sgp-board tbody tr.active{background:#c9ddd8!important;color:#142b2d!important}
html[data-theme="soft-light"] .sgp-board tbody tr.active td{background:rgba(61,130,121,.12)!important;color:inherit!important}
@media(max-width:600px){.sgp-board tbody tr.active{background:#173b38!important}.sgp-board tbody tr.active td{background:transparent!important}html[data-theme="soft-light"] .sgp-board tbody tr.active{background:#c9ddd8!important}}

/* v3: ETF-aligned chart hierarchy, axis clarity and compact member cards */
.sgp-chart-shell{gap:14px}
.sgp-chart{min-height:0;aspect-ratio:1000/590;background:radial-gradient(circle at 78% 18%,rgba(72,143,155,.18),transparent 35%),radial-gradient(circle at 18% 78%,rgba(231,104,85,.075),transparent 32%),linear-gradient(rgba(164,211,202,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(164,211,202,.032) 1px,transparent 1px),#0a201f;background-size:auto,auto,34px 34px,34px 34px,auto;box-shadow:inset 0 1px rgba(185,229,221,.08),0 18px 42px rgba(0,0,0,.14)}
.sgp-axis{stroke:rgba(181,226,218,.3);stroke-width:1.4;stroke-dasharray:4 6}
.sgp-quadrant rect{stroke-width:1;filter:drop-shadow(0 5px 12px rgba(0,0,0,.12))}
.sgp-quadrant text{font-size:14px;font-weight:900;letter-spacing:.025em}
.sgp-quadrant.q-tl rect{fill:rgba(81,168,197,.13);stroke:rgba(94,193,221,.38)}.sgp-quadrant.q-tl text{fill:#76d0e8}
.sgp-quadrant.q-tr rect{fill:rgba(88,196,160,.14);stroke:rgba(104,218,181,.4)}.sgp-quadrant.q-tr text{fill:#79dfbe}
.sgp-quadrant.q-bl rect{fill:rgba(117,139,175,.14);stroke:rgba(134,160,203,.35)}.sgp-quadrant.q-bl text{fill:#9eb6de}
.sgp-quadrant.q-br rect{fill:rgba(238,142,91,.13);stroke:rgba(244,157,106,.4)}.sgp-quadrant.q-br text{fill:#ffad78}
.sgp-axis-caption-bg{fill:rgba(6,29,30,.83);stroke:rgba(138,202,191,.24);stroke-width:1}
.sgp-axis-label{fill:#b7d7d2;font-size:13px;font-weight:900;letter-spacing:.035em}
.sgp-node circle{transition:stroke-width .16s ease,filter .16s ease,opacity .16s ease}
.sgp-node:hover circle,.sgp-node:focus circle,.sgp-node.active circle{stroke-width:7;filter:url(#sgpGlow)}
.sgp-board{box-shadow:inset 0 1px rgba(191,228,221,.045)}
.sgp-board tbody tr.active{background:linear-gradient(90deg,rgba(255,209,105,.18),rgba(81,161,145,.17)),#153330!important;box-shadow:inset 5px 0 #f0ca67,inset 0 1px rgba(255,216,109,.45),inset 0 -1px rgba(106,197,178,.34)!important;outline:0}
.sgp-board tbody tr.active td{background:transparent!important;color:var(--sgp-text)!important}
html[data-theme="soft-light"] .sgp-chart{background:radial-gradient(circle at 78% 18%,rgba(74,135,147,.13),transparent 35%),radial-gradient(circle at 18% 78%,rgba(204,102,84,.07),transparent 32%),linear-gradient(rgba(54,91,87,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(54,91,87,.045) 1px,transparent 1px),#d9e6e2;background-size:auto,auto,34px 34px,34px 34px,auto}
html[data-theme="soft-light"] .sgp-axis{stroke:rgba(38,80,76,.3)}
html[data-theme="soft-light"] .sgp-axis-caption-bg{fill:rgba(238,245,241,.9);stroke:rgba(46,101,94,.28)}
html[data-theme="soft-light"] .sgp-axis-label{fill:#315e5a}
html[data-theme="soft-light"] .sgp-quadrant.q-tl text{fill:#276f85}html[data-theme="soft-light"] .sgp-quadrant.q-tr text{fill:#236d58}html[data-theme="soft-light"] .sgp-quadrant.q-bl text{fill:#526b96}html[data-theme="soft-light"] .sgp-quadrant.q-br text{fill:#9c512d}
html[data-theme="soft-light"] .sgp-board tbody tr.active{background:linear-gradient(90deg,rgba(236,191,84,.2),rgba(60,137,123,.16)),#b7ccc5!important;box-shadow:inset 5px 0 #c99f38,inset 0 1px rgba(159,119,30,.22),inset 0 -1px rgba(45,114,103,.22)!important}
html[data-theme="soft-light"] .sgp-board tbody tr.active td{background:transparent!important;color:#173234!important}

@media(max-width:980px){.sgp-chart{aspect-ratio:1000/590}.sgp-detail{min-height:0}}
@media(max-width:600px){
  .sgp-chart-shell{margin:10px 0 0;gap:9px}
  .sgp-chart{width:100%;min-height:0!important;aspect-ratio:760/500;border-radius:17px;background-size:auto,auto,27px 27px,27px 27px,auto}
  .sgp-axis{stroke-width:1.8}
  .sgp-quadrant text{font-size:18px}
  .sgp-axis-label{font-size:17px}
  .sgp-node text{font-size:14px}.sgp-node text.new{font-size:10px}
  .sgp-detail{padding:13px;border-radius:17px}.sgp-detail-grid{gap:6px;margin-top:12px}.sgp-detail-grid span{padding:9px 10px}.sgp-badges{margin-top:10px}
  .sgp-board{margin-top:16px;border-radius:17px}.sgp-board>header{padding:15px 13px 11px}.sgp-board h3{font-size:21px}.sgp-sort{overflow-x:auto}.sgp-sort button{min-width:58px;min-height:35px;padding:5px 9px;font-size:12px}
  .sgp-board table,.sgp-board tbody{display:block;min-width:0}
  .sgp-board tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px;margin:7px 8px;padding:11px 12px;border:1px solid rgba(177,219,211,.11)!important;border-radius:14px;background:rgba(8,34,32,.52)!important;box-shadow:0 8px 18px rgba(0,0,0,.08)}
  .sgp-board tbody td{display:block;min-width:0;padding:3px 4px!important;border:0!important;background:transparent!important;text-align:left!important}
  .sgp-board td:nth-child(1){grid-column:1/3;grid-row:1}.sgp-board td:nth-child(2){grid-column:3;grid-row:1;text-align:right!important}.sgp-board td:nth-child(4){grid-column:1;grid-row:2}.sgp-board td:nth-child(5){grid-column:2;grid-row:2;text-align:center!important}.sgp-board td:nth-child(6){grid-column:3;grid-row:2;text-align:right!important}.sgp-board td:nth-child(3){grid-column:1;grid-row:3}.sgp-board td:nth-child(7){grid-column:2;grid-row:3;text-align:center!important}.sgp-board td:nth-child(8){grid-column:3;grid-row:3;text-align:right!important}
  .sgp-board td:nth-child(3)::before,.sgp-board td:nth-child(4)::before,.sgp-board td:nth-child(5)::before,.sgp-board td:nth-child(6)::before,.sgp-board td:nth-child(7)::before,.sgp-board td:nth-child(8)::before{display:block;margin-bottom:2px;color:var(--sgp-muted);font-size:9px;font-weight:900;line-height:1.15}
  .sgp-board td:nth-child(3)::before{content:'收盤／今日'}.sgp-board td:nth-child(4)::before{content:'10日'}.sgp-board td:nth-child(5)::before{content:'20日'}.sgp-board td:nth-child(6)::before{content:'60日'}.sgp-board td:nth-child(7)::before{content:'成交額'}.sgp-board td:nth-child(8)::before{content:'雙軌'}
  .sgp-board td a strong{font-size:16px}.sgp-board td a small,.sgp-board td>small{margin-top:2px;font-size:10px}.sgp-board td b,.sgp-board td strong{font-size:13px}.sgp-board td i{margin:1px;padding:5px 6px;font-size:10px}
  .sgp-board tbody tr.active{background:linear-gradient(90deg,rgba(255,209,105,.16),rgba(75,152,138,.14)),#173936!important;box-shadow:inset 4px 0 #f0ca67,0 8px 20px rgba(0,0,0,.13)!important}
  html[data-theme="soft-light"] .sgp-board tbody tr{background:rgba(226,237,232,.74)!important;border-color:rgba(57,103,97,.14)!important}
  html[data-theme="soft-light"] .sgp-board tbody tr.active{background:linear-gradient(90deg,rgba(232,190,85,.17),rgba(56,133,119,.13)),#b6cbc4!important}
  html[data-reading="large"] .sgp-board td{font-size:13px!important}html[data-reading="large"] .sgp-board td a strong{font-size:17px}html[data-reading="large"] .sgp-board tbody tr{padding:12px;gap:7px 8px}html[data-reading="large"] .sgp-sort button{min-width:52px;padding-inline:6px;font-size:12px}
}

/* v5: explicit, non-floating return from the member performance list */
.sgp-board-return-wrap{display:flex;justify-content:flex-end;padding:14px 16px 16px;border-top:1px solid var(--sgp-line)}
.sgp-chart-return{min-height:44px;padding:10px 18px;border:1px solid rgba(112,203,187,.36);border-radius:999px;background:linear-gradient(135deg,rgba(74,154,142,.2),rgba(255,255,255,.035));color:var(--sgp-text);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.1)}
.sgp-chart-return:hover{border-color:#73cbbd;background:rgba(74,154,142,.28)}
.sgp-chart-return:focus-visible{outline:3px solid rgba(115,203,189,.42);outline-offset:3px}
html[data-theme="soft-light"] .sgp-chart-return{border-color:rgba(47,116,107,.34);background:linear-gradient(135deg,rgba(61,139,125,.15),rgba(255,255,255,.72));color:#173234}
html[data-reading="large"] .sgp-chart-return{min-height:50px;font-size:17px}
@media(max-width:600px){.sgp-board-return-wrap{padding:10px 12px 13px}.sgp-chart-return{width:100%;min-height:46px}.sgp-board-return-wrap+*{clear:both}}

/* v6: direct chart return beside each member and larger mobile constellation points */
.sgp-stock-cell{display:flex;align-items:center;gap:8px;min-width:0}.sgp-stock-cell>a{flex:1;min-width:0}.sgp-row-return{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(112,203,187,.38);border-radius:50%;background:rgba(74,154,142,.14);color:#8ed9cc;font:inherit;font-size:17px;font-weight:950;line-height:1;cursor:pointer}.sgp-row-return:hover{border-color:#73cbbd;background:rgba(74,154,142,.28);color:#fff}.sgp-row-return:focus-visible{outline:3px solid rgba(115,203,189,.42);outline-offset:2px}html[data-theme="soft-light"] .sgp-row-return{border-color:rgba(47,116,107,.35);background:rgba(61,139,125,.12);color:#276b62}
@media(max-width:600px){.sgp-chart{aspect-ratio:680/620}.sgp-row-return{width:44px;height:44px;font-size:19px}.sgp-board td:nth-child(1){grid-column:1/3}.sgp-stock-cell{gap:7px}}

/* 2026-08-17: theme-family hierarchy. Signal colors on constellation nodes stay unchanged. */
.sgp-section,.sgp-group-list button{--sgp-family:#72c7ba;--sgp-family-rgb:114,199,186}
.sgp-section[data-family="chip"],.sgp-group-list button[data-family="chip"]{--sgp-family:#a9a0ff;--sgp-family-rgb:169,160,255}
.sgp-section[data-family="component"],.sgp-group-list button[data-family="component"]{--sgp-family:#5ad2c5;--sgp-family-rgb:90,210,197}
.sgp-section[data-family="digital"],.sgp-group-list button[data-family="digital"]{--sgp-family:#68bce8;--sgp-family-rgb:104,188,232}
.sgp-section[data-family="policy"],.sgp-group-list button[data-family="policy"]{--sgp-family:#f1b769;--sgp-family-rgb:241,183,105}
.sgp-section[data-family="energy"],.sgp-group-list button[data-family="energy"]{--sgp-family:#b6ca73;--sgp-family-rgb:182,202,115}
.sgp-section[data-family="cycle"],.sgp-group-list button[data-family="cycle"]{--sgp-family:#dd9b75;--sgp-family-rgb:221,155,117}
.sgp-section[data-family="defensive"],.sgp-group-list button[data-family="defensive"]{--sgp-family:#9fb1dd;--sgp-family-rgb:159,177,221}
.sgp-group-open{position:relative;overflow:hidden;border-color:rgba(var(--sgp-family-rgb),.4);background:linear-gradient(135deg,rgba(var(--sgp-family-rgb),.19),rgba(255,255,255,.035))}
.sgp-group-open::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--sgp-family);box-shadow:0 0 18px rgba(var(--sgp-family-rgb),.5)}
.sgp-group-open strong{color:#f6fbfa}.sgp-group-open i{color:var(--sgp-family)}
.sgp-group-glance span{position:relative;background:linear-gradient(150deg,rgba(var(--sgp-family-rgb),.07),transparent 65%)}
.sgp-market-summary button.active{border-color:rgba(var(--sgp-family-rgb),.62);background:linear-gradient(135deg,rgba(var(--sgp-family-rgb),.19),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(var(--sgp-family-rgb),.12)}
.sgp-group-list button{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;column-gap:10px;border-color:rgba(var(--sgp-family-rgb),.24);background:radial-gradient(circle at 95% 0,rgba(var(--sgp-family-rgb),.18),transparent 42%),linear-gradient(145deg,rgba(var(--sgp-family-rgb),.095),rgba(255,255,255,.025));transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.sgp-group-list button::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--sgp-family),transparent 78%);opacity:.78}
.sgp-group-list button:hover{transform:translateY(-2px);border-color:rgba(var(--sgp-family-rgb),.55);box-shadow:0 10px 24px rgba(0,0,0,.13)}
.sgp-group-list button.active{border-color:var(--sgp-family);background:radial-gradient(circle at 95% 0,rgba(var(--sgp-family-rgb),.28),transparent 48%),linear-gradient(145deg,rgba(var(--sgp-family-rgb),.17),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(var(--sgp-family-rgb),.2),0 10px 25px rgba(0,0,0,.12)}
.sgp-group-list button>span{grid-column:1/-1}.sgp-group-list strong{display:flex;align-items:center;gap:8px}.sgp-group-list strong>u{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(var(--sgp-family-rgb),.15);color:var(--sgp-family);font-size:15px;text-decoration:none}
.sgp-group-list button>em{grid-column:1}.sgp-group-list button>i{grid-column:2;text-align:right;align-self:end}.sgp-group-list em>u{display:inline;margin-left:5px;color:var(--sgp-family);font-size:10px;text-decoration:none}
html[data-theme="soft-light"] .sgp-group-open{background:linear-gradient(135deg,rgba(var(--sgp-family-rgb),.2),rgba(255,255,255,.62))}
html[data-theme="soft-light"] .sgp-group-open strong{color:#172b2e}
html[data-theme="soft-light"] .sgp-group-list button{background:radial-gradient(circle at 95% 0,rgba(var(--sgp-family-rgb),.2),transparent 44%),linear-gradient(145deg,rgba(var(--sgp-family-rgb),.11),rgba(255,255,255,.66));color:#172b2e}
html[data-theme="soft-light"] .sgp-group-list button.active{background:radial-gradient(circle at 95% 0,rgba(var(--sgp-family-rgb),.27),transparent 46%),linear-gradient(145deg,rgba(var(--sgp-family-rgb),.18),rgba(255,255,255,.78))}
@media(max-width:600px){.sgp-group-list button{min-height:104px}.sgp-group-list button:hover{transform:none}.sgp-group-list strong>u{width:26px;height:26px}.sgp-group-open em{max-width:72%;line-height:1.45}}

/* v4: market drill-down, clickable summaries and group intelligence */
.sgp-market-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0 0}
.sgp-market-summary button{min-height:82px;padding:13px 15px;text-align:left;border:1px solid var(--sgp-line);border-radius:15px;background:rgba(255,255,255,.028);color:var(--sgp-text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.sgp-market-summary button:hover{transform:translateY(-2px);border-color:rgba(112,203,187,.4)}
.sgp-market-summary button.active{border-color:rgba(240,202,103,.56);background:linear-gradient(135deg,rgba(240,202,103,.13),rgba(84,171,153,.13));box-shadow:inset 0 0 0 1px rgba(240,202,103,.12)}
.sgp-market-summary small,.sgp-market-summary strong,.sgp-market-summary span{display:block}.sgp-market-summary small{color:#9dc1ba;font-size:11px;font-weight:900}.sgp-market-summary strong{margin-top:5px;font-size:23px}.sgp-market-summary strong em{margin-left:3px;color:var(--sgp-muted);font-size:11px;font-style:normal}.sgp-market-summary span{margin-top:5px;color:var(--sgp-muted);font-size:10px;white-space:nowrap}
.sgp-summary>button{position:relative;min-height:92px;padding:16px;text-align:left;border:1px solid var(--sgp-line);border-radius:16px;background:rgba(255,255,255,.035);color:var(--sgp-text);cursor:pointer;overflow:hidden}
.sgp-summary>button::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor;opacity:.45;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.sgp-summary>button:hover::after,.sgp-summary>button.active::after{transform:scaleX(1)}
.sgp-summary button small{display:block;color:var(--sgp-muted);font-weight:800}.sgp-summary button strong{display:inline-block;margin-top:9px;font-size:28px}.sgp-summary button span{margin-left:4px;color:var(--sgp-muted)}.sgp-summary button i{position:absolute;right:12px;bottom:11px;color:#84b8af;font-size:9px;font-style:normal;font-weight:850;opacity:0;transition:opacity .16s}.sgp-summary button:hover i,.sgp-summary button.active i{opacity:1}
.sgp-summary .positive{color:#ff806e}.sgp-summary .warning{color:#f0b568}.sgp-summary .recover{color:#69d9c1}.sgp-summary .negative{color:#83b2e6}.sgp-summary button.active{border-color:currentColor;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 9px 22px rgba(0,0,0,.1)}
.sgp-detail{min-height:0;padding:18px;overflow:hidden}
.sgp-intel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sgp-intel-head h3{margin:0;font-size:21px}.sgp-intel-head>span{padding:6px 8px;border:1px solid rgba(240,202,103,.3);border-radius:999px;color:#e7c971;background:rgba(240,202,103,.08);font-size:9px;font-weight:900;white-space:nowrap}
.sgp-intel-quote{margin-top:13px;padding:13px;border:1px solid rgba(112,203,187,.2);border-radius:13px;background:linear-gradient(135deg,rgba(80,166,151,.12),rgba(255,255,255,.025))}.sgp-intel-quote small,.sgp-intel-quote strong{display:block}.sgp-intel-quote small,.sgp-intel-peers>small{color:#8fb6af;font-size:9px;font-weight:900;letter-spacing:.08em}.sgp-intel-quote strong{margin-top:6px;font-size:13px;line-height:1.55}
.sgp-intel-peers{margin-top:12px}.sgp-intel-peers>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}.sgp-intel-peers a{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px;border:1px solid var(--sgp-line);border-radius:11px;color:var(--sgp-text);background:rgba(4,21,22,.28);text-decoration:none}.sgp-intel-peers a b{color:#f2d071;font-size:13px}.sgp-intel-peers a span{color:var(--sgp-muted);font-size:9px}
.sgp-intel-item{display:grid;grid-template-columns:42px 1fr;gap:4px 9px;margin-top:9px;padding:11px;border:1px solid var(--sgp-line);border-radius:12px;color:var(--sgp-text);text-decoration:none;background:rgba(255,255,255,.026)}.sgp-intel-item>span{grid-row:1/3;align-self:start;padding:5px 4px;border-radius:7px;color:#9ed9cf;background:rgba(78,165,149,.12);text-align:center;font-size:9px;font-weight:900}.sgp-intel-item b{font-size:12px;line-height:1.4}.sgp-intel-item i{color:var(--sgp-muted);font-size:9px;font-style:normal}.sgp-intel-item.event>span{color:#f1ca69;background:rgba(240,202,103,.1)}.sgp-intel-item:hover{border-color:rgba(112,203,187,.4);background:rgba(74,145,134,.08)}
.sgp-intel-note{margin:10px 2px 0!important;color:#789b95!important;font-size:9px!important;line-height:1.5}
.sgp-intel-quote strong,.sgp-intel-item b{overflow-wrap:anywhere;word-break:normal}
html[data-theme="soft-light"] .sgp-market-summary button,html[data-theme="soft-light"] .sgp-summary>button{background:rgba(255,255,255,.46)}html[data-theme="soft-light"] .sgp-market-summary button.active{background:linear-gradient(135deg,rgba(224,181,75,.17),rgba(61,139,125,.12))}html[data-theme="soft-light"] .sgp-intel-quote,html[data-theme="soft-light"] .sgp-intel-peers a,html[data-theme="soft-light"] .sgp-intel-item{background:rgba(255,255,255,.42)}

@media(max-width:600px){
  .sgp-section{box-sizing:border-box;width:calc(100% - 16px);max-width:calc(100% - 16px);margin-left:8px;margin-right:8px}
  .sgp-market-summary{gap:6px;margin-top:9px}.sgp-market-summary button{min-height:70px;padding:10px 8px;border-radius:12px}.sgp-market-summary small{font-size:9px}.sgp-market-summary strong{font-size:20px}.sgp-market-summary span{overflow:hidden;text-overflow:ellipsis;font-size:8px}
  .sgp-summary>button{min-height:74px;padding:12px}.sgp-summary button strong{font-size:23px}.sgp-summary button i{display:none}
  .sgp-detail{padding:13px}.sgp-intel-head h3{font-size:19px}.sgp-intel-quote{padding:11px;margin-top:10px}.sgp-intel-quote strong{font-size:12px}.sgp-intel-peers{margin-top:9px}.sgp-intel-peers a{padding:8px}.sgp-intel-item{margin-top:7px;padding:9px}.sgp-intel-note{margin-top:7px!important}
}

/* Keep the active market card aligned with the selected theme family. */
.sgp-section .sgp-market-summary button.active{border-color:rgba(var(--sgp-family-rgb),.62);background:linear-gradient(135deg,rgba(var(--sgp-family-rgb),.19),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(var(--sgp-family-rgb),.12)}
html[data-theme="soft-light"] .sgp-section .sgp-market-summary button.active{background:linear-gradient(135deg,rgba(var(--sgp-family-rgb),.2),rgba(255,255,255,.68))}
@media(max-width:600px){.sgp-market-summary button{min-height:78px}.sgp-market-summary span{white-space:normal;line-height:1.35;text-overflow:clip}}

/* Preview: official two-session group turnover and equal-weight return comparison. */
.sgp-group-row{grid-template-columns:minmax(260px,.88fr) minmax(0,2.65fr)}
.sgp-group-glance{grid-template-columns:minmax(92px,.58fr) minmax(92px,.58fr) minmax(235px,1.35fr) minmax(235px,1.35fr);overflow:visible;border:2px solid rgba(243,200,76,.92);box-shadow:0 0 0 1px rgba(243,200,76,.12),0 0 24px rgba(243,200,76,.16),inset 0 0 20px rgba(243,200,76,.035)}
.sgp-group-glance>.sgp-glance-basic{display:grid;align-content:center;min-width:0;padding:15px 13px;border-left:1px solid var(--sgp-line)}
.sgp-group-glance>.sgp-glance-basic b{font-size:20px}
.sgp-compare-card{position:relative;min-width:0;min-height:190px;padding:16px 16px 13px;border-left:1px solid var(--sgp-line);overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(var(--sgp-family-rgb),.13),transparent 46%),linear-gradient(145deg,rgba(255,255,255,.025),transparent);isolation:isolate}
.sgp-group-glance .sgp-compare-card span,.sgp-group-glance .sgp-focus-stock span{padding:0;border:0;background:none}
.sgp-compare-card::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 15%,rgba(126,237,222,.055) 46%,transparent 70%);transform:translateX(-110%);animation:sgpCardCharge 4.8s ease-in-out infinite}
.sgp-compare-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
.sgp-compare-card header small{color:#c0d5d1;font-size:13px;font-weight:900;letter-spacing:.035em}
.sgp-compare-card header i{padding:6px 10px;border:1px solid rgba(108,211,194,.24);border-radius:999px;color:#8cdbcf;background:rgba(66,158,144,.12);font-size:12px;font-style:normal;font-weight:900;white-space:nowrap;box-shadow:0 0 16px rgba(83,206,188,.08)}
.sgp-energy-row,.sgp-return-row{display:grid;grid-template-columns:70px minmax(46px,1fr) 86px;align-items:center;gap:9px;min-height:30px}
.sgp-energy-row em,.sgp-return-row em{color:#aec7c2;font-size:11px;font-style:normal;font-weight:850;white-space:nowrap}
.sgp-energy-row b,.sgp-return-row b{text-align:right;color:#f1faf8;font-size:17px;white-space:nowrap}
.sgp-energy-row>div{position:relative;height:8px;border-radius:999px;background:rgba(132,179,172,.1);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(141,198,189,.055)}
.sgp-energy-row u{position:absolute;inset:0 auto 0 0;width:var(--level);border-radius:inherit;text-decoration:none;transform-origin:left center;animation:sgpEnergyGrow .85s cubic-bezier(.2,.72,.22,1) both}
.sgp-energy-row.current u{background:linear-gradient(90deg,rgba(64,153,147,.55),#70e0d0 70%,#d4fff7);box-shadow:0 0 10px rgba(104,231,211,.52)}
.sgp-energy-row.current u::after{content:'';position:absolute;inset:-2px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:translateX(-100%);animation:sgpEnergyPulse 2.6s ease-in-out 1s infinite}
.sgp-energy-row.previous u{background:linear-gradient(90deg,#536f72,#789497);opacity:.72;animation-delay:.1s}
.sgp-return-row>div{position:relative;height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(83,213,172,.08) 0 49.4%,rgba(202,233,228,.32) 49.4% 50.6%,rgba(255,112,93,.08) 50.6%);overflow:hidden}
.sgp-return-row u{position:absolute;top:1px;height:8px;width:var(--level);border-radius:999px;text-decoration:none;animation:sgpReturnGrow .85s cubic-bezier(.2,.72,.22,1) both}
.sgp-return-row u.positive{left:50%;transform-origin:left center;background:linear-gradient(90deg,#d76254,#ff8a74);box-shadow:0 0 9px rgba(255,112,93,.4)}
.sgp-return-row u.negative{right:50%;transform-origin:right center;background:linear-gradient(270deg,#3eaf8c,#70e0b9);box-shadow:0 0 9px rgba(86,216,173,.35)}
.sgp-return-row.previous u{opacity:.62;animation-delay:.1s}
.sgp-metric-explain{min-height:36px;margin:10px 0 0;color:#d0e1de;font-size:12px;font-weight:780;line-height:1.5}
.sgp-compare-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(170,215,207,.1)}
.sgp-compare-card footer strong{font-size:14px}.sgp-compare-card footer span{color:#9bb5b0;font-size:11px;white-space:nowrap}
.sgp-compare-card.turnover.up footer strong{color:#7de1d2}.sgp-compare-card.turnover.down footer strong{color:#91aaa7}.sgp-compare-card.turnover.flat footer strong{color:#9db7b2}
.sgp-compare-card.average.up footer strong{color:#ff816e}.sgp-compare-card.average.down footer strong{color:#69d9b0}.sgp-compare-card.average.flat footer strong{color:#9db7b2}
.sgp-compare-card.average.up header i{border-color:rgba(255,125,105,.24);color:#ff927f;background:rgba(205,83,67,.1)}
.sgp-compare-card.average.down header i{border-color:rgba(97,218,177,.24);color:#77dfbb;background:rgba(54,164,127,.1)}
.sgp-focus-stock{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(105px,.65fr) minmax(105px,.65fr) minmax(210px,1.35fr);align-items:center;gap:16px;min-height:76px;padding:14px 17px;border-top:1px solid var(--sgp-line);background:linear-gradient(90deg,rgba(var(--sgp-family-rgb),.11),rgba(255,255,255,.018))}
.sgp-focus-stock div small,.sgp-focus-stock>span small{display:block;margin-bottom:5px;color:#a2bbb6;font-size:11px;font-weight:850;letter-spacing:.04em}
.sgp-focus-link{display:inline-block;color:inherit;text-decoration:none;border-radius:6px}
.sgp-focus-link:hover strong{color:#f5d875;text-shadow:0 0 14px rgba(243,200,76,.22)}.sgp-focus-link:focus-visible{outline:3px solid rgba(243,200,76,.72);outline-offset:4px}
.sgp-focus-stock div strong{display:block;color:#f8fcfb;font-size:21px;transition:color .16s ease,text-shadow .16s ease}.sgp-focus-stock div strong em{margin-left:5px;color:#b0c8c3;font-size:14px;font-style:normal}
.sgp-focus-stock>span b{font-size:19px}.sgp-focus-stock.positive>span:nth-of-type(2) b{color:#ff806d}.sgp-focus-stock.negative>span:nth-of-type(2) b{color:#69d9b0}
.sgp-focus-stock p{margin:0;color:#c1d6d2;font-size:13px;font-weight:750;line-height:1.5}

@keyframes sgpCardCharge{0%,58%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@keyframes sgpEnergyGrow{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}
@keyframes sgpEnergyPulse{0%,38%{transform:translateX(-110%);opacity:0}54%{opacity:.9}72%,100%{transform:translateX(110%);opacity:0}}
@keyframes sgpReturnGrow{from{scale:0 1;opacity:.3}to{scale:1 1;opacity:1}}

html[data-theme="soft-light"] .sgp-compare-card{background:radial-gradient(circle at 100% 0,rgba(var(--sgp-family-rgb),.14),transparent 48%),rgba(255,255,255,.34)}
html[data-theme="soft-light"] .sgp-energy-row b,html[data-theme="soft-light"] .sgp-return-row b{color:#173234}
html[data-theme="soft-light"] .sgp-energy-row>div{background:rgba(52,95,90,.09)}
html[data-theme="soft-light"] .sgp-return-row>div{background:linear-gradient(90deg,rgba(38,145,111,.09) 0 49.4%,rgba(34,76,70,.3) 49.4% 50.6%,rgba(205,78,62,.08) 50.6%)}
html[data-theme="soft-light"] .sgp-metric-explain,html[data-theme="soft-light"] .sgp-focus-stock p{color:#42635f}
html[data-theme="soft-light"] .sgp-focus-stock{background:linear-gradient(90deg,rgba(var(--sgp-family-rgb),.16),rgba(255,255,255,.52))}
html[data-theme="soft-light"] .sgp-focus-stock div strong{color:#173234}
html[data-theme="soft-light"] .sgp-group-glance{border-color:#c79b20;box-shadow:0 0 0 1px rgba(167,123,10,.1),0 8px 22px rgba(130,93,5,.12),inset 0 0 18px rgba(184,136,19,.045)}
html[data-reading="large"] .sgp-compare-card header small{font-size:15px}html[data-reading="large"] .sgp-compare-card header i{font-size:14px}html[data-reading="large"] .sgp-energy-row em,html[data-reading="large"] .sgp-return-row em{font-size:13px}html[data-reading="large"] .sgp-energy-row b,html[data-reading="large"] .sgp-return-row b{font-size:20px}html[data-reading="large"] .sgp-metric-explain{font-size:15px}html[data-reading="large"] .sgp-compare-card footer strong{font-size:16px}html[data-reading="large"] .sgp-compare-card footer span{font-size:13px}html[data-reading="large"] .sgp-focus-stock div strong{font-size:24px}html[data-reading="large"] .sgp-focus-stock>span b{font-size:22px}html[data-reading="large"] .sgp-focus-stock p{font-size:15px}

@media(max-width:1120px){.sgp-group-row{grid-template-columns:1fr}.sgp-group-glance{grid-template-columns:minmax(92px,.58fr) minmax(92px,.58fr) minmax(225px,1.35fr) minmax(225px,1.35fr)}}
@media(max-width:700px){
  .sgp-group-glance{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px}
  .sgp-group-glance>.sgp-glance-basic{min-height:70px;padding:12px 13px}
  .sgp-group-glance>.sgp-glance-basic:nth-child(2){border-right:0}
  .sgp-compare-card{grid-column:1/-1;padding:13px 14px;border-left:0;border-top:1px solid var(--sgp-line)}
  .sgp-energy-row,.sgp-return-row{grid-template-columns:64px minmax(72px,1fr) 80px;gap:9px}
  .sgp-energy-row em,.sgp-return-row em{font-size:10px}.sgp-energy-row b,.sgp-return-row b{font-size:14px}
  .sgp-focus-stock{grid-template-columns:1.2fr .8fr;gap:11px;padding:14px}
  .sgp-focus-stock>span{text-align:right}.sgp-focus-stock p{grid-column:1/-1;padding-top:9px;border-top:1px solid rgba(170,215,207,.1)}
}

/* Preview: at-a-glance group pills and a clearer open/close picker. */
.sgp-group-open{align-self:start}
.sgp-group-open[aria-expanded="true"]{border-color:var(--sgp-family);box-shadow:inset 0 0 0 1px rgba(var(--sgp-family-rgb),.22),0 12px 28px rgba(0,0,0,.14)}
.sgp-group-open i{padding:7px 11px;border:1px solid rgba(var(--sgp-family-rgb),.38);border-radius:999px;background:rgba(var(--sgp-family-rgb),.1);white-space:nowrap}
.sgp-picker:not([hidden]){animation:sgpPickerReveal .2s ease-out both}
.sgp-picker-pills{grid-column:1/-1!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px}
.sgp-picker-pill{display:inline-flex!important;align-items:center;justify-content:center;min-height:29px;padding:5px 11px;border:1px solid;border-radius:999px;font-size:12px;line-height:1;font-weight:900;letter-spacing:.01em;white-space:nowrap}
.sgp-picker-pill.gain{color:#ff9987;border-color:rgba(255,128,110,.48);background:rgba(205,83,67,.17)}
.sgp-picker-pill.loss{color:#7ee2bf;border-color:rgba(105,217,176,.48);background:rgba(54,164,127,.15)}
.sgp-picker-pill.volume-up{color:#f6d56b;border-color:rgba(243,200,76,.5);background:rgba(183,137,24,.16)}
.sgp-picker-pill.volume-down{color:#83c8ff;border-color:rgba(97,180,255,.5);background:rgba(52,132,201,.15)}
.sgp-picker-pill.turnover{margin-left:auto;color:#b8eee5;border-color:rgba(var(--sgp-family-rgb),.5);background:rgba(var(--sgp-family-rgb),.14);font-variant-numeric:tabular-nums}
.sgp-picker-pill.flat{color:#b8cbc7;border-color:rgba(184,203,199,.34);background:rgba(184,203,199,.09)}
@keyframes sgpPickerReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
html[data-theme="soft-light"] .sgp-group-open i{background:rgba(var(--sgp-family-rgb),.16)}
html[data-theme="soft-light"] .sgp-picker-pill.gain{color:#a83429;background:#ffe4df;border-color:#cf6c5d}
html[data-theme="soft-light"] .sgp-picker-pill.loss{color:#176d54;background:#dbf4e9;border-color:#4aa987}
html[data-theme="soft-light"] .sgp-picker-pill.volume-up{color:#765500;background:#fff2be;border-color:#b98b17}
html[data-theme="soft-light"] .sgp-picker-pill.volume-down{color:#195f91;background:#dfedfa;border-color:#5595c2}
html[data-theme="soft-light"] .sgp-picker-pill.turnover{color:#244f4b;background:rgba(var(--sgp-family-rgb),.2);border-color:rgba(var(--sgp-family-rgb),.72)}
html[data-theme="soft-light"] .sgp-picker-pill.flat{color:#526b67;background:#e3ebe8;border-color:#829993}
html[data-reading="large"] .sgp-picker-pill{min-height:33px;padding:6px 13px;font-size:14px}
@media(max-width:600px){
  .sgp-picker{max-height:66vh;overflow-y:auto;overscroll-behavior:contain;padding:14px}
  .sgp-picker header{position:sticky;top:-14px;z-index:3;margin:-14px -14px 0;padding:14px;background:#102624}
  .sgp-group-list button{min-height:132px;padding:14px 15px}
  .sgp-picker-pills{gap:8px;margin-top:11px}
  .sgp-picker-pill{min-height:31px;padding:6px 12px;font-size:13px}
  .sgp-picker-pill.turnover{margin-left:0}
  html[data-theme="soft-light"] .sgp-picker header{background:#eef4f0}
}
@media(prefers-reduced-motion:reduce){.sgp-picker:not([hidden]){animation:none}}
@media(prefers-reduced-motion:reduce){.sgp-compare-card::before,.sgp-energy-row u,.sgp-energy-row.current u::after,.sgp-return-row u{animation:none!important}}

/* Mobile density: keep every comparison signal while shortening the vertical footprint. */
@media(max-width:700px){
  .sgp-group-glance>.sgp-glance-basic{min-height:58px;padding:9px 12px}
  .sgp-group-glance>.sgp-glance-basic b{margin-top:6px;font-size:19px}
  .sgp-group-glance>.sgp-glance-basic small{font-size:11px}
  .sgp-compare-card{min-height:0;padding:10px 12px 9px}
  .sgp-compare-card header{margin-bottom:5px}
  .sgp-compare-card header small{font-size:12px}
  .sgp-compare-card header i{padding:4px 8px;font-size:11px}
  .sgp-energy-row,.sgp-return-row{grid-template-columns:62px minmax(66px,1fr) 76px;gap:7px;min-height:25px}
  .sgp-energy-row em,.sgp-return-row em{font-size:10px}
  .sgp-energy-row b,.sgp-return-row b{font-size:15px}
  .sgp-energy-row>div{height:6px}.sgp-return-row>div{height:8px}.sgp-return-row u{height:6px}
  .sgp-metric-explain{min-height:0;margin:6px 0 0;font-size:11px;line-height:1.35}
  .sgp-compare-card footer{margin-top:6px;padding-top:6px}
  .sgp-compare-card footer strong{font-size:13px}.sgp-compare-card footer span{font-size:10px}
  .sgp-focus-stock{grid-template-columns:minmax(115px,1.2fr) minmax(74px,.72fr) minmax(72px,.68fr);gap:8px;min-height:0;padding:10px 12px}
  .sgp-focus-stock div small,.sgp-focus-stock>span small{margin-bottom:3px;font-size:10px}
  .sgp-focus-stock div strong{font-size:18px}.sgp-focus-stock div strong em{font-size:12px}
  .sgp-focus-stock>span{min-width:0;text-align:right}.sgp-focus-stock>span b{font-size:16px;white-space:nowrap}
  .sgp-focus-stock p{grid-column:1/-1;margin-top:1px;padding-top:6px;font-size:11px;line-height:1.35}
  html[data-reading="large"] .sgp-compare-card header small{font-size:13px}
  html[data-reading="large"] .sgp-compare-card header i{font-size:12px}
  html[data-reading="large"] .sgp-energy-row em,html[data-reading="large"] .sgp-return-row em{font-size:11px}
  html[data-reading="large"] .sgp-energy-row b,html[data-reading="large"] .sgp-return-row b{font-size:17px}
  html[data-reading="large"] .sgp-metric-explain{font-size:12px}
  html[data-reading="large"] .sgp-compare-card footer strong{font-size:14px}
  html[data-reading="large"] .sgp-compare-card footer span{font-size:11px}
  html[data-reading="large"] .sgp-focus-stock div strong{font-size:20px}
  html[data-reading="large"] .sgp-focus-stock>span b{font-size:18px}
  html[data-reading="large"] .sgp-focus-stock p{font-size:12px}
}