/* Production layouts derived from the approved style boards. */
.theme-full-preview{display:inline-block;padding:10px 12px;border:1px solid currentColor;border-radius:6px;text-decoration:none;align-self:center}
.site-design-nav,.scene-signature,.stat-design-icon{display:none}.theme-data-layout{display:contents}
.design-preview-note{padding:8px 24px;text-align:center;background:#e7f3ef;color:#214a40;font-size:13px}
html[data-theme] body{max-width:1536px;margin:0 auto;padding:0;background:var(--theme-bg);font:15px/1.65 system-ui,"Microsoft JhengHei",sans-serif}
html[data-theme] .site-design-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px;padding:10px 32px;border-bottom:1px solid var(--theme-border);background:var(--theme-panel);box-sizing:border-box}
html[data-theme] .site-design-nav a{text-decoration:none;color:var(--theme-text)}
html[data-theme] .site-brand{display:flex;align-items:center;gap:16px;font-size:clamp(16px,1.7vw,24px);font-weight:700}
html[data-theme] .brand-emblem{font:italic 40px Georgia,serif;color:var(--theme-accent)}
html[data-theme] .site-design-nav>div{display:flex;gap:30px;font-size:14px;white-space:nowrap}
html[data-theme] .site-design-nav>div a:hover{color:var(--theme-accent);text-decoration:underline;text-underline-offset:8px}
html[data-theme] .site-theme-hero{position:relative;min-height:340px;margin:0;padding:35px 48px;border:0;border-radius:0;box-sizing:border-box;background-size:cover;background-position:center 45%;isolation:isolate}
html[data-theme] .site-theme-hero .scene-copy{max-width:54%;padding:0;background:none;border-radius:0;position:relative;z-index:1}
html[data-theme] .site-theme-hero small{font-size:10px;letter-spacing:.26em;color:var(--theme-muted)}
html[data-theme] .site-theme-hero h1{font-size:clamp(34px,4.6vw,70px);font-weight:600;max-width:none;line-height:1.2;margin:12px 0;overflow-wrap:normal;color:var(--theme-text)}
html[data-theme] .site-theme-hero h2{font-size:clamp(17px,1.7vw,25px);line-height:1.6;font-weight:500;margin:12px 0;max-width:640px;color:var(--theme-text)}
html[data-theme] .site-theme-hero p{font-size:14px;max-width:460px;line-height:1.9;color:var(--theme-muted);margin:14px 0 0}
html[data-theme] .scene-signature{display:block;position:absolute;right:30px;bottom:25px;font-size:9px;letter-spacing:.24em;color:var(--theme-text);opacity:.75;text-align:right;background:transparent;line-height:2;max-width:none;padding:0}
html[data-theme] #etf-dashboard{padding:20px 28px 32px;display:flex;flex-direction:column;gap:14px}
html[data-theme] #etf-dashboard>.top,html[data-theme] #etf-dashboard>p:first-of-type{display:none}
html[data-theme] #etf-dashboard .section{margin-top:0}
html[data-theme] #etf-dashboard>.viz-controls{padding:18px 22px;gap:20px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-panel);box-shadow:0 7px 24px #12333c05}
html[data-theme] #etf-dashboard .form-label{font-size:13px;font-weight:500;gap:7px}
html[data-theme] #etf-dashboard :is(input,select){border-radius:5px;padding:10px 12px;background:var(--theme-panel);font-size:14px}
html[data-theme] #etf-dashboard>.viz-row{margin:0;min-height:26px;font-size:12px;justify-content:flex-end;gap:12px}
html[data-theme] #etf-dashboard>.viz-row .btn{padding:5px 13px;font-size:12px}
html[data-theme] #etf-dashboard .viz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html[data-theme] #etf-dashboard .viz-stat{position:relative;min-height:112px;padding:18px 20px 18px 108px;border-radius:7px;border:1px solid var(--theme-border);background:var(--theme-panel);display:flex;flex-direction:column;justify-content:center}
html[data-theme] #etf-dashboard .viz-stat>div:first-of-type{position:absolute;top:31px;left:190px;font-size:17px;font-weight:600}
html[data-theme] #etf-dashboard .viz-stat-value{order:-1;font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:700;line-height:1.15;margin:0 0 6px;color:var(--theme-text)}
html[data-theme] #etf-dashboard .viz-stat .text-small{font-size:12px;color:var(--theme-muted)}
html[data-theme] .stat-design-icon{display:grid;place-items:center;position:absolute;left:22px;top:25px;width:60px;height:60px;border-radius:50%;background:var(--theme-soft);color:var(--theme-accent)}
html[data-theme] .stat-design-icon svg{width:34px;height:34px}
html[data-theme] .theme-data-layout{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;min-width:0}
html[data-theme] #etf-dashboard .theme-data-layout>section{padding:18px 20px;border-radius:7px;border:1px solid var(--theme-border);background:var(--theme-panel);min-width:0}
html[data-theme] #etf-dashboard h3{font-size:18px;font-weight:650;margin:0 0 12px}
html[data-theme] #etf-dashboard .rank-row{font-size:13px;padding:8px 0}
html[data-theme] #etf-dashboard .track{height:18px;background:var(--theme-soft)}
html[data-theme] #etf-dashboard .bar{border-radius:1px;background:linear-gradient(90deg,var(--theme-accent),color-mix(in srgb,var(--theme-accent),white 18%))}
html[data-theme] #etf-dashboard .table{margin-top:14px;font-size:13px}
html[data-theme] #etf-dashboard .table th{font-weight:600;padding:13px 10px;background:var(--theme-soft);white-space:nowrap}
html[data-theme] #etf-dashboard .table td{padding:14px 10px;vertical-align:top}
html[data-theme] #etf-dashboard .table td:first-child{font-weight:650}
html[data-theme] #etf-dashboard .table .btn{padding:6px 9px;font-size:12px;background:transparent;color:var(--theme-accent);white-space:nowrap}
html[data-theme] #etf-dashboard .table-responsive{overflow:auto}
html[data-theme] #etf-dashboard .result-head{gap:14px;align-items:center}
html[data-theme] #etf-dashboard .result-head .form-label{flex-basis:140px;flex-direction:row;align-items:center}
html[data-theme] #etf-dashboard>p,html[data-theme] #etf-dashboard>details{font-size:12px;margin:0}
html[data-theme] body>header{padding:16px 32px;background:var(--theme-panel)}
html[data-theme] body>header h1{font-size:20px}html[data-theme] body>main{max-width:1450px;margin:24px auto}
/* Nordic editions: different landscapes, daylight and night typography. */
html[data-theme="n1"] .site-theme-hero{background-image:url('/theme-assets/n1-scene.png')}
html[data-theme="n2"] .site-theme-hero{background-image:url('/theme-assets/n2-scene.png')}
html[data-theme="n3"] .site-theme-hero{background-image:url('/theme-assets/n3-scene.png')}
html[data-theme="n3"]{--theme-border:#dce7ed;--theme-bg:#f4f8fb;--theme-soft:#e5eef3;--theme-accent:#2d8193;--theme-muted:#627f90}
html[data-theme="n3"] :is(.site-brand,.site-theme-hero h1,.site-theme-hero h2){font-family:Georgia,"Noto Serif TC","PMingLiU",serif}
html[data-theme="n3"] .site-theme-hero h1{font-size:clamp(40px,5vw,78px)}
html[data-theme="n3"] .site-design-nav{background:#f7fbfce8}
html[data-theme="n3"] .theme-data-layout,html[data-theme="u3"] .theme-data-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.8fr)}
html[data-theme="n3"] #etf-dashboard .theme-ranking-panel .rank-row,html[data-theme="u3"] #etf-dashboard .theme-ranking-panel .rank-row{grid-template-columns:minmax(90px,1.1fr) minmax(65px,1.4fr) 56px;gap:8px;padding:11px 0}
/* American editions: highway editorial, urban terminal, varsity club. */
html[data-theme="u1"] .site-theme-hero{background-image:url('/theme-assets/u1-scene.png')}
html[data-theme="u2"] .site-theme-hero{background-image:url('/theme-assets/u2-scene.png')}
html[data-theme="u3"] .site-theme-hero{background-image:url('/theme-assets/u3-scene.png')}
html[data-theme="u1"] .site-theme-hero h1{font-size:clamp(42px,5vw,80px);font-weight:950;font-style:italic;letter-spacing:-.06em}
html[data-theme="u2"] .site-theme-hero h1{color:#c7f541;font-weight:900;letter-spacing:-.06em}
html[data-theme="u2"] #etf-dashboard :is(.viz-controls,.viz-stat,.theme-data-layout>section){background:linear-gradient(120deg,#1a1d20,#101214);border-color:#414747}
html[data-theme="u3"] .site-design-nav{background:#122b46;border-bottom:4px solid #c72d42}html[data-theme="u3"] .site-design-nav a{color:#fffaf0}
html[data-theme="u3"] .site-theme-hero h1{font-family:Georgia,"PMingLiU",serif;font-weight:900;color:#122b46}
html[data-theme="u1"] #etf-dashboard .table th{background:#46553d;color:#fffaf0}
/* Greco-Roman editions: marble gold, imperial night, Aegean mineral teal. */
html[data-theme="g1"] .site-theme-hero{background-image:url('/theme-assets/g1-scene.png')}
html[data-theme="g2"] .site-theme-hero{background-image:url('/theme-assets/g2-scene.png')}
html[data-theme="g3"] .site-theme-hero{background-image:url('/theme-assets/g3-scene.png')}
html[data-theme^="g"] .site-brand,html[data-theme^="g"] .site-theme-hero{font-family:Georgia,"Noto Serif TC","PMingLiU",serif}
html[data-theme="g1"] .site-theme-hero h1{font-size:42px}html[data-theme="g1"] .site-theme-hero h2{font-size:30px}
html[data-theme="g1"] #etf-dashboard .bar{background:linear-gradient(90deg,#1b5090,#6a98ce)}
html[data-theme="g2"] .site-theme-hero h1,html[data-theme="g2"] .site-theme-hero h2{color:#ead29b}
html[data-theme="g2"] #etf-dashboard>.viz-controls,html[data-theme="g2"] #etf-dashboard .theme-results-panel{--theme-text:#251b38;--theme-muted:#625775;--theme-panel:#f5f2eb;--theme-soft:#e8e4de;--theme-border:#ded8cf;background:#f5f2eb;color:#251b38}
html[data-theme="g2"] #etf-dashboard .theme-results-panel :is(select,td,th,h3){color:#251b38}
html[data-theme="g2"] #etf-dashboard .theme-results-panel .btn{background:#251b38;color:#f4efe2}
html[data-theme="g3"] .site-theme-hero h1{color:#214e51}html[data-theme="g3"] #etf-dashboard .viz-stat:nth-child(2){--theme-text:#927952;--theme-soft:#eee8db;--theme-accent:#927952}
/* Technology and champagne editions match their gradient panels and compact hero. */
html[data-theme="ice"] .site-theme-hero,html[data-theme="wine"] .site-theme-hero{min-height:160px;padding:22px 36px}
html[data-theme="ice"] .site-theme-hero{background:radial-gradient(ellipse at 85% 0,#103c52,transparent 55%),#061322}
html[data-theme="wine"] .site-theme-hero{background:radial-gradient(ellipse at 90% 10%,#51263c,transparent 60%),#280c1c}
html[data-theme="ice"] .site-theme-hero .scene-copy,html[data-theme="wine"] .site-theme-hero .scene-copy{max-width:85%}
html[data-theme="ice"] .site-theme-hero h1{color:#43e6f5}html[data-theme="wine"] .site-theme-hero h1{color:#e6cea0;font-family:Georgia,"PMingLiU",serif}
html[data-theme="ice"] .site-theme-hero :is(h2,p),html[data-theme="wine"] .site-theme-hero :is(h2,p){display:inline;font-size:14px;margin-right:20px}
html[data-theme="ice"] #etf-dashboard :is(.viz-controls,.viz-stat,.theme-data-layout>section){background:linear-gradient(110deg,#10253e,#061526);border-color:#22445e}
html[data-theme="wine"] #etf-dashboard :is(.viz-controls,.viz-stat,.theme-data-layout>section){background:linear-gradient(110deg,#492035,#321021);border-color:#714658}
html[data-theme="wine"] #etf-dashboard .viz-stat-value{color:#e6cea0}
/* Night layouts use the compact vertical ranking found in their design boards. */
html:is([data-theme="n2"],[data-theme="g2"]) #etf-ranking{display:flex;align-items:stretch;gap:18px;min-height:170px;padding-top:14px;overflow-x:auto}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-dashboard .rank-row{display:flex;flex:1 0 70px;flex-direction:column;gap:5px;padding:0;min-height:150px}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-dashboard .rank-label{order:0;font-size:11px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-dashboard .rank-value{order:1;text-align:left;font-weight:650}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-dashboard .track{order:2;width:100%;height:105px;background:transparent;display:flex;align-items:flex-end;margin-top:auto}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-dashboard .bar{width:100%!important;height:var(--rank-height);min-height:1px}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-dashboard .cutoff{display:none}
@media(max-width:1100px){html[data-theme] .site-theme-hero .scene-copy{max-width:60%}html[data-theme] #etf-dashboard .viz-stat{padding-left:75px}html[data-theme] .stat-design-icon{width:42px;height:42px;left:16px;top:30px}html[data-theme] #etf-dashboard .viz-stat>div:first-of-type{position:static;font-size:13px}html[data-theme] .site-design-nav>div{gap:15px}html[data-theme="n3"] .theme-data-layout,html[data-theme="u3"] .theme-data-layout{grid-template-columns:1fr}}
@media(max-width:700px){html[data-theme] .site-design-nav{padding:10px 16px;flex-wrap:wrap;gap:5px}html[data-theme] .site-brand{font-size:17px;gap:8px}html[data-theme] .brand-emblem{font-size:30px}html[data-theme] .site-design-nav>div{width:100%;justify-content:space-between;font-size:12px}html[data-theme] .site-theme-hero{min-height:360px;padding:28px 22px;background-position:64% center}html[data-theme] .site-theme-hero .scene-copy{max-width:85%;text-shadow:0 1px 12px var(--theme-panel)}html[data-theme] .site-theme-hero h1{font-size:38px}html[data-theme] .site-theme-hero h2{font-size:18px;max-width:300px}html[data-theme] .site-theme-hero p{max-width:230px;font-size:12px}html[data-theme] #etf-dashboard{padding:14px 12px;gap:12px}html[data-theme] #etf-dashboard>.viz-controls{gap:12px;padding:14px}html[data-theme] #etf-dashboard .form-label{flex-basis:140px}html[data-theme] #etf-dashboard .viz-grid{grid-template-columns:1fr;gap:8px}html[data-theme] #etf-dashboard .viz-stat{min-height:88px;padding:12px 15px 12px 78px}html[data-theme] #etf-dashboard .viz-stat-value{font-size:32px}html[data-theme] .stat-design-icon{top:23px}html[data-theme] .theme-data-layout{grid-template-columns:1fr}html[data-theme] #etf-dashboard .theme-data-layout>section{padding:15px}html[data-theme] .scene-signature{display:none}html[data-theme="ice"] .site-theme-hero,html[data-theme="wine"] .site-theme-hero{min-height:180px;padding:25px 20px}}
/* Keep long counts and labels separate at every width. */
html[data-theme] #etf-dashboard .viz-stat{display:grid;grid-template-columns:60px auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:5px;padding:18px 20px;align-items:center;justify-content:normal}
html[data-theme] .stat-design-icon{position:static;grid-column:1;grid-row:1 / 3;width:60px;height:60px}
html[data-theme] #etf-dashboard .viz-stat-value{grid-column:2;grid-row:1;white-space:nowrap;margin:0;font-size:36px}
html[data-theme] #etf-dashboard .viz-stat>div:first-of-type{position:static;grid-column:3;grid-row:1;font-size:15px;line-height:1.4}
html[data-theme] #etf-dashboard .viz-stat .text-small{grid-column:2 / 4;grid-row:2}
@media(max-width:1100px){html[data-theme] #etf-dashboard .viz-stat{grid-template-columns:42px auto;column-gap:12px}html[data-theme] .stat-design-icon{width:42px;height:42px;grid-row:1 / 4}html[data-theme] #etf-dashboard .viz-stat>div:first-of-type{grid-column:2;grid-row:2}html[data-theme] #etf-dashboard .viz-stat .text-small{grid-column:2;grid-row:3}}
html[data-theme="g3"] .site-theme-hero{background-image:linear-gradient(90deg,#f2f5ead9,transparent 50%),url('/theme-assets/g3-scene.png')}
html:is([data-theme="n2"],[data-theme="g2"]) .theme-ranking-panel .rank-caption>span:first-child{visibility:hidden}
html[data-theme] #etf-dashboard .result-head .form-label{white-space:nowrap}
@media(max-width:700px){html[data-theme] .site-theme-hero .scene-copy{max-width:100%;padding:16px;border-radius:6px;background:color-mix(in srgb,var(--theme-panel) 90%,transparent);text-shadow:none}html[data-theme] .site-theme-hero{padding:24px 16px;background-position:70% center}}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-chart-caption{font-size:0}
html:is([data-theme="n2"],[data-theme="g2"]) #etf-chart-caption::after{content:'當月殖利率（%）';font-size:12px}