:root{--navy:#0b1733;--navy2:#13254d;--text:#10182d;--muted:#65708a;--line:#e3e8f1;--bg:#f5f7fb;--card:#fff;--blue:#3c63e8;--green:#1fa77a;--orange:#f29b2e;--purple:#6858e8;--shadow:0 12px 34px rgba(16,24,45,.08);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:72px;display:flex;align-items:center;gap:32px}.brand{font-weight:900;font-size:22px;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--navy);display:grid;place-items:center;color:#fff;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{font-weight:700;color:#34405a}.main-nav a.active,.main-nav a:hover{color:var(--blue)}.menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{padding:72px 0 44px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--blue)}h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:12px 0 20px;letter-spacing:-.05em}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}.lead{font-size:18px;color:var(--muted);max-width:620px}.hero-art{min-height:360px;border-radius:32px;background:linear-gradient(145deg,#fff,#edf2fb);box-shadow:var(--shadow);display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;filter:blur(0)}.hero-art:before{width:270px;height:270px;background:#dfe7ff;right:-80px;top:-70px}.hero-art:after{width:180px;height:180px;background:#e6fff5;left:-45px;bottom:-55px}.chess{font-size:136px;position:relative;z-index:2;filter:drop-shadow(0 18px 20px rgba(20,40,80,.22))}.thought-banner{display:flex;align-items:stretch;margin-top:28px;max-width:650px;border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.thought-banner strong{background:var(--navy);color:#fff;padding:18px 22px;white-space:nowrap}.thought-banner span{padding:18px 22px;font-weight:700}.section{padding:42px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 30px rgba(16,24,45,.05);transition:.2s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:white;font-size:25px;margin-bottom:18px}.purple{background:var(--purple)}.green{background:var(--green)}.orange{background:var(--orange)}.blue{background:var(--blue)}.category-card h3{font-size:23px;margin:0 0 8px}.category-card p{color:var(--muted);min-height:52px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tag{font-size:13px;background:#f1f4fa;border-radius:999px;padding:6px 10px}.more{font-weight:800;color:var(--blue)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 10px 30px rgba(16,24,45,.04)}.list{display:grid;gap:10px}.list a,.list button{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:13px;background:#f7f9fd;border:1px solid transparent;text-align:left;cursor:pointer}.list a:hover,.list button:hover,.list .selected{border-color:#cfd9fa;background:#eef2ff}.search{display:flex;gap:8px;margin-bottom:18px}.search input{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:12px;outline:none}.search input:focus{border-color:var(--blue)}.search button{border:0;background:var(--navy);color:#fff;padding:0 18px;border-radius:12px}.detail-layout{display:grid;grid-template-columns:280px 1fr;gap:22px}.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,5vw,58px);box-shadow:var(--shadow)}.article h1{font-size:clamp(34px,5vw,58px)}.article h2{font-size:28px;margin-top:42px}.article p{font-size:18px}.quote{border-left:4px solid var(--blue);background:#f4f7ff;padding:20px 24px;border-radius:0 14px 14px 0;font-size:20px;font-weight:800;margin:28px 0}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:28px 0}.timeline-step{position:relative;padding-top:28px;text-align:center;font-size:13px;color:var(--muted)}.timeline-step:before{content:"";position:absolute;top:8px;left:0;right:0;height:3px;background:#dfe5ef}.timeline-step:first-child:before{left:50%}.timeline-step:last-child:before{right:50%}.timeline-step:after{content:"";position:absolute;top:1px;left:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--blue);border:4px solid #fff;box-shadow:0 0 0 1px #cbd4e4}.chart{height:260px;background:linear-gradient(to top,#f7f9fd,#fff);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;align-items:end;gap:8px}.bar{flex:1;background:linear-gradient(#6f8ef7,#365add);border-radius:8px 8px 2px 2px;min-width:10px;position:relative}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}.footer{margin-top:60px;background:var(--navy);color:#dfe6f7;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column}.main-nav.open{display:flex}.menu-btn{display:block}.hero-grid,.feature-grid,.detail-layout{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:280px}.timeline{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.wrap{width:min(100% - 22px,1180px)}.hero{padding-top:42px}.card-grid{grid-template-columns:1fr}.thought-banner{display:block}.thought-banner strong,.thought-banner span{display:block}.section-head,.footer-inner{align-items:flex-start;flex-direction:column}.article{padding:24px}.timeline{grid-template-columns:1fr 1fr}.chess{font-size:100px}}
/* Investment history comparison charts */
#historyList.list{gap:28px}.history-card{padding:34px}.history-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.history-head p{margin:0;color:var(--muted)}.focus-badge{flex:0 0 auto;background:#eef2ff;color:var(--blue);font-weight:800;padding:8px 12px;border-radius:999px;font-size:13px}.index-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}.index-tab{border:1px solid var(--line);background:#fff;color:#4f5b75;border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer}.index-tab:hover,.index-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.history-chart-wrap{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.chart-title{padding:17px 20px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.chart-title strong{font-size:15px}.chart-title span{font-size:12px;color:var(--muted);background:#f2f5fa;padding:5px 8px;border-radius:8px}.history-chart{padding:4px 12px 0;overflow-x:auto}.history-svg{width:100%;min-width:760px;height:auto;display:block}.chart-grid{stroke:#e6eaf2;stroke-width:1}.chart-axis,.chart-x,.phase-label,.baseline-label{font-family:inherit;fill:#7b859b;font-size:11px}.phase-label{font-weight:800;fill:#5d6880}.phase{opacity:.55}.phase-0{fill:#f7f9fd}.phase-1{fill:#fff5e7}.phase-2{fill:#fff0f0}.phase-3{fill:#eef8f4}.baseline{stroke:#9da8bd;stroke-width:1.2;stroke-dasharray:5 5}.baseline-label{font-weight:800}.chart-legend{display:flex;flex-wrap:wrap;gap:16px;padding:0 20px 18px;font-size:13px;color:#59657c}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:18px;height:4px;border-radius:4px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat-card{background:#f8faff;border:1px solid var(--line);border-radius:15px;padding:16px}.stat-card>strong{font-size:16px}.stat-card dl{margin:12px 0 0}.stat-card dl>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #e8edf5}.stat-card dt{font-size:12px;color:var(--muted)}.stat-card dd{font-size:12px;font-weight:800;margin:0;text-align:right}.data-note{font-size:12px;color:var(--muted);margin:14px 2px 0}.history-card .timeline{margin-bottom:20px}
@media(max-width:900px){.history-stats{grid-template-columns:1fr 1fr}.history-head{flex-direction:column}.focus-badge{align-self:flex-start}}
@media(max-width:580px){.history-card{padding:22px}.history-stats{grid-template-columns:1fr}.chart-title{align-items:flex-start;flex-direction:column}.history-chart{padding-left:4px;padding-right:4px}.index-tab{font-size:12px;padding:7px 10px}}
/* Long-form investment history */
#historyList{display:block!important}.history-overview{overflow:hidden}.history-overview-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.history-overview-head p,.event-summary,.chart-section-head p{color:var(--muted);margin:0}.history-filter{display:flex;flex-wrap:wrap;gap:7px}.history-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.history-filter button.active{background:var(--navy);color:#fff}.century-ruler{display:flex;justify-content:space-between;color:#8791a6;font-size:12px;margin:32px 10px 8px}.history-scroll{overflow-x:auto;padding:0 4px 26px}.long-timeline{position:relative;height:255px;min-width:1100px;border-bottom:3px solid #dce3ee;margin:0 10px}.history-event{position:absolute;bottom:-9px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;border:4px solid #fff;background:var(--blue);box-shadow:0 0 0 2px #cfd8e8;cursor:pointer;padding:0}.history-event i{display:none}.history-event b,.history-event span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.history-event b{bottom:30px;font-size:12px}.history-event span{bottom:50px;font-size:12px;font-weight:800;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 8px;box-shadow:0 6px 16px rgba(16,24,45,.08)}.history-event:nth-child(even) span{bottom:82px}.history-event:nth-child(even) b{bottom:62px}.history-event.crash{background:#e45b64}.history-event.bubble{background:#f29b2e}.history-event.korea{box-shadow:0 0 0 3px #3c63e8}.history-event.tariff{background:#6858e8}.history-event.now{background:#10182d}.history-event.selected{transform:translateX(-50%) scale(1.35);z-index:3}.history-event[hidden]{display:none}.history-detail{margin-top:26px}.event-detail{padding:34px}.event-detail-top{display:flex;justify-content:space-between;gap:20px}.event-year{font-size:clamp(48px,8vw,96px);font-weight:900;line-height:1;color:#edf1f7}.mind-box{margin:24px 0;background:#f5f7fb;border-left:4px solid var(--blue);padding:18px 20px;border-radius:0 14px 14px 0}.mind-box p{margin:5px 0 0}.chart-section-head{margin:32px 0 16px}.chart-section-head h3{font-size:24px;margin:0}.actual-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actual-chart{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;overflow-x:auto}.actual-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.actual-chart-head span{font-size:12px;color:var(--muted)}.actual-chart svg{width:100%;min-width:440px;height:auto;display:block}.axis-line{stroke:#dce3ee}.point-value{font-size:10px;font-weight:800;fill:#4f5b75}.no-chart{margin-top:28px;border:1px dashed #cfd8e8;border-radius:16px;padding:22px;color:var(--muted)}
@media(max-width:900px){.history-overview-head{align-items:flex-start;flex-direction:column}.actual-chart-grid{grid-template-columns:1fr}.event-year{display:none}}
@media(max-width:580px){.history-overview,.event-detail{padding:22px}.history-filter{gap:5px}.history-filter button{font-size:12px;padding:6px 9px}.long-timeline{min-width:1000px}.event-detail-top{display:block}}


/* history timeline v4 readable layout */
.history-overview-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.history-filter{display:flex;flex-wrap:wrap;gap:10px}.history-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.history-filter button.active,.history-filter button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
#timelineWrap{display:grid;gap:18px;margin-top:20px}.timeline-period{padding:24px}.timeline-period-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.timeline-period-head h3{margin:4px 0 0;font-size:24px}.timeline-period-head p{margin:4px 0 0;color:var(--muted)}
.period-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));column-gap:12px;row-gap:0;position:relative;padding:18px 0 8px}.period-track:before{content:'';position:absolute;left:0;right:0;top:50%;height:4px;background:#dbe3f0;border-radius:999px;transform:translateY(-50%)}
.period-event{position:relative;display:grid;grid-template-rows:80px 24px 80px;align-items:center;justify-items:center;background:none;border:0;padding:0;cursor:pointer;z-index:1}.period-event.top .event-bubble{grid-row:1}.period-event.top .event-year{grid-row:3}.period-event.bottom .event-bubble{grid-row:3}.period-event.bottom .event-year{grid-row:1}
.event-bubble{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:14px;font-weight:800;text-align:center;line-height:1.3;box-shadow:0 8px 18px rgba(16,24,45,.06);width:100%}.period-event.selected .event-bubble{border-color:#b9c8f8;background:#eef2ff}.event-year{font-weight:900;font-size:14px;color:#223049}
.event-dot{grid-row:2;width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--blue);box-shadow:0 0 0 4px #fff}.period-event.crash .event-dot{border-color:#e45a5a}.period-event.bubble .event-dot{border-color:#f29b2e}.period-event.korea .event-dot{border-color:#3c63e8}.period-event.tariff .event-dot{border-color:#0f1833}.period-event.birth .event-dot{border-color:#aab6ca}.period-event.rate .event-dot{border-color:#8a5cf6}.period-event.now .event-dot{border-color:#0b1733}
.empty-period{padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center;background:#fafcff}.event-detail-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.event-summary{color:var(--muted);font-size:18px;margin:8px 0 0}.mind-box{margin:18px 0;padding:18px 20px;border-radius:16px;background:#f4f7ff;border:1px solid #dbe4fb}.mind-box strong{display:block;margin-bottom:6px}.mind-box p{margin:0;font-weight:700;color:#23304a}.chart-section-head h3{margin:0 0 6px}.chart-section-head p{margin:0;color:var(--muted)}.actual-chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.actual-chart{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(16,24,45,.05)}.actual-chart-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.actual-chart-head strong{font-size:16px}.actual-chart-head span{font-size:12px;color:var(--muted);background:#f2f5fa;padding:4px 8px;border-radius:8px}.axis-line{stroke:#cad4e5;stroke-width:1.2}.point-value{font-size:10px;fill:#50607c;font-weight:700}.data-note{margin:14px 2px 0;color:var(--muted);font-size:14px}.no-chart{padding:20px;border:1px dashed var(--line);border-radius:16px;background:#fafcff}.no-chart p{margin:8px 0 0;color:var(--muted)}
@media(max-width:900px){.history-overview-head,.timeline-period-head,.event-detail-top{flex-direction:column}.actual-chart-grid{grid-template-columns:1fr}.period-track{grid-template-columns:repeat(2,minmax(0,1fr))}.period-event{grid-template-rows:74px 24px 74px}}
@media(max-width:580px){.timeline-period{padding:20px 16px}.timeline-period-head h3{font-size:20px}.period-track{grid-template-columns:1fr}.period-track:before{left:18px;top:0;bottom:0;width:4px;height:auto;right:auto;transform:none}.period-event{grid-template-columns:36px 1fr;grid-template-rows:auto auto;justify-items:start;align-items:center;gap:6px 12px;padding:6px 0}.period-event .event-dot{grid-column:1;grid-row:1 / span 2;justify-self:center}.period-event.top .event-bubble,.period-event.bottom .event-bubble{grid-column:2;grid-row:1}.period-event.top .event-year,.period-event.bottom .event-year{grid-column:2;grid-row:2}.event-bubble{width:100%;min-height:40px;text-align:left;padding:10px 12px}.event-year{font-size:13px;color:var(--muted);font-weight:800}}


/* history timeline v4.1 readability fixes */
@media(min-width:581px){
  .timeline-period{overflow:hidden}
  .period-track{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;padding:18px 8px 14px;scrollbar-width:thin;scroll-snap-type:x proximity}
  .period-track:before{left:8px;right:8px}
  .period-event{flex:0 0 170px;width:170px;scroll-snap-align:start}
  .event-bubble{white-space:normal;word-break:keep-all;overflow-wrap:normal;line-height:1.35;padding:10px 14px;min-height:48px;width:160px}
}
@media(min-width:1100px){
  .period-event{flex-basis:180px;width:180px}
  .event-bubble{width:170px}
}
.history-detail{scroll-margin-top:92px}


/* history cards v5 */
.history-card-intro{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.history-card-intro p{margin:0;color:var(--muted);max-width:650px}.history-card-list{display:grid;gap:18px;margin-top:20px}.history-summary-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 30px rgba(16,24,45,.05);overflow:hidden;scroll-margin-top:90px;transition:.2s}.history-summary-card.open{border-color:#bac8f5;box-shadow:0 16px 38px rgba(16,24,45,.1)}.history-card-main{padding:26px}.history-card-date{display:inline-flex;background:#eef2ff;color:var(--blue);font-size:13px;font-weight:900;border-radius:999px;padding:7px 11px;margin-bottom:12px}.history-card-main h3{font-size:28px;line-height:1.2;margin:0 0 8px;letter-spacing:-.03em}.history-card-main>p{margin:0 0 20px;color:var(--muted);font-size:16px}.history-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;background:#f7f9fd;border:1px solid #e7ebf3;border-radius:16px;padding:14px 16px}.history-index-row{display:grid;grid-template-columns:minmax(95px,1fr) auto 58px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e5eaf2}.history-index-row:nth-last-child(-n+2){border-bottom:0}.index-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#48546d}.index-name i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.history-index-row strong{font-size:15px;white-space:nowrap}.history-index-row strong em{font-style:normal;color:#98a2b6;margin:0 3px}.history-index-row small{text-align:right;color:#df5555;font-weight:900}.history-toggle{margin-top:18px;width:100%;border:0;border-radius:13px;background:var(--navy);color:#fff;padding:13px 16px;font-weight:900;cursor:pointer;display:flex;justify-content:center;gap:8px;align-items:center}.history-toggle:hover{background:var(--navy2)}.history-toggle span{font-size:18px;line-height:1}.history-expand{border-top:1px solid var(--line);background:#fbfcff}.history-expanded-inner{padding:26px}.history-no-index{padding:16px;border:1px dashed var(--line);border-radius:14px;background:#fafcff;color:var(--muted)}
@media(min-width:900px){.history-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-summary-card.open{grid-column:1/-1}.history-summary-card.open .history-card-main{display:grid;grid-template-columns:1fr 1.15fr;column-gap:28px;align-items:start}.history-summary-card.open .history-card-date,.history-summary-card.open h3,.history-summary-card.open .history-card-main>p,.history-summary-card.open .history-toggle{grid-column:1}.history-summary-card.open .history-index-list,.history-summary-card.open .history-no-index{grid-column:2;grid-row:1/6}.history-summary-card.open .history-toggle{align-self:end}}
@media(max-width:900px){.history-card-intro{flex-direction:column}.history-index-list{grid-template-columns:1fr}.history-index-row:nth-last-child(-n+2){border-bottom:1px solid #e5eaf2}.history-index-row:last-child{border-bottom:0}}
@media(max-width:580px){.history-card-main,.history-expanded-inner{padding:20px}.history-card-main h3{font-size:23px}.history-index-row{grid-template-columns:minmax(82px,1fr) auto 52px;gap:7px}.history-index-row strong{font-size:13px}.index-name{font-size:12px}.history-card-date{font-size:12px}}


/* history cards v5.1 button visibility and no-chart cleanup */
.history-card-list .history-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  margin-top:18px;
  padding:15px 18px;
  border:2px solid var(--navy);
  border-radius:14px;
  background:var(--navy);
  color:#fff;
  font-size:16px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  box-shadow:0 8px 18px rgba(11,23,51,.18);
  cursor:pointer;
}
.history-card-list .history-toggle:hover,
.history-card-list .history-toggle:focus-visible{
  background:var(--navy2);
  border-color:var(--navy2);
  color:#fff;
  outline:none;
  transform:translateY(-1px);
}
.history-card-list .history-toggle-label{color:#fff;letter-spacing:-.01em}
.history-card-list .history-toggle-arrow{color:#fff;font-size:19px;font-weight:900;line-height:1}
.history-summary-card.no-data .history-no-index{margin-top:6px}


/* history cards v5.3 horizontal period navigation */
.history-mini-wrap{width:100%;margin-top:24px;padding-top:22px;border-top:1px solid var(--line);overflow:hidden}
.history-mini-timeline{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin;scroll-snap-type:x proximity}
.history-mini-event{flex:0 0 190px;min-height:92px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#f8faff;color:var(--text);text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:0 8px 20px rgba(16,24,45,.05);transition:.2s}
.history-mini-event:hover,.history-mini-event:focus-visible{transform:translateY(-2px);border-color:#b9c8f8;background:#eef2ff;outline:none}
.history-mini-event .mini-period{display:block;margin-bottom:8px;color:var(--blue);font-size:13px;font-weight:900;white-space:nowrap}
.history-mini-event b{display:block;font-size:16px;line-height:1.35;word-break:keep-all;overflow-wrap:normal}
.mini-arrow{flex:0 0 auto;color:#98a3b8;font-size:24px;font-weight:900;line-height:1}
.history-mini-event.crash{border-left:5px solid #e45a5a}.history-mini-event.bubble{border-left:5px solid #f29b2e}.history-mini-event.korea{border-left:5px solid #3c63e8}.history-mini-event.tariff{border-left:5px solid #0b1733}.history-mini-event.rate{border-left:5px solid #8a5cf6}.history-mini-event.now{border-left:5px solid #0b1733}
.history-summary-card.timeline-focus{border-color:#3c63e8;box-shadow:0 0 0 4px rgba(60,99,232,.12),0 18px 42px rgba(16,24,45,.12)}
@media(max-width:580px){.history-mini-event{flex-basis:164px;min-height:84px;padding:14px}.history-mini-event b{font-size:14px}.mini-arrow{font-size:20px}.history-mini-timeline{gap:9px}}


/* history final layout: title, controls, timeline, cards */
.history-card-intro{
  display:block;
  padding:30px;
}
.history-card-intro>div:first-child{
  max-width:760px;
}
.history-card-intro .history-filter{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.history-card-intro .history-mini-wrap{
  width:100%;
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
  overflow:hidden;
}
.history-mini-timeline{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  overflow-x:auto;
  padding:4px 2px 14px;
}
.history-mini-event{
  flex:1 0 190px;
  min-width:190px;
  min-height:96px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:7px;
  padding:16px 18px;
}
.history-mini-event .mini-period{
  display:block;
  margin:0;
  font-size:14px;
  line-height:1.2;
}
.history-mini-event b{
  display:block;
  font-size:18px;
  line-height:1.25;
  word-break:keep-all;
  white-space:normal;
}
@media(min-width:1050px){
  .history-mini-timeline{overflow-x:visible}
  .history-mini-event{min-width:0}
}
@media(max-width:580px){
  .history-card-intro{padding:22px 18px}
  .history-mini-event{flex-basis:170px;min-width:170px;min-height:88px;padding:14px 15px}
  .history-mini-event .mini-period{font-size:13px}
  .history-mini-event b{font-size:15px}
}


/* final timeline fix: show all events and always allow horizontal scrolling */
.history-card-intro .history-mini-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}
.history-card-intro .history-mini-timeline{
  width:max-content;
  min-width:100%;
  overflow:visible;
  flex-wrap:nowrap;
  scroll-snap-type:none;
}
.history-card-intro .history-mini-event{
  flex:0 0 190px;
  min-width:190px;
}
@media(min-width:1050px){
  .history-card-intro .history-mini-timeline{overflow:visible}
  .history-card-intro .history-mini-event{flex:0 0 190px;min-width:190px}
}
@media(max-width:580px){
  .history-card-intro .history-mini-event{flex:0 0 165px;min-width:165px}
}