.product-outlook{border:1px solid var(--site-rule);border-radius:20px;background:var(--site-surface);overflow:hidden}
.outlook-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 30px;border-bottom:1px solid var(--site-rule)}
.outlook-top h3{font-size:16px;font-weight:500}
.outlook-top>span{font-size:11px;color:var(--ito-label)}
.outlook-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}
.outlook-figure{margin:0;min-width:0;padding:28px 30px 22px}
.outlook-reading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.outlook-reading p{font-size:12px;color:var(--site-muted);margin-bottom:4px}
.outlook-reading .outlook-period{font-size:10px;color:var(--ito-label);margin:7px 0 0}
.outlook-reading strong{font-size:40px;line-height:1.2;font-weight:400;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.outlook-legend{display:flex;gap:14px;padding-bottom:5px;font-size:10px;color:var(--site-muted)}
.outlook-legend span{display:flex;align-items:center;gap:6px}
.outlook-legend i{width:17px;border-top:2px solid var(--site-ink)}
.outlook-legend i.outlook-expected{border-color:var(--site-accent);border-top-style:dotted}
.outlook-chart{height:246px;min-width:0;position:relative;cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:5px}
.outlook-chart svg{display:block;width:100%;height:100%;overflow:visible}
.outlook-chart text{fill:var(--ito-label);font:10px var(--font-mono);font-variant-numeric:tabular-nums}
.outlook-chart .outlook-grid{stroke:var(--site-rule);stroke-width:1}
.outlook-chart .outlook-boundary{stroke:var(--site-muted);stroke-opacity:.3;stroke-dasharray:3 5}
.outlook-chart .outlook-history,.outlook-chart .outlook-forecast{fill:none;stroke:var(--site-ink);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.outlook-chart .outlook-forecast{stroke:var(--site-accent);stroke-dasharray:2 5}
.outlook-chart .outlook-point{fill:var(--site-surface);stroke:var(--site-accent);stroke-width:2}
.outlook-chart .outlook-last-settled{fill:var(--site-ink);stroke:var(--site-surface);stroke-width:3}
.outlook-chart .outlook-area-stop{stop-color:var(--site-accent)}
.outlook-chart .outlook-area{fill:url(#outlook-area)}
.outlook-selection{pointer-events:none}
.outlook-selection line{stroke:var(--site-accent);stroke-width:1;stroke-opacity:.5;stroke-dasharray:3 4}
.outlook-selection circle{fill:var(--site-accent);stroke:var(--site-surface);stroke-width:3}
.outlook-tooltip{position:absolute;width:162px;padding:8px 11px;pointer-events:none;background:var(--site-bg);border:1px solid var(--site-rule);border-radius:8px;box-shadow:0 6px 20px color-mix(in srgb,var(--site-bg) 35%,transparent)}
.outlook-tooltip span{display:block;font-size:10px;color:var(--site-muted)}
.outlook-tooltip strong{display:block;font:12px var(--font-mono);font-variant-numeric:tabular-nums;margin-top:4px}
.outlook-chart:not([data-active=true]) .outlook-tooltip,.outlook-chart:not([data-active=true]) .outlook-selection{visibility:hidden}
.outlook-figure figcaption{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;font-size:10px;color:var(--ito-label);margin-top:9px}
.outlook-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.outlook-insights{border-left:1px solid var(--site-rule);padding:28px;display:grid;grid-template-rows:auto 1fr;gap:24px}
.outlook-insights-label{font-size:14px;font-weight:500;line-height:1.4;color:var(--site-ink)}
.outlook-insight-list{display:grid;grid-template-rows:repeat(3,1fr);gap:24px}
.outlook-insights article{display:grid;grid-template-columns:14px minmax(0,1fr);align-content:start;align-items:start;gap:12px}
.outlook-insight-number{font:10px/21px var(--font-mono);color:var(--site-accent)}
.outlook-insights h4{font-size:15px;font-weight:500;letter-spacing:-.01em;margin:0 0 7px;line-height:1.4}
.outlook-insights article p{font-size:13px;line-height:1.75;color:var(--site-muted);max-width:270px}
.preview-error{padding:16px;font-size:13px;color:var(--site-muted)}
@media(max-width:1000px){.outlook-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.outlook-figure{padding-inline:24px}.outlook-insights{padding-inline:22px}.outlook-reading{align-items:start;flex-direction:column;gap:14px}.outlook-legend{padding:0}.outlook-chart{height:230px}}
@media(max-width:720px){.product-outlook{border-radius:16px}.outlook-top{padding:18px 20px}.outlook-layout{grid-template-columns:1fr}.outlook-figure{padding:22px 20px 18px}.outlook-reading{gap:16px}.outlook-reading .outlook-period{font-size:10px;color:var(--ito-label);margin:7px 0 0}
.outlook-reading strong{font-size:38px}.outlook-chart{height:220px}.outlook-insights{border-left:0;border-top:1px solid var(--site-rule);padding:22px 20px 26px;gap:22px}.outlook-insights article p{max-width:100%}.outlook-insights h4{font-size:16px}.outlook-insight-number{font-size:10px}.outlook-top>span{font-size:10px}}

@media(max-width:375px){.outlook-reading strong{font-size:32px}}

.outlook-chart[data-input=pointer]:focus-visible{outline:none}