/* The landing (Claude Design S128, 2026-10-29) as drawn: the intro, the folded search row, the count tiles (3 per row,
   2 at 375), the 시도 row, the 정보 cards (3 per row, 1 at 375), the five rows, the four figures. No hairline between rows. */
.landing{display:flex;flex-direction:column;gap:36px;padding:28px 0 0}
.landing .intro{display:flex;flex-direction:column;gap:4px}.landing .intro h1{margin:0}.landing .intro p{margin:0;color:#424A53}
.landing .find{border:1px solid #E3E7EC;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}
.landing .find .chips{display:flex;flex-wrap:wrap;gap:8px}.landing .find .sels{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.landing .find .sel{min-width:240px}.landing .search-btn{height:44px;padding:0 28px;border:0;border-radius:6px;background:#16365C;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.landing section{display:flex;flex-direction:column;gap:12px}.landing section h2{margin:0;font-size:14px;font-weight:600}
.landing .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.landing .tile{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #E3E7EC;border-radius:8px;color:#1F262E;min-height:44px}
.landing .tile:hover{text-decoration:none}
.landing .badge{align-self:flex-start;font-weight:600;padding:1px 8px;border-radius:4px}.landing .badge.plain{color:#424A53;background:#EEF1F4}
.landing .tile .fig{font-size:22px;font-weight:700;line-height:1.3}.landing .tile .unit{font-size:14px;font-weight:600;margin-left:2px}
.landing .tile .line,.landing .note,.landing .f .src{color:#5B6570}
.landing .regions{gap:8px}.landing .regions .words{display:flex;flex-wrap:wrap;column-gap:24px}
.landing .regions .words a{display:inline-flex;align-items:center;gap:6px;height:44px;font-weight:600}.landing .regions .words .n{font-weight:400;color:#5B6570}
.landing .note{margin:0}
.landing .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.landing .card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #E3E7EC;border-radius:8px;min-height:44px}
.landing .card:hover{text-decoration:none}.landing .card .word{font-weight:600;color:#1976D2}.landing .card .line{color:#424A53}
.landing .soon{gap:8px}.landing .soon .hd{display:flex;align-items:baseline;gap:8px}.landing .soon .rows{display:flex;flex-direction:column}
.landing .soon .r{display:flex;flex-direction:column;padding:8px 0}.landing .soon .r a{display:flex;align-items:center;min-height:44px;font-weight:600}
.landing .soon .line2{color:#424A53}.landing .more{display:inline-flex;align-items:center;height:44px;font-weight:600;align-self:flex-start}
.landing .figs4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.landing .f{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:#F7F8FA;border-radius:8px}.landing .f .word{color:#424A53}.landing .f .fig{font-size:18px;font-weight:700}
@media (max-width:900px){.landing{padding-top:16px;gap:28px}.landing .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .cards,.landing .figs4{grid-template-columns:1fr}.landing .find .sel{min-width:0;flex:1}}
