:root{color-scheme:light;--navy:#0b3d5c;--navy-deep:#072a40;--sea:#1f8fb2;--sea-light:#3dabc9;--coral:#ff7a5c;--sand:#f6f4ee;--ink:#1c2733;--muted:#6b7785;--line:#e6e9ed;--card-shadow:0 1px 2px #0b3d5c0a, 0 6px 20px #0b3d5c12;--card-shadow-hover:0 4px 8px #0b3d5c0f, 0 14px 32px #0b3d5c1f;--radius:14px}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.75}a{color:var(--sea);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:760px;margin:0 auto;padding:0 20px}header.site{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%);color:#fff;z-index:20;padding:16px 0;position:sticky;top:0;box-shadow:0 2px 16px #072a4040}header.site .container{justify-content:space-between;align-items:center;gap:8px;display:flex}header.site a{color:#ffffffd1}header.site .logo{letter-spacing:-.2px;flex:none;font-size:19px;font-weight:800;color:#fff!important}header.site nav{scrollbar-width:none;flex-wrap:nowrap;gap:2px;min-width:0;display:flex;overflow-x:auto}header.site nav::-webkit-scrollbar{display:none}header.site nav a{border-radius:999px;flex:none;padding:7px 10px;font-size:14px;font-weight:600;transition:background .15s,color .15s}header.site nav a:hover{color:#fff;background:#ffffff1a;text-decoration:none}header.site nav a.active{color:#fff;background:#ffffff29}@media (width<=480px){header.site .logo{font-size:16px}header.site nav a{padding:6px 8px;font-size:13px}}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:72px;padding:28px 0;font-size:13px}footer.site .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}footer.site .footer-brand{color:var(--navy);font-weight:700}h1{letter-spacing:-.3px;margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.3}h2{letter-spacing:-.2px;margin-top:44px;margin-bottom:16px;font-size:22px;font-weight:800}h2:first-of-type{margin-top:32px}.post-meta{color:var(--muted);margin-bottom:24px;font-size:14px}.badge{background:var(--sand);color:var(--navy);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.post-list{margin:0;padding:0;list-style:none}.post-list li{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);background:#fff;margin-bottom:12px;padding:18px 20px;transition:box-shadow .15s,transform .15s}.post-list li:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.post-list h3{margin:6px 0;font-size:18px}.post-list h3 a{color:var(--ink)}.post-list p{color:var(--muted);margin:0;font-size:14.5px}.hero{background:radial-gradient(circle at 12% 20%, #1f8fb224, transparent 45%), radial-gradient(circle at 88% 0%, #ff7a5c1a, transparent 40%), var(--sand);text-align:center;border-radius:0 0 28px 28px;padding:52px 0 44px}.hero h1{font-size:34px}.hero p{color:var(--muted);margin:8px 0 0;font-size:16px}.ad-slot{border:1px dashed var(--line);min-height:90px;color:var(--muted);background:#fafbfc;border-radius:10px;justify-content:center;align-items:center;margin:32px 0;font-size:13px;display:flex}.coupang-note{color:#7a5b00;background:linear-gradient(135deg,#fff8e6,#fff3d6);border:1px solid #f0dca0;border-radius:10px;margin:20px 0;padding:12px 14px;font-size:13px}.ai-content-note{border:1px solid var(--line);color:var(--muted);background:#f6f8f9;border-radius:10px;margin:20px 0;padding:11px 14px;font-size:12.5px}.ai-content-note a{color:var(--sea)}table.compare{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:10px;width:100%;margin:24px 0;font-size:14.5px;overflow:hidden}table.compare th,table.compare td{border-bottom:1px solid var(--line);text-align:left;padding:11px 14px}table.compare tr:last-child td{border-bottom:none}table.compare th{background:var(--sand);color:var(--navy);font-weight:700}table.compare tbody tr:hover{background:#fafcfd}.table-scroll{margin:24px 0;overflow-x:auto}.table-scroll table.compare{margin:0}.table-scroll table.compare th{white-space:nowrap}.btn-coupang{background:var(--sea);border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 6px 16px #1f8fb252;color:#fff!important;text-decoration:none!important}.btn-coupang:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1f8fb266}article :is(p,ul,ol){font-size:17px}article img{border-radius:10px;max-width:100%}.card-grid{flex-wrap:wrap;justify-content:center;gap:14px;margin:24px 0;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);background:#fff;padding:18px;transition:box-shadow .18s,transform .18s,border-color .18s;display:block}.card-grid .card{flex:220px;max-width:400px}.card-grid-2col{grid-template-columns:repeat(2,minmax(220px,320px));justify-content:center;display:grid}.card-grid-2col .card{max-width:none}@media (width<=520px){.card-grid-2col{grid-template-columns:minmax(220px,320px)}}.card-grid.grouped{flex-direction:column}.card-grid.grouped .card-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}@media (width>=640px){.card-grid.grouped .card-row{flex-wrap:nowrap}}.card:hover{box-shadow:var(--card-shadow-hover);border-color:#0000;text-decoration:none;transform:translateY(-2px)}.card .card-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.card .card-emoji{background:var(--sand);border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:7px;font-size:22px;display:flex}.card .card-emoji svg{width:100%;height:100%}.species-h1-icon{vertical-align:-7px;width:34px;height:34px;display:inline-block}.species-h1-icon svg{width:100%;height:100%}.card h3{color:var(--ink);margin:0;font-size:17px}.card p{color:var(--muted);margin:0;font-size:13.5px}.card .card-meta{color:var(--sea);margin-top:10px;font-size:12px;font-weight:700}.law-note{color:#114b66;background:linear-gradient(135deg,#eef6fb,#e6f2f8);border:1px solid #c7e2ef;border-radius:10px;margin:20px 0;padding:13px 15px;font-size:13px}.rule-box{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.rule-box>div{background:var(--sand);border:1px solid #0000;border-radius:12px;flex:1;min-width:160px;padding:14px 16px}.rule-box .rule-label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600}.rule-box .rule-value{color:var(--navy);font-size:16px;font-weight:700}.rig-variant{margin-bottom:28px}.rig-variant h3{color:var(--ink);align-items:center;gap:8px;margin:20px 0 10px;font-size:16px;display:flex}.rig-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfd;justify-content:center;margin:16px 0;padding:18px;display:flex}.rig-diagram{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:100%;margin:0 auto;padding:10px 14px}.rig-diagram svg{width:100%;max-width:420px;height:auto;margin:0 auto;display:block}.rig-diagram figcaption{color:var(--muted);margin-top:6px;font-size:12px}.catch-report-item{border:1px solid var(--line);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;margin-bottom:10px;padding:14px 16px}.catch-report-meta{color:var(--muted);margin:0 0 6px;font-size:12px}.catch-report-item p:not(.catch-report-meta):not(.catch-report-source){margin:0;font-size:15px}.catch-report-source{color:var(--muted);margin:6px 0 0;font-size:12px;font-style:italic}.index-grid{flex-direction:column;gap:12px;margin:20px 0;display:flex}.index-grid-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.index-card{border:1px solid var(--line);box-shadow:var(--card-shadow);color:inherit;background:#fff;border-radius:12px;flex:200px;max-width:400px;padding:15px 16px;transition:box-shadow .15s,transform .15s;display:block;text-decoration:none!important}@media (width>=640px){.index-grid-row-fixed{flex-wrap:nowrap}}.index-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.index-card .region-name{color:var(--navy);font-size:15px;font-weight:700}.index-card .index-score{border-radius:999px;margin-top:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.index-card .index-detail{color:var(--muted);margin-top:8px;font-size:12px}.index-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.index-col{min-width:0}.food-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.food-card{border:1px solid var(--line);max-width:260px;box-shadow:var(--card-shadow);background:#fff;border-radius:12px;flex:200px;padding:14px 16px}.food-card .food-name{color:var(--navy);font-size:15px;font-weight:700}.food-card .food-name a{color:inherit}.food-card .food-category{color:var(--sea);margin-top:4px;font-size:12px}.food-card .food-address{color:var(--muted);margin-top:6px;font-size:12px}.index-col .index-score{margin-top:0}.score-5{color:#1d4ed8;background:#dbeafe}.score-4{color:#15803d;background:#dcfce7}.score-3{color:#854d0e;background:#fef9c3}.score-2{color:#c2410c;background:#ffedd5}.score-1{color:#b91c1c;background:#fee2e2}.legend{flex-wrap:wrap;gap:10px;margin:12px 0 20px;font-size:12px;display:flex}.legend span{border-radius:999px;padding:3px 10px}.tw-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin:12px 0 0;display:grid}.tw-stat{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;padding:8px 6px}.tw-label{color:var(--muted);margin-bottom:3px;font-size:11px}.tw-value{word-break:keep-all;font-size:13px;font-weight:700;line-height:1.4}.species-index-grid{gap:8px;margin:12px 0;padding-bottom:4px;display:flex;overflow-x:auto}.species-index-badge{white-space:nowrap;box-shadow:var(--card-shadow);border:1px solid #0000000a;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 14px;transition:transform .15s,box-shadow .15s;display:flex;text-decoration:none!important}.species-index-badge:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.species-index-badge .sib-icon{flex:none;width:20px;height:14px;display:inline-flex}.species-index-badge .sib-icon svg{width:100%;height:100%}.species-index-badge .sib-name{color:inherit;font-size:13.5px;font-weight:700}.species-index-badge .sib-score{color:inherit;background:#ffffffa6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}
