.chart-guide{--cg-bg:#0e0918;--cg-surface:#1a1624;--cg-text:#e8e3ed;--cg-muted:#b6b0bd;--cg-line:#493653;--cg-teal:#00e5d4;--cg-purple:#bb80ff;color:var(--cg-text)}
.chart-guide *{box-sizing:border-box}.chart-guide .eyebrow{font-size:12px;letter-spacing:.12em;color:var(--cg-teal);font-weight:650}.chart-guide .acg-layout{grid-template-columns:minmax(0,940px) 200px;gap:36px}.chart-guide .prose{min-width:0}.chart-guide .prose h2{scroll-margin-top:110px}.chart-guide .prose figure{margin:36px 0 46px}.chart-guide figcaption{font-size:13px;line-height:1.8;color:var(--cg-muted);margin:12px 4px 0}.chart-guide .hero{border:1px solid var(--cg-line);border-radius:20px;background:var(--cg-surface);padding:28px;display:grid;grid-template-columns:.85fr 1.35fr;gap:28px;align-items:center;overflow:hidden}.chart-guide .hero h2{font-size:27px;margin:18px 0;line-height:1.45}.chart-guide .hero p{font-size:13px;line-height:1.7;color:var(--cg-muted);margin:0}.chart-guide .rawcrop{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--cg-line)}.chart-guide .rawcrop img{position:absolute;max-width:none;height:auto;display:block}.chart-guide .presetfigure{max-width:660px;margin-inline:auto!important}.chart-guide .quickfigure{max-width:710px;margin-inline:auto!important}.chart-guide .image-light{display:none!important}.chart-guide .image-dark{display:block!important}
.chart-guide .numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--cg-line);border-radius:20px;overflow:hidden;background:var(--cg-surface)}.chart-guide .numbers>div{padding:26px 20px;border-inline-end:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line);background:radial-gradient(ellipse at 0 0,#00e5d409,transparent 75%)}.chart-guide .numbers>div:nth-child(4n){border-inline-end:0}.chart-guide .numbers>div:nth-last-child(-n+4){border-bottom:0}.chart-guide .numbers strong{font-size:clamp(28px,3vw,39px);font-weight:400;line-height:1.35;display:block;color:var(--cg-teal);margin-bottom:12px;white-space:nowrap;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.chart-guide .numbers>div:nth-child(n+5) strong{color:var(--cg-purple)}.chart-guide .numbers .count-label{font:13px/1.6 var(--font-body,inherit);color:var(--cg-muted);display:block}.count-final{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.count-visual{display:inline-flex;gap:.18em;align-items:baseline}.count-visual [data-count-to]{display:inline-block;min-width:var(--digits,1ch);text-align:left}.chart-guide .tablewrap{overflow-x:auto;margin:28px 0 34px}.chart-guide table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7;min-width:510px}.chart-guide th,.chart-guide td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cg-line)}.chart-guide th{background:var(--cg-surface)}.chart-guide td:first-child{min-width:150px}.chart-guide .decision{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chart-guide .decision>div,.chart-guide .inputcard,.chart-guide .resultcard{border:1px solid var(--cg-line);border-radius:16px;padding:25px;background:var(--cg-surface)}.chart-guide .stepno{font-size:12px;color:var(--cg-purple)}.chart-guide .decision h3{margin:12px 0 6px}.chart-guide .decision p{font-size:14px;line-height:1.75;margin:0;color:var(--cg-muted)}.chart-guide .inputrow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:20px 0}.chart-guide .inputrow strong{font-size:20px}.chart-guide .tags{display:flex;gap:8px;flex-wrap:wrap}.chart-guide .tags span{font-size:12px;border:1px solid var(--cg-line);padding:6px 10px;border-radius:20px;color:var(--cg-muted)}.chart-guide .chartpair,.chart-guide .herocharts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-guide .chartpair>div{border:1px solid var(--cg-line);border-radius:16px;overflow:hidden;background:var(--cg-surface)}.chart-guide .chart{display:block;width:100%;height:auto}.chart-guide .chartlabel{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid var(--cg-line);font-size:14px}.chart-guide .chartlabel span{background:var(--cg-teal);color:var(--cg-bg);padding:2px 8px;border-radius:4px}.chart-guide .herocharts img{border-radius:50%;border:1px solid var(--cg-line)}.chart-guide .resultcard h3{font-size:22px;margin:16px 0}.chart-guide .resultrow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0}.chart-guide .resultrow span{display:block;font-size:13px;color:var(--cg-muted)}.chart-guide .resultrow strong{font-size:30px;color:var(--cg-teal);font-weight:400}.chart-guide .resultrow b{color:var(--cg-purple);font-size:26px}.chart-guide .resultcard p{font-size:14px;color:var(--cg-muted);margin:0}.chart-guide .article-end{margin:60px 0 24px;padding-top:30px;border-top:1px solid var(--cg-line)}.chart-guide .article-end a{display:flex;justify-content:space-between;align-items:center;font-size:23px;line-height:1.5;text-decoration:none;margin:16px 0}.chart-guide .article-end p,.chart-guide .source-note{font-size:13px;color:var(--cg-muted)}.chart-guide li{line-height:1.85;margin-bottom:9px}.chart-guide .media-open{display:block;position:relative;color:inherit}.chart-guide .media-open:after{content:'↗';position:absolute;right:8px;bottom:8px;background:#0e0918dd;color:#00e5d4;border:1px solid #5a416a;border-radius:8px;padding:3px 10px;line-height:1.5}
@media(max-width:950px){.chart-guide .acg-layout{display:block}.chart-guide .acg-index{position:static;border:1px solid var(--cg-line);padding:20px;border-radius:16px;margin:30px 0}.chart-guide .hero{padding:23px;gap:20px}.chart-guide .hero h2{font-size:23px}}
@media(max-width:650px){.chart-guide .hero{grid-template-columns:1fr}.chart-guide .numbers{grid-template-columns:1fr 1fr}.chart-guide .numbers>div{padding:22px 18px}.chart-guide .numbers>div:nth-child(2n){border-inline-end:0}.chart-guide .numbers>div:nth-last-child(-n+4){border-bottom:1px solid var(--cg-line)}.chart-guide .numbers>div:nth-last-child(-n+2){border-bottom:0}.chart-guide .numbers strong{font-size:30px}.chart-guide .chartpair,.chart-guide .decision{grid-template-columns:1fr}.chart-guide .inputrow{display:grid;gap:15px}.chart-guide .resultrow strong{font-size:22px}.chart-guide .prose figure{margin:28px 0 32px}.chart-guide .hero h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.chart-guide{scroll-behavior:auto}}

/* Blog image controls use the shared in-page viewer; never a raw-image tab. */
.chart-guide button.media-open{width:100%;padding:0;border:0;background:none;text-align:inherit;font:inherit}.chart-guide .rawcrop{display:block}