:root{--ink:#17302e;--mid:#376c61;--mint:#d5e9df;--paper:#f9f8f3;--ivory:#efece3;--line:#d9ded6;--accent:#ad623a;--deep:#123e39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,'Noto Sans KR','Malgun Gothic',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}.shell{max-width:1260px;margin:auto;padding:0 25px}.mast{border-bottom:1px solid var(--line);background:#fff}.mast .shell{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:18px;padding-bottom:18px}.brand{font-weight:900;font-size:1.2rem;letter-spacing:-.04em}.brand span{color:var(--accent)}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:.92rem;font-weight:650}nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;padding-top:55px;padding-bottom:42px;border-bottom:1px solid var(--line)}.eyebrow{font-size:.78rem;color:var(--mid);letter-spacing:.12em;font-weight:850;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.17;letter-spacing:-.055em;margin:12px 0 20px}.lead{max-width:700px;font-size:1.06rem;color:#45615c}.hero-aside{border:1px solid var(--line);border-radius:7px;padding:28px;background:#fff;display:grid;align-content:center;gap:8px}.hero-aside b{font-size:1.1rem}.hero-aside p{font-size:.92rem;margin:0;color:#5e746f}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:45px 0 22px}.section-head h2{font-size:1.65rem;line-height:1.3;margin:0}.section-head small{color:#59746f}.ranklist{display:grid;gap:15px}.rank-item{display:grid;grid-template-columns:65px minmax(150px,.9fr) minmax(235px,1.3fr) minmax(220px,.95fr);gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:22px 23px;transition:border-color .15s,transform .15s}.rank-item:hover{border-color:#7ba89d;transform:translateY(-1px)}.rank{font-family:Georgia,serif;font-size:2rem;color:#9bb3a9}.identity{display:flex;align-items:center;gap:13px}.logo{width:53px;height:53px;background:#e8efe9;border:1px solid var(--line);color:var(--deep);font-size:1rem;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:5px;flex-shrink:0}.identity b{font-size:1.09rem;line-height:1.4}.identity small{display:block;font-size:.73rem;color:#6a837e}.blurb{font-size:.88rem;color:#35544e;border-left:3px solid #82b3a6;background:#f3f7f4;padding:12px 14px;min-height:83px;display:flex;align-items:center}.action-area{display:grid;gap:9px}.codebar{display:flex;align-items:center;gap:6px;background:#f6f3ed;border:1px solid #e2dfd6;padding:5px;border-radius:5px}.codebar code{font-size:.82rem;font-weight:700;overflow-wrap:anywhere;flex:1;min-width:0;padding:0 6px;color:#7d4735}.copy{color:#fff;border:0;background:var(--deep);padding:7px 11px;border-radius:4px;font-size:.77rem}.action-row{display:flex;gap:9px}.go{background:var(--accent);border:0;padding:9px 13px;border-radius:4px;color:white;flex:1;text-align:center;font-size:.81rem;font-weight:750}.detail-link{font-size:.82rem;padding:9px 6px;color:#315f54;white-space:nowrap}.prose{max-width:960px;margin:45px auto 70px;padding:0 25px}.prose h2{margin:38px 0 12px;font-size:1.6rem;letter-spacing:-.025em}.prose h3{font-size:1.15rem;margin:28px 0 8px}.prose p{margin:13px 0;color:#364c47}.prose table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.92rem}.prose td,.prose th{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.prose th{background:#e8f0eb}.checkpanel{background:#f0f3ee;border:1px solid var(--line);padding:20px;border-radius:5px}.checkpanel li{margin-bottom:8px}.foot{border-top:1px solid var(--line);padding:25px 0 35px;background:#eaf0e9;color:#47635d;font-size:.82rem}.crumb{font-size:.82rem;padding:22px 0 0;color:#54746b}.detail-hero{padding:30px 0;display:grid;grid-template-columns:1fr 320px;gap:26px}.detail-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.2;letter-spacing:-.05em}.detail-hero aside{padding:20px;background:#fff;border:1px solid var(--line);align-self:center}.detail-hero aside .blurb{margin:0 0 12px}.detail-hero aside .action-area{margin-top:12px}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:30px 0}.related a{background:white;border:1px solid var(--line);padding:12px;font-weight:650;font-size:.84rem}.related a:hover{border-color:var(--accent)}.note{font-size:.8rem;color:#63746f}.filters{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.filters button{background:white;border:1px solid var(--line);padding:9px 15px;border-radius:30px;color:var(--ink)}.filters button.active{background:var(--deep);color:white}.noresult{display:none;padding:25px;text-align:center}@media(max-width:1040px){.rank-item{grid-template-columns:45px 1fr 1.3fr}.action-area{grid-column:2/4}.detail-hero{grid-template-columns:1fr}.related{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{padding:0 16px}.mast .shell{display:block}.brand{display:block;margin-bottom:7px}nav{gap:11px;font-size:.8rem}.hero{grid-template-columns:1fr;padding-top:32px}.hero-aside{padding:17px}.rank-item{grid-template-columns:36px 1fr;gap:11px;padding:16px}.rank{font-size:1.5rem}.blurb{grid-column:1/3;min-height:auto}.action-area{grid-column:1/3}.identity b{font-size:.97rem}.section-head{display:block}.related{grid-template-columns:1fr 1fr}.prose{padding:0 16px}.detail-hero{padding-top:12px}}