/* Live shares the homepage's light surfaces, typography and green actions.
   Every feed row, rank and country stays in the normal document flow. */
.lk-wrap{background:#f6f8fa;color:#203b2d;padding:64px 24px 72px;font-family:Pretendard,"Malgun Gothic",sans-serif}
.lk-inner{max-width:1304px;margin:0 auto}
.lk-wrap :is(h1,h2){font-family:inherit!important;color:#203b2d;word-break:keep-all;overflow-wrap:anywhere}
.lk-head{margin-bottom:32px}
.lk-eyebrow{display:flex;align-items:center;gap:9px;color:#00633e;font-size:12px;font-weight:700;letter-spacing:1.4px}
.lk-eyebrow i,.lk-bar-live i{width:7px;height:7px;border-radius:50%;background:#d6336c;flex:none;animation:lk-pulse 1.6s ease-out infinite}
.lk-head h1{font-size:38px;font-weight:750;line-height:1.4;letter-spacing:-.8px;margin:10px 0}
.lk-head p{font-size:16px;line-height:1.8;color:#647269;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.lk-map-area{max-width:1600px;margin:0 auto}
.lk-bar{display:flex;align-items:center;gap:12px;max-width:1304px;margin:0 auto;padding:10px 14px;background:#f0f5f2;border:1px solid #e1e9e3;border-radius:8px;overflow:hidden}
.lk-bar-live{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:11px;font-weight:700;color:#00633e;letter-spacing:.06em}
.lk-bar-slot{position:relative;flex:1;min-width:0;height:21px}
.lk-bar-row{position:absolute;inset:0;display:flex;align-items:baseline;gap:10px;font-size:13px;line-height:21px;white-space:nowrap;overflow:hidden}
.lk-bar-row.lk-in{animation:lk-fade-in .6s ease}
.lk-bar-row.lk-out{animation:lk-fade-out .4s ease forwards}
.lk-bar-d{color:#203b2d;font-weight:650;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lk-bar-row.lk-fresh .lk-bar-d{color:#a81e60}
.lk-bar-w{color:#647269;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.lk-bar-t{margin-left:auto;flex:none;color:#647269;font-size:11px}
.lk-map-box{position:relative;width:100%;margin:12px auto 0}
#lk-map{display:block;width:100%}
.lk-tip{display:none;position:absolute;z-index:5;max-width:calc(100% - 16px);padding:7px 10px;pointer-events:none;background:#fff;color:#203b2d;border:1px solid #cad8cf;border-radius:8px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;box-shadow:0 4px 14px #203b2d12}
.lk-legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;max-width:1304px;list-style:none;margin:16px auto 0;padding:0;font-size:12px;line-height:1.5;color:#647269}
.lk-legend li{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.lk-legend i{width:8px;height:8px;flex:none;border-radius:50%}
.lk-legend .lk-lg-new{background:var(--lk-new,#ff3dc6);box-shadow:0 0 0 3px rgba(var(--lk-new-rgb,255,61,198),.2)}
.lk-legend .lk-lg-live{background:#22d194}
.lk-legend .lk-lg-ghost{border:1.5px solid #2f8571;background:transparent}
.lk-cols{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:24px;margin-top:28px}
.lk-side{min-width:0}
.lk-card{min-width:0;padding:20px;background:#fff;border:1px solid #e0e7e1;border-radius:12px}
.lk-card h2{font-size:17px;font-weight:700;line-height:1.5;margin:0 0 12px;letter-spacing:-.3px}
.lk-feed{--lk-country-width:104px;--lk-time-width:96px;list-style:none;padding:0;margin:0}
.lk-feed li{break-inside:avoid;display:grid;grid-template-columns:28px minmax(0,1fr) var(--lk-country-width) var(--lk-time-width);align-items:center;gap:10px;min-width:0;padding:8px 0;border-bottom:1px solid #edf1ed}
.lk-feed li:last-child{border-bottom:0}
.lk-fav{display:grid;place-items:center;flex:none;width:28px;height:28px;object-fit:contain;background:#fff;border:1px solid #dce5d5;border-radius:7px;color:#00633e;font-size:13px;font-weight:700}
.lk-feed-body{min-width:0}
.lk-feed .lk-domain{display:block;max-width:100%;min-width:0;color:#203b2d;font-size:13px;font-weight:700;line-height:1.6;overflow-wrap:anywhere;text-decoration:none}
.lk-feed-meta{display:contents}
.lk-where{min-width:0;color:#647269;font-size:11px;line-height:20.8px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk-when{min-width:0;color:#647269;font-size:11px;line-height:20.8px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lk-empty{color:#647269;font-size:13px;line-height:1.7;padding:8px 0}
.lk-rank{list-style:none;margin:0;padding:0;font-size:13px}
.lk-rank li{display:flex;align-items:baseline;gap:9px;padding:7px 0;border-top:1px solid #edf1ed;min-width:0}
.lk-rank li:first-child{border-top:0;padding-top:0}
.lk-rank li:last-child{padding-bottom:0}
.lk-rank .lk-n{flex:none;width:18px;color:#647269;font-size:12px;line-height:23px;font-variant-numeric:tabular-nums}
.lk-rank .lk-domain{color:#203b2d;font-weight:650;overflow-wrap:anywhere;min-width:0;text-decoration:none}
.lk-rank .lk-mv{margin-left:auto;flex:none;min-width:30px;text-align:right;color:#647269;font-size:11px;font-variant-numeric:tabular-nums}
.lk-rank .lk-mv:empty{display:none}
.lk-rank .lk-mv.lk-up{color:#00633e}
.lk-rank .lk-mv.lk-new{color:#a81e60;font-size:11px;font-weight:700}
.lk-geo{margin-top:24px}
.lk-geo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 24px;align-items:start}
.lk-cc{min-width:0;padding-top:12px;border-top:1px solid #e1e9e3;line-height:1.7}
.lk-cc b{display:block;color:#203b2d;font-size:13px;font-weight:700;margin-bottom:6px;overflow-wrap:anywhere}
.lk-cc-sites{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.6}
.lk-cc-sites li{min-width:0;padding:3px 0}
.lk-cc-site{color:#526453;font-size:12px;text-decoration:none;overflow-wrap:anywhere}
.lk-wrap :is(a.lk-domain,a.lk-cc-site):hover{color:#00633e;text-decoration:underline;text-underline-offset:3px}
/* Each item contains a single native link. Extend its hit area to the row
   without adding nested links, click handlers or extra keyboard stops. */
.lk-feed li,.lk-rank li,.lk-cc-sites li{position:relative;border-radius:6px}
.lk-wrap :is(a.lk-domain,a.lk-cc-site)::after{content:"";position:absolute;inset:0;border-radius:6px}
.lk-wrap :is(a.lk-domain,a.lk-cc-site):is(:hover,:focus-visible)::after{background:#00633e08}
.lk-wrap :is(a.lk-domain,a.lk-cc-site):focus-visible{outline:none}
.lk-wrap :is(a.lk-domain,a.lk-cc-site):focus-visible::after{outline:2px solid #00633e;outline-offset:2px}
.lk-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:28px;padding:28px;background:#eaf2e9;border-radius:12px}
.lk-cta-say b{display:block;color:#203b2d;font-size:20px;font-weight:700;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.lk-cta-say span{display:block;color:#647269;font-size:14px;line-height:1.7;margin-top:5px}
.lk-cta-browsers{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.lk-cta-browsers img{display:block;width:19px;height:20px;object-fit:contain}
.lk-cta-browsers em{font-style:normal;color:#647269;font-size:12px;margin-left:4px}
.lk-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:14px 20px;border:1px solid #00633e;border-radius:8px;background:#00633e;color:#fff;text-decoration:none;font-size:14px;font-weight:650;line-height:1.5;text-align:center}
.lk-cta-btn:hover{background:#084d33;color:#fff}
.lk-cta-btn img{width:20px;height:21px;object-fit:contain;flex:none}
.lk-wrap :is(a,button,input):focus-visible{outline:2px solid #00633e;outline-offset:4px}
/* Existing controls are only rendered by the admin effects preview. */
.lk-fx{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:18px;padding:14px;background:#fff;border:1px dashed #8eaf9b;border-radius:8px;font-size:12px;color:#526453}
.lk-fx b{font-weight:700;color:#203b2d}
.lk-fx label{display:inline-flex;align-items:center;gap:5px;margin:0;cursor:pointer}
.lk-fx input{accent-color:#00633e;margin:0}
.lk-fx-sep{height:15px;width:1px;background:#d7e1d8}
.lk-fx-note{margin-left:auto;color:#647269}
@keyframes lk-pulse{0%{box-shadow:0 0 0 0 #d6336c40}100%{box-shadow:0 0 0 7px #d6336c00}}
@keyframes lk-fade-in{from{opacity:0}}
@keyframes lk-fade-out{to{opacity:0}}
@media(max-width:860px){.lk-wrap{padding:40px 20px 56px}.lk-head h1{font-size:32px}.lk-head p{font-size:15px}.lk-cols{grid-template-columns:minmax(0,1fr)}.lk-geo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}}
@media(max-width:575px){.lk-wrap{padding:32px 16px 48px}.lk-head{margin-bottom:24px}.lk-head h1{font-size:28px;line-height:1.45}.lk-head p{font-size:14px}.lk-bar{gap:8px;padding:8px}.lk-bar-row{gap:7px;font-size:12px}.lk-bar-w,.lk-bar-t{font-size:11px}.lk-map-box{margin-top:16px}.lk-legend{gap:12px;font-size:11px}.lk-legend i{width:7px;height:7px}.lk-cols{gap:20px;margin-top:20px}.lk-card{padding:18px 14px}.lk-card h2{font-size:16px;margin-bottom:12px}.lk-feed li{align-items:start;gap:8px}.lk-feed .lk-when{padding-top:2px;font-size:10.5px}.lk-geo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.lk-cc-site{font-size:12px}.lk-cc b{font-size:13px}.lk-cta{grid-template-columns:minmax(0,1fr);padding:22px 18px}.lk-cta-say b{font-size:18px}.lk-cta-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.lk-eyebrow i,.lk-bar-live i{animation:none}.lk-bar-row.lk-in,.lk-bar-row.lk-out{animation-duration:.01ms}}
@media(max-width:575px){
 .lk-feed li{grid-template-columns:28px minmax(0,1fr) var(--lk-time-width);gap:3px 8px}
 .lk-feed .lk-fav{grid-column:1;grid-row:1/3}
 .lk-feed-body{grid-column:2/4;grid-row:1}
 .lk-feed .lk-where{grid-column:2;grid-row:2}
 .lk-feed .lk-when{grid-column:3;grid-row:2;padding-top:0}
}