:root{--navy:#0a1a3a;--blue:#2267ed;--electric:#2e83ff;--muted:#7b89a2;--line:#e8edf5;--bg:#f5f8fd;--card:#fff;--ink:#16233d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.58 'Pretendard','Noto Sans KR',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:white;padding:10px}.skip:focus{left:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.container{max-width:1220px;margin:auto;padding:0 25px}.topbar{background:#fff;border-bottom:1px solid #e9eef7;position:relative;z-index:5}.topbar-inner{height:82px;max-width:1260px;margin:auto;padding:0 25px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{font-size:46px;line-height:1;font-weight:950;letter-spacing:-6px;color:var(--blue);padding-right:7px}.brand-type{display:flex;flex-direction:column;line-height:1.06}.brand-type strong{font-size:23px;letter-spacing:-1.6px}.brand-type small{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#7f8ca3;margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:35px;margin-left:60px;font-size:14px;font-weight:800}.desktop-nav a:hover,.footer a:hover,.more:hover{color:var(--blue)}.top-search{border:1px solid #e1e8f2;background:#f7f9fd;border-radius:50px;color:#8390a6;min-width:220px;padding:11px 20px;margin-left:auto;display:flex;gap:12px}.menu-toggle{border:0;background:transparent;display:none;font-size:25px}.mobile-nav{background:#fff;padding:14px 25px;border-top:1px solid var(--line)}.mobile-nav:not([hidden]){display:flex;gap:22px;flex-wrap:wrap;font-weight:700}.hero{min-height:365px;position:relative;overflow:hidden;background:radial-gradient(circle at 92% 65%,#117de6 0,transparent 28%),radial-gradient(circle at 0% 0%,#0759ad 0,transparent 24%),linear-gradient(115deg,#071631 10%,#0b2455 54%,#0e3f85 100%);color:white;text-align:center;display:flex;align-items:center;justify-content:center}.hero:before{content:'';position:absolute;width:580px;height:580px;border:1px solid #ffffff10;border-radius:50%;right:-120px;top:-240px;box-shadow:0 0 0 75px #ffffff07,0 0 0 160px #ffffff04}.hero-inner{position:relative;z-index:1;width:min(810px,calc(100% - 32px));padding:43px 0 50px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#8fc1ff;font-weight:900;font-size:11px}.hero h1{font-size:clamp(28px,3.8vw,46px);line-height:1.32;letter-spacing:-2.4px;margin:13px 0}.hero h1 span{color:#52adff}.hero p{color:#c9d9f1;margin:0 0 26px}.hero-decoration{position:absolute;right:6%;top:2%;font-size:290px;font-weight:900;line-height:1;opacity:.04}.search-form{height:61px;display:flex;align-items:center;border-radius:60px;background:white;padding:7px 7px 7px 22px;box-shadow:0 12px 25px #020b2060;color:var(--ink);text-align:left}.search-symbol{font-size:31px;color:#9da9bc;line-height:1;margin-right:14px}.search-form input{flex:1;min-width:0;border:0;outline:0;color:#243351;font-size:14px}.search-form button,.primary-btn{border:0;border-radius:48px;background:linear-gradient(110deg,#307ef8,#1662e9);color:white;padding:12px 28px;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px #1c65e535}.chips{display:flex;align-items:center;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:19px;font-size:12px}.chips b{font-size:12px;margin-right:6px}.chips a{border:1px solid #ffffff38;border-radius:30px;background:#ffffff16;padding:5px 14px;color:#e9f3ff}.chips a:hover{background:#ffffff30}.sample-warning{margin:20px 0 0;background:#eef5ff;border:1px solid #d6e5ff;border-radius:11px;padding:10px 16px;color:#4671a9;font-size:12px}.quick-categories{margin:18px 0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;background:white;border:1px solid var(--line);border-radius:16px;padding:23px 16px;box-shadow:0 7px 25px #1b32520a}.quick-category{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;font-weight:800;text-align:center}.category-icon{height:44px;width:44px;background:#edf4ff;color:#176bed;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;font-size:22px;font-weight:900}.quick-category:nth-child(2) .category-icon,.category-panel:nth-child(2) .category-icon{color:#fa733f;background:#fff0e9}.quick-category:nth-child(3) .category-icon,.category-panel:nth-child(3) .category-icon{color:#0dba80;background:#e7fcf3}.quick-category:nth-child(4) .category-icon,.category-panel:nth-child(4) .category-icon{color:#a65bf2;background:#f3eaff}.quick-category:nth-child(5) .category-icon,.category-panel:nth-child(5) .category-icon{color:#ec4e7e;background:#fff0f3}.quick-category:nth-child(6) .category-icon,.category-panel:nth-child(6) .category-icon{color:#d39203;background:#fff7d7}.columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:17px}.panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 22px #15294b08;overflow:hidden}.panel-heading{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.panel-heading h2{display:inline;font-size:19px;letter-spacing:-.6px;margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:4px 0 0}.heading-accent{color:#ffab15;font-size:22px;margin-right:9px}.heading-accent.refresh{color:#19b975}.more{font-size:12px;font-weight:800;color:#1768f1;white-space:nowrap}.site-row{min-height:87px;display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid #eff2f8}.site-row:last-child{border-bottom:0}.rank{min-width:27px;color:#3079eb;font-size:19px;font-weight:900}.site-row:nth-child(2) .rank{color:#8491a6}.site-row:nth-child(3) .rank{color:#e58b39}.site-logo{display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;background:#101b35;color:white;border-radius:11px;font-size:22px;font-weight:900}.site-row:nth-child(3n) .site-logo{background:#f03d66}.site-row:nth-child(3n + 2) .site-logo{background:#553fe1}.site-info{flex:1;min-width:0}.site-info h3{font-size:14px;margin:0 0 2px}.site-info h3 a:hover{color:var(--blue)}.site-info p{margin:0;color:#8b98aa;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.go-button{border-radius:28px;padding:8px 14px;color:#1260db;background:#ecf4ff;font-size:12px;font-weight:800;white-space:nowrap}.go-button:hover,.category-footer:hover{background:#dceaff}.tiny-category{font-size:11px;color:var(--blue)}.empty{padding:60px 24px;text-align:center;color:#8795a9}.empty strong{display:block;color:#435675}.empty p{font-size:12px}.empty-icon{font-size:40px;color:#5c94ed}.update-help{padding:14px 19px;color:#8190a4;background:#f9fbfe;font-size:12px;border-top:1px solid var(--line)}.change-list{padding:5px 20px}.change-row{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.change-row:last-child{border:0}.change-dot{width:9px;height:9px;flex-shrink:0;background:#29be81;border-radius:50%;margin-top:8px}.change-row div{flex:1}.change-row strong{font-size:13px}.change-row p{margin:2px 0;font-size:12px;color:var(--muted)}.change-row time{font-size:11px;color:var(--muted)}.category-block{padding:43px 0 75px}.section-heading{margin:0 0 20px}.eyebrow.light{color:#397cec}.section-heading h2{font-size:26px;margin:3px 0;letter-spacing:-1.1px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.category-panel{padding:21px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 17px #1d335008}.category-panel-top{display:flex;gap:13px;align-items:center}.category-panel-top h3{font-size:16px;margin:0}.category-panel-top small{display:block;font-size:11px;color:#91a0b4}.category-panel ol{padding:12px 0;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none;counter-reset:rank}.category-panel li{display:flex;gap:10px;align-items:center;padding:6px 0;font-size:13px;font-weight:700;counter-increment:rank}.category-panel li:before{content:counter(rank);font-weight:900;color:#347bf5;font-size:12px}.category-panel li a{flex:1}.category-panel li span{color:#bbc7da}.category-footer{display:flex;justify-content:space-between;color:#2170f0;font-weight:800;font-size:12px;padding:5px 8px;border-radius:6px}.page-container{padding-top:40px}.page-intro{margin:10px 0 27px}.page-intro h1{font-size:35px;letter-spacing:-1.8px;margin:4px 0 7px}.page-intro p{color:#8491a3;margin:0}.page-container+.panel,.page-container~.panel{max-width:1170px;margin:0 auto 35px}.wide{max-width:1170px;margin:25px auto 50px}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.filter{border-radius:25px;background:#f2f6fc;color:#667994;padding:9px 16px;font-weight:700;font-size:13px}.filter.active{background:#2267ed;color:white}.breadcrumb{max-width:1170px;margin:26px auto 0;color:#8695a9;font-size:12px}.breadcrumb a:hover{color:var(--blue)}.related{max-width:1170px;margin:0 auto 45px}.related h2{font-size:19px}.related .filters{padding:0}.detail{max-width:1170px;margin:30px auto 65px;padding:34px}.detail-head{display:flex;gap:22px;align-items:center}.site-logo.large{height:78px;width:78px;border-radius:20px;font-size:38px}.detail h1{font-size:28px;margin:3px 0}.detail p{color:#8391a5;margin:0}.facts{margin:30px 0;background:#f8fafd;border-radius:13px;padding:10px 22px}.facts div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #e8edf5}.facts div:last-child{border:0}.facts dt{color:#7e8a9b}.facts dd{margin:0;overflow-wrap:anywhere}.facts dd a{color:var(--blue)}.detail-actions{display:flex;gap:11px;flex-wrap:wrap}.primary-btn,.secondary-btn{display:inline-flex;padding:12px 24px;align-items:center}.secondary-btn{border-radius:44px;background:#eaf0f8;color:#45638b;font-weight:800}.disclaimer{font-size:12px!important;margin-top:22px!important}.search-page{max-width:1170px;margin:10px auto 23px}.search-page .search-form{box-shadow:none;border:1px solid #dde7f5}.footer{background:#0c1c39;color:#bdcbe3}.footer-inner{max-width:1220px;padding:35px 25px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-brand{color:white;font-weight:900;font-size:23px}.footer-brand b{font-size:17px}.footer p,.footer small{font-size:12px}.footer-links{display:flex;gap:25px;align-items:flex-start;font-size:12px}
@media(max-width:1000px){.desktop-nav{margin-left:0;gap:20px}.topbar-inner{gap:20px}.top-search{min-width:160px}.columns{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.wide,.breadcrumb,.related,.search-page{margin-left:25px;margin-right:25px}}@media(max-width:680px){.topbar-inner{height:68px;padding:0 16px}.brand-mark{font-size:38px}.brand-type strong{font-size:20px}.desktop-nav,.top-search{display:none}.menu-toggle{display:block;margin-left:auto}.hero{min-height:355px}.hero-inner{padding:40px 0}.hero h1{font-size:31px;letter-spacing:-1px}.hero p{font-size:13px}.search-form{height:56px}.search-form button{padding:11px 15px;font-size:12px}.chips b{width:100%}.container{padding:0 14px}.quick-categories{grid-template-columns:repeat(4,minmax(0,1fr));padding:19px 6px;gap:20px 5px}.quick-category{font-size:11px}.category-icon{width:39px;height:39px;font-size:18px}.columns{gap:15px}.panel-heading{padding:17px}.panel-heading h2{font-size:16px}.site-row{padding:12px 11px;gap:9px}.site-logo{height:38px;width:38px;border-radius:8px}.site-row .rank{font-size:15px;min-width:22px}.site-info h3{font-size:13px}.site-info p{max-width:160px}.go-button{padding:6px 8px;font-size:11px}.go-button span{display:none}.category-grid{grid-template-columns:1fr}.category-block{padding-top:33px}.page-intro h1{font-size:28px}.wide,.breadcrumb,.related,.search-page{margin-left:14px;margin-right:14px}.detail{padding:20px}.detail-head{align-items:flex-start}.site-logo.large{width:55px;height:55px;font-size:25px}.detail h1{font-size:22px}.facts{padding:8px 15px}.facts div{grid-template-columns:1fr;gap:2px}.footer-inner{display:block;padding:29px 19px}.footer-links{margin-top:25px}}

/* Purple accent and mobile latest-sites shortcut */
:root{--blue:#5b40d4;--electric:#795bea;--line:#eae6f5;--bg:#f8f7fc}
.search-form button,.primary-btn{background:#5b40d4;color:#fff;border:0;border-radius:40px;font-weight:800}
.search-form button:hover,.primary-btn:hover{background:#4930b5}
.filter.active{background:#5b40d4;color:#fff}.go-button,.secondary-btn{background:#eee9fc;color:#5036bd}.go-button:hover,.secondary-btn:hover{background:#e2d8fc}
.hero{background:radial-gradient(circle at 92% 65%,#704edf 0,transparent 32%),linear-gradient(115deg,#1b123c,#352063 60%,#51359d)}
.hero h1 span{color:#ccbaff}.eyebrow{color:#cbbaff}.eyebrow.light,.heading-accent,.more{color:#5b40d4}.category-icon{background:#eee9fc;color:#5b40d4}
.latest-hero{margin-top:20px}.desktop-nav{gap:19px;margin-left:10px;white-space:nowrap}.topbar-inner{gap:20px}.top-search{min-width:160px}
.mobile-latest{display:none}.registered-date{margin:0;padding:0 24px 14px;color:#667085;font-size:12px}
a:focus-visible,button:focus-visible{outline:3px solid #a58af3;outline-offset:4px}
@media(max-width:680px){body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.mobile-latest{display:flex;position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:50;align-items:center;justify-content:center;gap:18px;min-height:54px;border-radius:16px;background:#5b40d4;color:#fff;font-weight:800;box-shadow:0 5px 24px #5b40d450;animation:latest-glow 2.4s ease-in-out infinite;overflow:hidden}.mobile-latest::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff28 48%,transparent 70%);transform:translateX(-110%);animation:latest-shine 4s ease-in-out infinite}}
@keyframes latest-glow{50%{box-shadow:0 5px 28px #5b40d480}}@keyframes latest-shine{55%,100%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-latest,.mobile-latest::after{animation:none}}

.update-bar{background:#f0ebfc;border-bottom:1px solid #e2daf6;color:#5036a7;font-size:12px}.update-bar-inner{max-width:1220px;margin:auto;padding:9px 25px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.update-bar time{font-weight:700}.update-bar a{text-decoration:underline;text-underline-offset:3px}@media(max-width:680px){.update-bar-inner{padding:8px 16px;font-size:11px;gap:2px}.update-bar-inner>span{width:100%}}

.guide-links{margin-top:28px;margin-bottom:28px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 25px 25px}.guide-grid h3{font-size:17px;margin:0 0 10px}.guide-grid p{color:#637087;font-size:14px}.guide-grid a,.guide-article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.guide-article h2{margin:30px 0 12px;font-size:22px}.guide-article p{margin:0 0 18px;line-height:1.9;color:#46516a}.guide-date{font-size:12px}.site-row .go-button{max-width:180px}.desktop-nav{gap:14px;font-size:13px}.footer-links{flex-wrap:wrap}@media(max-width:680px){.guide-grid{grid-template-columns:1fr;padding:0 18px 20px;gap:14px}.guide-article h2{font-size:20px}.site-row .go-button{max-width:100px;white-space:normal}.guide-links .panel-heading{gap:10px}}

.rank-score{display:block;color:#665288;font-size:11px;margin-top:4px}.rank-score a{text-decoration:underline}.comparison-details h3{margin:22px 0 8px}.comparison-details p{color:#46516a;margin-bottom:14px;line-height:1.85}.comparison-details a{color:var(--blue);text-decoration:underline}.comparison-details li{margin:5px 0}

.hero-logo{display:block;width:240px;height:auto;max-width:75%;margin:0 auto 18px}.hero .eyebrow{display:block}@media(max-width:680px){.hero-logo{width:200px;margin-bottom:16px}}

/* Six-item navigation and illustrated hero */
.topbar-inner{justify-content:space-between;gap:30px}.desktop-nav{margin:0;gap:30px;font-size:16px}.desktop-nav a{padding:28px 0;border-bottom:3px solid transparent}.desktop-nav a[aria-current]{color:var(--blue);border-color:var(--blue)}
.hero{text-align:left;background:radial-gradient(ellipse at 90% 80%,#49308066,transparent 55%),#100e26}.hero-layout{max-width:1260px;margin:auto;padding:58px 25px;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;width:100%;position:relative;z-index:1}.hero-copy h1{font-size:clamp(28px,3vw,41px);letter-spacing:-1.6px;margin:20px 0}.hero-copy p{font-size:16px;line-height:1.85;max-width:560px}.hero-banner{width:100%;height:auto;border-radius:22px;box-shadow:0 20px 60px #0003}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions .latest-hero{margin:0}.hero-actions .secondary-btn{background:#efe9ff;color:#352066}.trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;font-size:12px}.trust-badges>*{padding:7px 12px;border-radius:30px;background:#ffffff12;color:#e8e1ff}.trust-badges a:hover{background:#ffffff24}.links-grid{margin-top:20px;margin-bottom:28px}.link-category{padding:25px}.link-category h2{font-size:20px}.link-category p{color:#657187}.link-category li{margin:9px 0}.link-category a:hover{color:var(--blue);text-decoration:underline}.section-navigation{margin-bottom:35px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:last-child{border:0}.faq-list summary{cursor:pointer;font-weight:800;font-size:17px}.faq-list details p{margin:14px 0 0;color:#46516a;line-height:1.85}.faq-list a{color:var(--blue);text-decoration:underline}
@media(max-width:1000px){.desktop-nav{gap:18px;font-size:14px}.hero-layout{gap:26px;padding:40px 25px}.hero-copy h1{font-size:29px}}
@media(max-width:680px){.hero-layout{grid-template-columns:1fr;padding:32px 18px;gap:28px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:14px}.hero-banner{max-width:520px;margin:auto;border-radius:16px}.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.hero-actions a{justify-content:center;min-height:48px}.trust-badges{font-size:11px;gap:6px;margin-top:18px}.trust-badges>*{padding:7px 9px}.desktop-nav{display:none}.mobile-nav:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px;background:#faf8ff;border-bottom:1px solid #e6ddf7}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:50px;background:#fff;border:1px solid #e9e2f6;border-radius:12px;font-size:15px}.mobile-nav a[aria-current]{background:#5b40d4;color:#fff;border-color:#5b40d4}.menu-toggle{width:44px;height:44px;border-radius:10px;background:#f0ebfc;color:#5b40d4;font-size:26px}.link-category{padding:20px}.faq-list summary{font-size:15px}}

@media(max-width:680px){.hero-banner{width:220px;max-width:65%;margin:0 auto;border-radius:12px}.hero-layout{gap:20px;padding:26px 18px}.hero-copy h1{font-size:27px;margin:14px 0}.hero-copy p{margin-bottom:16px}.hero-actions{margin-top:16px}}

@media(max-width:680px){.hero-layout{display:block;position:relative}.hero-copy h1{padding-right:80px;font-size:clamp(21px,4.8vw,27px);letter-spacing:-1px;min-height:64px}.hero-banner{position:absolute;right:18px;top:70px;width:72px;max-width:72px;border-radius:8px;margin:0;box-shadow:0 4px 14px #0002}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-copy p{margin-top:18px}}

/* Reading contrast and compact-screen content flow */
.site-info p,.detail p{color:#59677d}.detail{width:calc(100% - 50px)}
@media(max-width:680px){.detail{width:calc(100% - 28px)}.site-info{min-width:0}.site-info p{max-width:none;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-row .go-button{flex-shrink:0;max-width:82px}.rank-score{line-height:1.6}.panel-heading{flex-wrap:wrap}}

.comparison-table-panel{margin-top:24px}.table-scroll{overflow-x:auto;padding:0 20px 20px}.table-scroll table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}.table-scroll caption{text-align:left;padding:0 0 14px;color:#59677d}.table-scroll th,.table-scroll td{padding:14px;border:1px solid #e6e0f1;text-align:left;vertical-align:top}.table-scroll thead{background:#f0ebfc}.table-scroll th[scope=row]{min-width:110px}.table-scroll a{color:var(--blue);text-decoration:underline}.table-scroll td{max-width:300px}.table-scroll:focus-visible{outline:3px solid #a58af3;outline-offset:3px}

/* Keep compact mobile actions on one line. */
@media(max-width:680px){.site-row{gap:8px;padding:16px 12px;align-items:flex-start}.site-row .rank{min-width:20px;padding-top:7px}.site-row .site-logo{width:34px;height:34px;flex:0 0 34px;font-size:17px}.site-row .site-info{flex:1;min-width:0}.site-row .site-info h3{font-size:14px;line-height:1.45;margin-bottom:5px;overflow-wrap:anywhere}.site-row .go-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;min-width:64px;max-width:64px;min-height:40px;margin-top:0;padding:8px 4px;white-space:nowrap;font-size:11px;border-radius:10px;line-height:1.2}.site-row .site-info p{font-size:12px;line-height:1.65}.rank-score{font-size:10px}.registered-date{padding-left:82px}}

.latest-entry{padding:24px;border-bottom:1px solid var(--line)}.latest-entry:last-child{border:0}.latest-entry-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.latest-date{font-size:12px;color:#68758b}.latest-entry h2{margin:12px 0 8px;font-size:21px}.latest-entry p{color:#52617a;line-height:1.8}.latest-entry .latest-purpose{font-weight:600;color:#38266c}.score-group{margin:16px auto;color:#675682}.support-form label{display:block;font-size:14px;font-weight:700;margin:20px 0}.support-form input:not([type=checkbox]),.support-form textarea{display:block;width:100%;border:1px solid #d9d0eb;border-radius:10px;padding:12px;margin-top:8px;font:inherit;background:#fff}.support-form .support-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px}.support-form p{font-size:13px;margin-top:18px}.support-notice{padding:14px;background:#edf8ee;border-radius:10px;color:#286838!important}@media(max-width:680px){.latest-entry{padding:18px}.latest-entry h2{font-size:19px}.latest-entry .more{display:block;line-height:1.8}}

/* Keep the internal directory navigation within narrow mobile screens. */
.section-navigation .primary-btn{max-width:100%;white-space:normal;text-align:center;justify-content:center;overflow-wrap:anywhere}

.purpose-navigation{padding:4px 22px}.purpose-navigation>a{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:20px 0;border-bottom:1px solid var(--line)}.purpose-navigation>a:last-child{border-bottom:0}.purpose-navigation strong{font-size:15px;color:#39266e}.purpose-navigation span:first-of-type{grid-column:1;font-size:13px;color:#59677d;line-height:1.7}.purpose-navigation span:last-child{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue)}.purpose-navigation a:hover strong{text-decoration:underline}.home-changes{margin-top:24px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.choice-grid article{min-width:0;padding:22px;border:1px solid #e8e0f6;border-radius:14px;background:#faf8ff}.category-choices h2,.source-evidence h2{margin:0 0 14px}.choice-grid h3{margin:0 0 12px;font-size:18px}.category-choices p,.source-evidence p{color:#46516a;line-height:1.85}.choice-grid ul{padding-left:20px;margin:16px 0 0}.choice-grid li{margin:8px 0}.choice-grid a,.source-evidence a{color:var(--blue);text-decoration:underline;overflow-wrap:anywhere}.source-evidence article{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.source-evidence h3{font-size:17px;margin:0 0 10px}.source-evidence .evidence-date{font-size:12px;color:#68758b;margin-top:10px}.guide-article p{margin:12px 0 22px;line-height:1.9;color:#46516a}.guide-article li{margin:9px 0;line-height:1.8}.guide-article h2{margin-top:32px}.guide-article a{overflow-wrap:anywhere}
@media(max-width:680px){.choice-grid{grid-template-columns:1fr;gap:14px}.choice-grid article{padding:17px}.choice-grid h3{font-size:16px}.purpose-navigation{padding:2px 17px}.purpose-navigation>a{padding:17px 0}.category-choices p,.source-evidence p,.guide-article p,.guide-article li{font-size:14px}.home-changes .panel-heading{flex-wrap:wrap}}
.guide-byline{font-size:13px;color:#59647a}.editorial-note{margin-top:32px;padding:20px;border:1px solid #e8e0f6;border-radius:14px;background:#faf8ff}.guide-article .editorial-note h2{font-size:18px;margin:0 0 12px}.guide-table-wrap{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:12px}.guide-table-wrap:focus-visible{outline:3px solid #9d87f4;outline-offset:3px}.guide-comparison{width:100%;min-width:450px;border-collapse:collapse;font-size:14px}.guide-comparison th,.guide-comparison td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line);line-height:1.7}.guide-comparison thead{background:#f4efff;color:#4c349e}.guide-comparison tbody th{min-width:110px}.guide-comparison tr:last-child>*{border-bottom:0}@media(max-width:680px){.editorial-note{padding:16px}.guide-comparison th,.guide-comparison td{padding:12px}.guide-byline{line-height:1.8}}

/* Image-backed latest address button and its real-time address dialog. */
.latest-image-button{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;width:290px;max-width:100%;min-height:58px;padding:0;border:0;border-radius:18px;overflow:hidden;isolation:isolate;background:#5b40d4;color:#fff;box-shadow:0 8px 24px #3c219b55;font:inherit;font-weight:850;cursor:pointer}
.latest-image-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}
.latest-button-label{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:16px;line-height:1.2}
.latest-button-arrow{grid-column:3;font-size:22px;line-height:1}
.latest-image-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.latest-image-button:focus-visible,.latest-dialog-close:focus-visible,.latest-chat-visit:focus-visible,.latest-chat-telegram:focus-visible,.latest-chat-retry:focus-visible{outline:3px solid #ffd37e;outline-offset:3px}
.mobile-latest-icon,.mobile-latest-text,.mobile-latest-arrow{position:relative;z-index:1}
.latest-address-dialog{width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:23px;box-shadow:0 24px 80px #0b092d75;color:#21163f;background:#fff;overflow:auto}
.latest-address-dialog::backdrop{background:#100e26a8;backdrop-filter:blur(3px)}
.latest-dialog-head{display:flex;align-items:center;gap:12px;padding:20px 22px;background:linear-gradient(115deg,#4a2db7,#6d4dea);color:white}
.latest-dialog-mark,.latest-chat-avatar{display:grid;place-items:center;flex:0 0 auto;font-weight:950}
.latest-dialog-mark{width:38px;height:38px;border-radius:12px;background:#ffffff27;font-size:24px}
.latest-dialog-head strong,.latest-dialog-head small{display:block}.latest-dialog-head strong{font-size:18px}.latest-dialog-head small{font-size:11px;color:#eee8ff;letter-spacing:.06em}
.latest-dialog-close{margin-left:auto;border:0;background:#ffffff1e;color:#fff;border-radius:10px;width:36px;height:36px;font-size:25px;line-height:1}
.latest-chat-row{display:flex;gap:10px;align-items:flex-start;padding:24px 22px 12px;background:#faf8ff}
.latest-chat-avatar{width:32px;height:32px;border-radius:11px;color:#fff;background:#5b40d4;font-size:19px}
.latest-chat-bubble{max-width:calc(100% - 42px);padding:15px 17px;border:1px solid #e7e0f8;border-radius:4px 17px 17px;background:#fff;box-shadow:0 4px 14px #4d319914}
.latest-chat-bubble p{margin:0;line-height:1.7;overflow-wrap:anywhere}.latest-chat-bubble #latest-chat-status{margin-top:9px;font-size:12px;color:#786a92}
.latest-address-dialog[data-loading="true"] #latest-chat-status{animation:latest-thinking 1.1s ease-in-out infinite alternate}@keyframes latest-thinking{to{opacity:.45}}
.latest-chat-result{margin:14px 22px 10px;padding:17px;border:1px solid #ded4f8;border-radius:16px;background:#faf8ff}
.latest-chat-result[hidden],.latest-chat-telegram[hidden],.latest-chat-retry[hidden]{display:none}
.latest-chat-result>span{display:block;font-size:12px;font-weight:800;color:#6248b4}.latest-chat-result code{display:block;margin:7px 0 15px;overflow-wrap:anywhere;white-space:normal;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#2a2440}
.latest-chat-visit,.latest-chat-telegram,.latest-chat-retry{display:flex;align-items:center;justify-content:center;min-height:45px;border-radius:11px;font:inherit;font-weight:800;text-align:center}
.latest-chat-visit{background:#5b40d4;color:#fff}.latest-chat-visit:hover{background:#4a2db7}
.latest-chat-telegram{margin:10px 22px;padding:10px 14px;background:#eaf7ff;color:#12628f;border:1px solid #bee6f9}.latest-chat-telegram:hover{background:#d9f1ff}
.latest-chat-retry{margin:12px 22px;padding:8px 20px;width:calc(100% - 44px);border:1px solid #5b40d4;background:#fff;color:#4a2db7}
.latest-chat-footnote{margin:14px 22px 4px;font-size:12px;line-height:1.7;color:#756d84}.latest-chat-list{display:block;margin:8px 22px 22px;font-size:13px;color:#5b40d4;text-decoration:underline}
@media(max-width:680px){.hero-actions .latest-image-button{width:100%;min-height:54px}.mobile-latest{display:flex;min-height:58px;padding:0 16px;border:1px solid #866cf5;background:linear-gradient(110deg,#4b2eb9,#6b48e9);font-size:16px;line-height:1.2;letter-spacing:-.2px}.mobile-latest-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#ffffff2e;font-size:20px;font-weight:950}.mobile-latest-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.mobile-latest-arrow{font-size:23px;line-height:1}.mobile-latest::after{pointer-events:none}.latest-button-label{font-size:15px}}
@media(prefers-reduced-motion:reduce){.latest-image-button:hover{transform:none}.latest-address-dialog[data-loading="true"] #latest-chat-status{animation:none}}

/* A compact directory helper; results lead to the indexed site detail pages. */
.site-helper-open{position:fixed;right:22px;bottom:22px;z-index:60;min-height:46px;padding:10px 18px;border:1px solid #ded3ff;border-radius:50px;background:#fff;color:#4a2db7;box-shadow:0 8px 28px #1d0c5d30;font-weight:850}
.site-helper-open:hover{background:#f4efff}
.site-helper-open:focus-visible,.site-helper-panel :focus-visible{outline:3px solid #f8b948;outline-offset:2px}
.site-helper-panel{position:fixed;right:22px;bottom:80px;z-index:61;display:flex;flex-direction:column;width:min(380px,calc(100vw - 28px));max-height:min(570px,calc(100dvh - 120px));border:1px solid #ded3f4;border-radius:19px;background:#fff;box-shadow:0 22px 70px #150d3b50;overflow:hidden}
.site-helper-panel[hidden]{display:none}
.site-helper-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:linear-gradient(115deg,#4429a9,#7051e8);color:#fff}
.site-helper-head strong,.site-helper-head small{display:block}.site-helper-head strong{font-size:17px}.site-helper-head small{font-size:11px;color:#ebe5ff}
.site-helper-head button{width:32px;height:32px;border:0;border-radius:9px;background:#ffffff25;color:#fff;font-size:24px;line-height:1}
.site-helper-messages{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:180px;padding:17px;background:#faf8ff;overflow-y:auto}
.site-helper-bubble{max-width:90%;margin:0;padding:11px 13px;border:1px solid #e7dff9;border-radius:4px 14px 14px;background:#fff;color:#36285b;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.site-helper-bubble.visitor{align-self:flex-end;border-color:#6147d3;border-radius:14px 4px 14px 14px;background:#6147d3;color:#fff}
.site-helper-result{display:block;max-width:95%;padding:11px 13px;border:1px solid #ddd3f5;border-radius:12px;background:#fff;color:#5137aa;font-size:13px}
.site-helper-result:hover{background:#f0ebff}.site-helper-result strong,.site-helper-result span{display:block}.site-helper-result span{margin-top:3px;color:#58627a;line-height:1.5}
.site-helper-form{padding:13px;border-top:1px solid #e8e1f6}.site-helper-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#5d5280}.site-helper-form>div{display:flex;gap:7px}.site-helper-form input{min-width:0;flex:1;padding:10px 11px;border:1px solid #d8cef2;border-radius:10px}.site-helper-form button{padding:9px 15px;border:0;border-radius:10px;background:#5b40d4;color:#fff;font-weight:800}
@media(max-width:680px){.site-helper-open{right:16px;bottom:calc(86px + env(safe-area-inset-bottom));font-size:12px;min-height:40px}.site-helper-panel{right:14px;bottom:calc(136px + env(safe-area-inset-bottom));max-height:calc(100dvh - 154px)}}

/* Readable supporting text, preserving the external visit button styles. */
:root{--muted:#58627a}
.brand-type small,.site-info p,.category-panel-top small,.page-intro p,.detail p,.breadcrumb,.facts dt,.empty,.update-help{color:#58627a}
.site-row:nth-child(2) .rank{color:#58627a}.site-row:nth-child(3) .rank{color:#94501c}
.category-panel li:before{color:#285fae}
.footer-links{flex-wrap:wrap;gap:14px 20px;max-width:590px}
.share-button{border:1px solid currentColor;border-radius:6px;padding:4px 10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.share-status{width:100%;overflow-wrap:anywhere}
.policy-page h2{margin-top:26px}.policy-page p{margin:12px 0;line-height:1.85}
.rank{color:#285fae}
.filter:not(.active){color:#526079}