

.facts-cats{display:flex;gap:var(--s2);margin:0 calc(var(--gutter)*-1) var(--s4);padding:0 var(--gutter) var(--s1);overflow-x:auto;overscroll-behavior-x:contain}
.facts-cats ul{display:contents;list-style:none}
.facts-cats li,.facts-cats h2{display:contents}
.facts-cats .chip{min-height:var(--tap);flex:none;white-space:nowrap}
.facts-cats h2 .chip{font-weight:800}
.facts-bar{display:grid;gap:var(--s2);margin-bottom:var(--s4)}
.facts-bar label{font-size:var(--t13);font-weight:700}
.facts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3);list-style:none}
.facts-grid>li{min-width:0}
.fact-card{display:flex;flex-direction:column;gap:var(--s1);height:100%}
.fact-card .tag{align-self:flex-start}

.fact-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--s2)}
.fact-head .fact-num{margin-left:auto;text-align:right}
.fact-card h2{font-size:var(--t15);line-height:1.35;margin:0}
.fact-card h2 a{text-decoration:none}
.fact-card h2 a:hover{text-decoration:underline}
.fact-num{font-size:var(--t15);font-weight:700;font-variant-numeric:tabular-nums}
.fact-legend{margin-block:0}
.fact-chart{position:relative;overflow:hidden;min-width:0}
.facts-grid .src{font-size:var(--t12)}
.fact-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2);margin-top:auto}
.fact-acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s2)}
.fact-acts .cap{overflow-wrap:anywhere}
.fact-one h1{font-size:var(--t30);line-height:1.3;margin-block:var(--s2)}
.fact-one .fact-num{margin-bottom:var(--s4)}
.fact-big{min-height:400px}
.fact-one .home-values{white-space:pre-line}

@media (max-width:599px){.fact-one .panel{margin-inline:calc(var(--gutter)*-1)}}
@media (min-width:600px){.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:860px){.facts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){
  .facts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .facts-cats{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}
  .facts-bar{grid-template-columns:auto minmax(0,24rem) 1fr;align-items:center;gap:var(--s3)}
}
@media (min-width:1200px){.facts-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

body[data-page^=facts]{--survey-a:var(--t-gyose);--survey-b:var(--t-hunbeop);--survey-c:var(--t-gwonryeok);--survey-d:var(--t-ingwon);--survey-e:var(--ink)}
.fact-one .home-values:empty{display:none}

.fact-opts{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-bottom:var(--s3)}
.fact-opts [role=group]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s2)}
.fact-opts [role=group] > span:last-child{display:contents}
.chart .last-val{font-size:13px;font-weight:800;paint-order:stroke;stroke:var(--surface);stroke-width:3px}
.fact-table{margin-top:var(--s4)}
.fact-table summary{cursor:pointer;font-weight:700}
.fact-table .tbl-wrap{max-height:420px;overflow:auto;margin-top:var(--s2)}
.fact-table td{text-align:right;font-variant-numeric:tabular-nums}

.fact-chart .chart-float{padding:var(--s1) var(--s2);width:max-content;max-width:100%}
