:root{--bg:#f6f8fa;--surface:#fffdf7;--surface-strong:#ffffff;--ink:#171a1c;--muted:#616976;--subtle:#8a92a0;--line:#dfe4ec;--line-strong:#c5cedd;--accent:#1e4fa3;--accent-strong:#163c7e;--accent-soft:#e8eef9;--amber:#b8671b;--amber-soft:#fff2df;--navy:#172033;--navy-soft:#eef1f4;--paper:#fbf6ea;--shadow:0 22px 60px rgba(23,32,51,0.1);--shadow-soft:0 8px 28px rgba(23,32,51,0.055);--radius:8px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(180deg,rgba(251,246,234,.92),rgba(246,248,250,0) 390px),linear-gradient(90deg,rgba(23,32,51,.035) 1px,transparent 1px),var(--bg);background-size:auto,28px 28px,auto;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(30,79,163,.28);outline-offset:3px}.siteHeader{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1180px;padding:22px 24px;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);background:rgba(255,253,247,.85);border:1px solid rgba(223,228,236,.9);border-radius:999px;box-shadow:0 12px 34px rgba(23,32,51,.08);margin-top:14px;padding:10px 12px 10px 20px;position:-webkit-sticky;position:sticky;top:12px;z-index:50}.brand{align-items:center;background:linear-gradient(120deg,var(--navy) 30%,var(--accent-strong));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-flex;font-size:18px;font-weight:900;gap:10px;letter-spacing:-.01em}.brand img{border-radius:6px;transition:border-radius .2s ease,transform .2s ease}.brand:hover img{border-radius:999px;transform:rotate(90deg) scale(1.08)}.siteHeader nav a{background:transparent;border:1px solid transparent;border-radius:999px;color:var(--muted);display:inline-flex;font-size:14px;font-weight:800;padding:9px 16px;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.siteHeader nav{align-items:center;display:flex;gap:6px}.siteHeader nav a:hover{background:white;border-color:var(--line);color:var(--accent-strong);transform:translateY(-1px)}.siteHeader nav a:last-child{background:var(--accent);border-color:var(--accent);color:#fff}.siteHeader nav a:last-child:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.siteFooter{background:rgba(255,253,247,.65);color:var(--muted);font-size:14px;margin-top:80px;padding:44px 24px 28px}.footerInner{display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);margin:0 auto;max-width:1180px}.footerBrand p{line-height:1.65;margin:12px 0 0;max-width:320px}.footerNav{display:grid;grid-gap:8px;gap:8px;justify-items:start}.footerNav strong,.footerNote strong{color:var(--navy);display:block;font-size:14px;margin-bottom:6px}.footerNav a{color:var(--muted);font-weight:700}.footerNav a:hover{color:var(--accent-strong)}.footerNote p{line-height:1.65;margin:0;max-width:320px}.footerBottom{border-top:1px solid var(--line);color:var(--subtle);font-size:13px;margin:32px auto 0;max-width:1180px;padding-top:18px}.detailPage,.page{margin:0 auto;max-width:1180px;padding:0 24px}.narrow{max-width:920px}.hero{align-items:stretch;display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);padding:34px 0 44px}.heroContent{align-self:center}.eyebrow{color:var(--accent);font-size:13px;font-weight:900;margin:0 0 12px}.eyebrow,h1,h2,h3,p{letter-spacing:0}h1{font-size:58px;line-height:1.02;margin:0;max-width:760px}.heroCopy{color:var(--muted);font-size:18px;line-height:1.75;margin:22px 0 0;max-width:680px}.searchBar{align-items:center;background:rgba(255,255,255,.96);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 18px 42px rgba(23,32,51,.09);display:flex;gap:10px;margin-top:30px;max-width:680px;padding:8px}.searchBar input{background:transparent;border:0;color:var(--ink);flex:1 1;min-width:0;outline:0;padding:14px 12px}.searchBar input::placeholder{color:var(--subtle)}.searchBar button,.sourceButton{background:var(--ink);border:0;border-radius:6px;color:white;cursor:pointer;font-weight:900;min-height:46px;padding:13px 18px}.searchBar button:hover,.sourceButton:hover{background:var(--accent-strong)}.heroStats,.quickExamples{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.quickExamples a{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:999px;color:var(--accent-strong);font-size:14px;font-weight:800;padding:8px 11px}.quickExamples a:hover{background:var(--accent-soft);border-color:#b9cbe9}.heroStats span{align-items:baseline;background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:13px;font-weight:800;gap:6px;padding:8px 12px}.heroStats strong{color:var(--ink);font-size:17px}.heroAside{align-self:stretch;display:grid}.todayPanel{align-self:stretch;background:linear-gradient(145deg,rgba(48,100,190,.3),rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0)),var(--navy);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow);color:white;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;overflow:hidden;padding:28px;position:relative}.todayPanel:after{border:1px solid rgba(255,255,255,.1);border-radius:999px;content:"";height:150px;position:absolute;right:-54px;top:-54px;width:150px}.todayPanel:before{background:rgba(255,255,255,.12);content:"";height:1px;left:28px;position:absolute;right:28px;top:72px}.todayPanel span{color:#a9c3ee;font-size:14px;font-weight:900;margin-bottom:auto}.todayPanel strong{font-size:28px;line-height:1.28;margin-top:76px}.todayPanel p{color:#d5deed;line-height:1.65;margin:14px 0 0}.todayPanel em{color:#ffe5bd;font-style:normal;font-weight:900;margin-top:22px}.featuredMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.featuredMeta b{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#eaf1ff;font-size:12px;padding:6px 8px}.todayPanel:hover{transform:translateY(-2px);transition:transform .18s ease}.metricStrip{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0 42px}.metricStrip div{background:rgba(255,253,247,.82);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);display:grid;grid-gap:6px;gap:6px;padding:18px}.metricStrip span{color:var(--muted);font-size:13px;font-weight:800}.metricStrip strong{color:var(--navy);font-size:30px;line-height:1}.rankSection,.sectionBand,.splitSection{padding-top:38px}.splitSection{display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,1fr) 310px;margin-top:52px}.sectionHeader{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.sectionHeader h1,.sectionHeader h2{font-size:30px;line-height:1.2;margin:0}.sectionHeader p{color:var(--muted);line-height:1.55;margin:0;max-width:420px}.sectionHeaderSide{align-items:center;display:flex;gap:16px}.moreLink{background:white;border:1px solid var(--line);border-radius:999px;color:var(--accent-strong);font-size:14px;font-weight:800;padding:8px 16px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;white-space:nowrap}.moreLink:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.pagination{align-items:center;display:flex;gap:14px;justify-content:center;margin-top:32px}.pagination .disabled,.pagination a{background:white;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:800;padding:9px 18px;white-space:nowrap}.pagination a{color:var(--accent-strong);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.pagination a:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.pagination .disabled{color:var(--subtle);opacity:.6}.pagination strong{color:var(--navy);font-size:15px}.rankGrid{grid-gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.rankCard,.rankGrid{display:grid;gap:14px}.rankCard{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,253,247,.94)),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);grid-gap:14px;min-height:280px;padding:22px;position:relative}.rankCard:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.rankNumber{color:var(--navy);font-family:Georgia,Times New Roman,serif;font-size:40px;font-weight:900;line-height:1}.rankCard:first-child{background:linear-gradient(180deg,rgba(255,242,223,.7),rgba(255,253,247,.94)),var(--surface);border-color:#ecd0aa}.rankCard strong{font-size:21px;line-height:1.34}.rankCard p{color:var(--muted);line-height:1.65;margin:0}.skillGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.skillCard{background:linear-gradient(180deg,rgba(232,238,249,.55),rgba(255,253,247,.94)),var(--surface);border:1px solid #ccd9ee;border-radius:var(--radius);box-shadow:var(--shadow-soft);display:grid;grid-gap:10px;gap:10px;padding:20px}.skillCard:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.skillCard strong{font-size:17px;line-height:1.4}.skillCard p{color:var(--muted);display:-webkit-box;font-size:14px;line-height:1.6;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mcpCard{background:linear-gradient(180deg,rgba(238,241,244,.6),rgba(255,253,247,.94)),var(--surface);border-color:#ccd5de}.mcpCard:hover{border-color:var(--navy)}.itemList{display:grid;grid-gap:14px;gap:14px}.itemCard{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,253,247,.98)),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);display:grid;grid-gap:12px;gap:12px;padding:22px;position:relative}.itemCard:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.itemCard h3{color:var(--navy);font-size:22px;line-height:1.34;margin:0}.itemCard h3 a:hover{color:var(--accent)}.itemCard p{color:var(--muted);line-height:1.68;margin:0}.itemMeta{align-items:center;color:#95510f;display:flex;flex-wrap:wrap;font-size:12px;font-weight:900;gap:7px}.itemMeta a,.itemMeta span{align-items:center;background:var(--amber-soft);border:1px solid #efd1aa;border-radius:6px;display:inline-flex;line-height:1;min-height:28px;padding:0 10px;white-space:nowrap}.itemMeta .typeBadge{background:var(--accent-soft);border-color:#b9cbe9;color:var(--accent-strong)}.itemMeta .viewCount{background:transparent;border-color:var(--line);color:var(--muted);font-weight:700}.linkGrid,.tagCloud,.tagRow,.toolList{display:flex;flex-wrap:wrap;gap:8px}.tagRow{margin-top:2px}.toolPreview{display:flex;flex-wrap:wrap;gap:7px}.toolPreview span{background:var(--navy-soft);border:1px solid var(--line);border-radius:6px;color:var(--navy);font-size:13px;font-weight:800;padding:7px 9px}.linkGrid a,.tagCloud a,.tagRow a,.toolList span{background:#eef3fb;border:1px solid #c8d7ec;border-radius:999px;color:var(--accent-strong);font-size:14px;font-weight:800;padding:8px 10px}.linkGrid a:hover,.tagCloud a:hover,.tagRow a:hover{background:#dde8f8;border-color:#9db8e0}.cardStats{border-top:1px solid var(--line);color:#727c8a;display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:12px;padding-top:12px}.itemAction{color:var(--accent-strong);font-size:14px;font-weight:900;justify-self:start;margin-top:2px}.itemAction:hover{color:var(--accent)}.sideRail{align-self:start;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,253,247,.96)),var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:-webkit-sticky;position:sticky;top:20px}.railNote,.railSection+.railSection{margin-top:22px;padding-top:22px}.detailAside h2,.prose h2,.sideRail h2{font-size:18px;line-height:1.25;margin:0 0 12px}.sideRail h2:not(:first-child){margin-top:28px}.sideRail .linkGrid{display:grid}.sideRail .linkGrid a{align-items:flex-start;background:rgba(255,255,255,.72);border-radius:var(--radius);display:grid;grid-gap:4px;gap:4px;padding:12px}.sideRail .linkGrid a strong{color:var(--ink);font-size:14px}.sideRail .linkGrid a span{color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.railNote{background:#f4f6f9;border:1px solid var(--line);border-radius:var(--radius);margin-top:24px;padding:16px}.railNote strong{font-size:14px}.railNote p{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 0}.detailHero{padding:54px 0 36px}.detailHero h1{color:var(--navy);font-size:44px;line-height:1.12;margin-top:18px}.detailHero p{color:var(--muted);font-size:18px;line-height:1.75;max-width:760px;overflow-wrap:anywhere;word-break:keep-all}.detailGrid{display:grid;grid-gap:42px;gap:42px;grid-template-columns:minmax(0,1fr) 310px;padding-top:36px}.prose{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,253,247,.98)),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:30px}.proseBlock{padding-bottom:28px}.proseBlock:not(:first-child){padding-top:28px}.proseBlock:last-child{padding-bottom:0}.proseBlock span{color:var(--accent);display:block;font-size:13px;font-weight:900;margin-bottom:8px}.prose p{color:var(--muted);line-height:1.85;margin:0;overflow-wrap:anywhere;word-break:keep-all}.structuredText{display:grid;grid-gap:14px;gap:14px}.structuredText p{color:#4a5361;margin:0}.structuredText .leadLine{color:var(--navy);font-size:17px;font-weight:700;line-height:1.7}.structuredText .bulletItem{padding-left:18px;position:relative}.structuredText .bulletItem:before{background:var(--accent);border-radius:50%;content:"";height:6px;left:3px;position:absolute;top:.72em;width:6px}.chipRow{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--accent-soft);border:1px solid #b9cbe9;border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:600;padding:4px 12px;word-break:keep-all}.chipNote{color:var(--subtle);font-size:13px;margin-top:8px}.detailList code,.structuredText code{background:var(--navy-soft);border:1px solid var(--line);border-radius:5px;color:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;padding:2px 5px;word-break:break-word}.detailList{color:var(--muted);counter-reset:step;display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.detailList li{align-items:start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:28px minmax(0,1fr);line-height:1.75;overflow-wrap:anywhere;word-break:keep-all}.detailList li:before{align-items:center;background:var(--accent-soft);border:1px solid #b9cbe9;border-radius:999px;color:var(--accent-strong);content:counter(step);counter-increment:step;display:inline-flex;font-size:12px;font-weight:900;height:24px;justify-content:center;line-height:1;margin-top:2px;width:24px}.preLine{white-space:pre-line}.installCommand{background:var(--navy);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:#eaf1ff;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto;padding:14px 16px;white-space:nowrap}.detailAside{align-self:start;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,253,247,.98)),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px;position:-webkit-sticky;position:sticky;top:20px}.asideSection{padding-bottom:22px}.asideSection:not(:first-child){padding-top:22px}.asideSection:last-child{border-bottom:0;padding-bottom:0}.asideSection p{color:var(--muted);line-height:1.6;margin:0}.sourceButton{display:block;margin-top:14px;text-align:center}.auditList{display:grid;grid-gap:12px;gap:12px}.auditItem{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:10px;gap:10px;padding:12px}.auditItem strong{color:var(--ink);font-size:14px}.auditItem p{font-size:13px;margin-top:5px}.auditBadges{display:flex;flex-wrap:wrap;gap:6px}.auditBadges span{background:var(--navy-soft);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;font-weight:900;padding:5px 8px}.auditBadges .pass{background:var(--accent-soft);border-color:#b9cbe9;color:var(--accent-strong)}.auditBadges .warn{background:var(--amber-soft);border-color:#efd1aa;color:#95510f}.empty{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,253,247,.98)),var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);display:grid;grid-gap:6px;gap:6px;padding:24px}.empty strong{color:var(--ink)}.resultCount{color:var(--muted);font-weight:800}.searchPageForm{margin-bottom:0;margin-top:18px}.searchSuggestWrap{margin-bottom:24px;position:relative}.suggestPanel{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,253,247,.98)),var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-top:10px;overflow:hidden}.searchSuggestWrapFloating{margin-bottom:0}.suggestPanelFloating{left:0;position:absolute;right:0;top:100%;z-index:30}.suggestHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 14px}.suggestHeader strong{color:var(--navy);font-size:14px}.suggestHeader span{color:var(--subtle);font-size:12px;font-weight:800}.suggestList{display:grid}.suggestList a{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.suggestList a:not(:last-child){border-bottom:1px solid rgba(223,228,236,.7)}.suggestList a:hover{background:var(--accent-soft)}.suggestList span{color:var(--ink);font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestList em{background:var(--navy-soft);border:1px solid var(--line);border-radius:999px;color:var(--muted);flex:0 0 auto;font-size:12px;font-style:normal;font-weight:900;padding:5px 8px}.suggestEmpty{color:var(--muted);font-size:14px;font-weight:800;margin:0;padding:14px}@media (max-width:840px){.siteHeader{align-items:flex-start;padding:18px}.siteFooter{padding:32px 18px 22px}.footerInner{gap:24px;grid-template-columns:1fr}.detailPage,.page{padding:0 18px}.detailGrid,.hero,.metricStrip,.rankGrid,.skillGrid,.splitSection{grid-template-columns:1fr}.hero{min-height:auto;padding:34px 0 36px}.detailHero h1,h1{font-size:36px}.detailHero p,.heroCopy{font-size:16px}.todayPanel{min-height:280px}.siteHeader nav{flex-wrap:wrap;justify-content:flex-end}.metricStrip{padding-bottom:34px}.sectionHeader{align-items:flex-start;flex-direction:column;gap:8px}.detailAside,.sideRail{position:static}.searchBar{align-items:stretch;flex-direction:column}.searchBar button,.sourceButton{width:100%}.prose{padding:24px}}