:root{--bg:#f7f8fb;--ink:#18202f;--muted:#687386;--line:#dde3ee;--surface:#fff;--accent:#2367e8;--accent-2:#0f9f78;--accent-weak:#e9f1ff;--warn:#b45309;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{background:linear-gradient(180deg, #ffffffdb, #f7f8fbcc 360px), var(--bg);min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.topbar-inner,.container{width:min(1160px,100% - 32px);margin:0 auto}.topbar-inner{justify-content:space-between;align-items:center;gap:18px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;min-width:180px;font-weight:800;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.nav a,.chip,.button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:14px;line-height:1.2;display:inline-flex}.nav a{color:var(--muted)}.nav a:hover,.chip:hover{background:var(--accent-weak);color:var(--ink)}.hero{padding:54px 0 30px}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:30px;display:grid}.eyebrow{color:var(--accent);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin-bottom:16px;font-size:clamp(34px,5vw,58px);line-height:1.05}.lead{max-width:690px;color:var(--muted);font-size:18px;line-height:1.72}.search-panel,.card,.detail-panel,.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.search-panel{padding:18px;box-shadow:0 14px 36px #18202f14}.search-form{grid-template-columns:1fr auto;gap:10px;display:grid}.search-input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);border-radius:8px;padding:0 14px}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;font-weight:800}.button.secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.quick-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:#fff}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.stat{background:var(--accent-weak);border-radius:8px;padding:14px}.stat strong{font-size:22px;display:block}.stat span{color:var(--muted);font-size:13px}.section{padding:28px 0}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.section-head h2{margin-bottom:4px;font-size:26px}.section-head p{color:var(--muted);margin-bottom:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{flex-direction:column;gap:12px;min-height:100%;padding:18px;display:flex}.card:hover{border-color:color-mix(in srgb, var(--accent), var(--line) 50%)}.meta-row,.tag-row{flex-wrap:wrap;gap:8px;display:flex}.meta-row span,.info-table a,.notice .button{align-items:center;gap:6px;display:inline-flex}.tag{background:var(--accent-weak);color:color-mix(in srgb, var(--accent), #111 18%);border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.muted{color:var(--muted)}.card h3{margin-bottom:0;font-size:18px;line-height:1.36}.card p{color:var(--muted);line-height:1.62}.list-layout{grid-template-columns:260px minmax(0,1fr);gap:24px;padding:34px 0;display:grid}.sidebar{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-self:start;padding:16px}.sidebar a{color:var(--muted);border-radius:8px;justify-content:space-between;padding:10px 12px;display:flex}.sidebar a:hover{background:var(--accent-weak);color:var(--ink)}.stack{gap:12px;display:grid}.detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:34px 0;display:grid}.detail-panel{padding:28px}.detail-panel h1{font-size:clamp(30px,4vw,46px)}.content{color:#283245;font-size:17px;line-height:1.85}.content h2{margin-top:30px;font-size:24px}.info-table{border-collapse:collapse;width:100%;margin:20px 0}.info-table th,.info-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 8px}.info-table th{width:130px;color:var(--muted)}.notice{color:var(--muted);padding:16px;line-height:1.65}.footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;margin-top:46px;padding:30px 0}.footer-grid{grid-template-columns:1fr auto;align-items:start;gap:20px;display:grid}.footer-links{flex-wrap:wrap;gap:12px;display:flex}.visual-band{border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), #fff 20%), transparent), linear-gradient(45deg, transparent 0 58%, #ffffff52 58% 62%, transparent 62%), color-mix(in srgb, var(--accent-2), #fff 10%);color:#fff;align-items:end;min-height:220px;padding:20px;display:grid}.visual-band strong{max-width:320px;font-size:28px;line-height:1.15}@media (max-width:920px){.hero-grid,.list-layout,.detail-layout,.footer-grid{grid-template-columns:1fr}.grid,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-inner{flex-direction:column;align-items:flex-start;padding:14px 0}.nav{justify-content:flex-start}}@media (max-width:620px){.topbar-inner,.container{width:min(100% - 24px,1160px)}.grid,.grid.two,.stats,.search-form{grid-template-columns:1fr}.nav a,.chip,.button{min-height:34px;padding:8px 10px;font-size:13px}.detail-panel{padding:18px}}