:root{--brand-cyan:#1fa7cf;--brand-cyan-2:#4fc0df;--brand-green:#6dbb5c;--brand-green-2:#8fd07c;--brand-ink:#12222b;--brand-ink-2:#213844;--bg:#f4fafb;--bg2:#edf7f8;--panel:#ffffff;--panel2:#f7fbfc;--line:#d6e7ea;--text:#12222b;--muted:#5d7480;--accent:#1fa7cf;--shadow:0 16px 38px rgba(18,34,43,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,"Noto Sans JP",system-ui,sans-serif;background:radial-gradient(circle at top,#ffffff 0,#f4fafb 42%,#edf7f8 100%);color:var(--text);line-height:1.65}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;backdrop-filter:blur(16px);background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);z-index:30}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{font-weight:800;letter-spacing:.02em}.topnav{display:flex;gap:18px}.topnav a{color:var(--muted)}.topnav a:hover{color:var(--brand-ink)}.hero{padding:76px 0 34px}.hero.slim{padding-bottom:12px}.hero-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:28px;align-items:start}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(31,167,207,.22);border-radius:999px;color:var(--brand-cyan);background:rgba(31,167,207,.08);font-size:12px;letter-spacing:.15em;text-transform:uppercase}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.03;margin:16px 0 12px;font-weight:900;letter-spacing:-.03em}.hero-copy{max-width:760px;color:var(--muted);font-size:18px}.hero-actions{margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;font-weight:700;border:1px solid rgba(18,34,43,.08)}.button.primary{background:linear-gradient(135deg,var(--brand-cyan),var(--brand-green));color:#fff;box-shadow:0 16px 30px rgba(31,167,207,.18)}.button:not(.primary){background:#fff;color:var(--brand-ink)}.hero-panel,.sidebar-box,.topic-box{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-panel{padding:18px}.panel-label,.section-head a,.date,.archive-link,.muted{color:var(--muted)}.section{padding:20px 0 30px}.section-head,.section-head-inline{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-head h2,.section-head-inline h3{margin:0;font-size:28px;letter-spacing:-.02em}.card-grid{display:grid;gap:18px}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,#ffffff,#f7fbfc);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);min-height:220px}.compact-card{min-height:unset}.card h3{margin:12px 0 10px;font-size:24px;line-height:1.2;letter-spacing:-.02em}.card p{margin:0;color:#425963}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(18,34,43,.10);background:rgba(255,255,255,.85)}
.theme-amber .pill,.theme-slate .pill,.theme-rose .pill,.theme-emerald .pill,.theme-violet .pill,.theme-cyan .pill,.theme-sky .pill,.theme-blue .pill,.theme-red .pill,.theme-indigo .pill,.theme-teal .pill{color:var(--brand-ink);background:rgba(31,167,207,.08);border-color:rgba(31,167,207,.20)}
.theme-emerald .pill,.theme-teal .pill{color:#27623a;background:rgba(109,187,92,.12);border-color:rgba(109,187,92,.25)}
.theme-slate .pill,.theme-indigo .pill{color:#21414f;background:rgba(18,34,43,.06);border-color:rgba(18,34,43,.12)}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-box{padding:22px}.topic-box h3{margin:0 0 8px;font-size:22px}.topic-box p{margin:0;color:var(--muted)}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.main-col{display:grid;gap:20px}.side-col{position:sticky;top:88px}.archive-list{display:grid;gap:10px}.archive-link{display:block;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.82)}.archive-link:hover{background:#fff;color:var(--brand-ink)}.footer{border-top:1px solid var(--line);padding:18px 0 36px;margin-top:26px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.sidebar-box{padding:18px}img{max-width:100%}
@media (max-width:960px){.hero-grid,.split-layout,.topic-grid,.card-grid.three,.card-grid.two{grid-template-columns:1fr}.side-col{position:static}.hero h1{font-size:42px}.card h3{font-size:22px}}