@font-face{font-family:Cinzel;src:url(/blog/fonts/cinzel-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0}:root{color-scheme:light dark;--font-jp:"Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "BIZ UDPGothic", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;--font-display:"Cinzel", var(--font-jp);--step-0:1.0625rem;--step-1:1.1875rem;--step-2:clamp(1.25rem, 1.05rem + .9vw, 1.4375rem);--step-3:clamp(1.6rem, 1.25rem + 1.7vw, 2.1rem);--step--1:.9375rem;--step--2:.8125rem;--space-1:.5rem;--space-2:.85rem;--space-3:1.35rem;--space-4:2rem;--space-5:3rem;--measure:42rem;--radius:16px;--radius-sm:10px;--blur:16px;--bg:#fbfaf9;--surface:#ffffffa8;--surface-strong:#ffffffe0;--border:#8c7e6833;--border-soft:#8c7e681f;--fg:#23212a;--fg-muted:#6b6675;--link:#5b3f86;--link-hover:#422d63;--accent:#d4af37;--accent-strong:#8a6d14;--btn-from:#f0d875;--btn-to:#d4af37;--accent-wash:#d4af3738;--badge-bg:#6b4c9a1a;--badge-fg:#57407f;--glow-1:#d4af371a;--glow-2:#6b4c9a17;--lift:0 1px 2px #23212a08, 0 10px 28px #23212a0d;--chrome-bg:#0a0a0fdb;--chrome-fg:#e6e4ec;--chrome-muted:#a8a4b6;--chrome-accent:#d4af37;--on-accent:#17150f}@media (prefers-color-scheme:dark){:root{--bg:#0d0d12;--surface:#ffffff0b;--surface-strong:#ffffff13;--border:#e8e6ee24;--border-soft:#e8e6ee14;--fg:#e8e6ee;--fg-muted:#a09bb0;--link:#c3aae8;--link-hover:#dccdf5;--accent:#e5c76b;--accent-strong:#f0d875;--btn-from:#f4de8c;--btn-to:#e5c76b;--accent-wash:#e5c76b33;--badge-bg:#a38ad629;--badge-fg:#cbb6ee;--glow-1:#d4af3724;--glow-2:#7a5ab029;--lift:0 1px 2px #0006, 0 14px 34px #00000057;--chrome-bg:#08080cd1;--chrome-fg:#e8e6ee;--chrome-muted:#a09bb0;--chrome-accent:#e5c76b;--on-accent:#17150f}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-jp);font-size:var(--step-0);letter-spacing:.02em;word-break:normal;overflow-wrap:anywhere;line-break:strict;-webkit-font-smoothing:antialiased;margin:0;line-height:1.95}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 34rem at 10% -8%, var(--glow-1), transparent 62%), radial-gradient(50rem 32rem at 94% 0%, var(--glow-2), transparent 64%);position:fixed;inset:0}.site-header{z-index:10;background:var(--chrome-bg);backdrop-filter:saturate(160%) blur(var(--blur));border-bottom:1px solid #d4af3752;position:sticky;top:0}.site-header__inner{max-width:var(--measure);gap:var(--space-1) var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:baseline;margin-inline:auto;padding:.8rem 1.15rem;display:flex}.site-header__brand{color:var(--chrome-accent);font-family:var(--font-display);letter-spacing:.05em;align-items:center;gap:.375rem;font-size:1.25rem;font-weight:400;line-height:1.2;text-decoration:none;transition:opacity .2s;display:inline-flex}.site-header__brand:hover{opacity:.8}.site-header__mark{flex:none;width:.95em;height:.95em}@media (prefers-reduced-motion:reduce){.site-header__brand{transition:none}}.site-nav{font-size:var(--step--1);flex-wrap:wrap;gap:1.15rem;display:flex}.site-nav a{color:var(--chrome-fg);text-decoration:none}.site-nav a:hover{color:var(--chrome-accent);text-underline-offset:.35em;text-decoration:underline}.site-main{max-width:var(--measure);padding:var(--space-4) 1.15rem var(--space-5);margin-inline:auto}.breadcrumb{margin-bottom:var(--space-3);color:var(--fg-muted);font-size:var(--step--2);line-height:1.7}.breadcrumb ol{flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:var(--fg-muted);opacity:.5;margin-right:.5rem}.breadcrumb a{color:var(--fg-muted);text-underline-offset:.25em}.badge{background:var(--badge-bg);color:var(--badge-fg);letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.2rem .7rem;font-size:.75rem;font-weight:700;line-height:1.7;display:inline-block}h1{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--step-3);letter-spacing:.005em;text-wrap:balance;font-weight:600;line-height:1.45}.article-body h2{margin:var(--space-5) 0 var(--space-3);font-family:var(--font-display);font-size:var(--step-2);letter-spacing:.01em;text-wrap:balance;font-weight:600;line-height:1.6}.article-body h2:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:2.25rem;height:2px;margin-bottom:.75rem;display:block}.article-body h3{margin:var(--space-4) 0 var(--space-1);font-family:var(--font-display);font-size:var(--step-1);font-weight:600;line-height:1.75}.article-body p{margin:0 0 1.5rem}.article-body a{color:var(--link);text-underline-offset:.25em;text-decoration-thickness:1px}.article-body a:hover{color:var(--link-hover)}.article-body ul,.article-body ol{margin:0 0 1.5rem;padding-left:1.4rem}.article-body li{margin-bottom:.6rem}.article-body li::marker{color:var(--accent)}.article-body strong{background:linear-gradient(transparent 64%, var(--accent-wash) 64%);font-weight:700}.article-body img{border-radius:var(--radius-sm);max-width:100%;height:auto}.article-body blockquote{border-left:2px solid var(--border);color:var(--fg-muted);margin:0 0 1.5rem;padding:.25rem 0 .25rem 1.1rem}.article-body h2+ul,.article-body h2+p+ul{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(var(--blur));box-shadow:var(--lift);margin-bottom:1.75rem;padding:1.2rem 1.3rem 1.2rem 2.4rem}.article-body h2+ul li:last-child,.article-body h2+p+ul li:last-child{margin-bottom:0}.post-meta{align-items:center;gap:var(--space-1) var(--space-2);margin-bottom:var(--space-4);color:var(--fg-muted);font-size:var(--step--2);letter-spacing:.04em;flex-wrap:wrap;display:flex}.page-lead{margin:0 0 var(--space-4);color:var(--fg-muted);font-size:var(--step--1)}.post-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.post-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(var(--blur));box-shadow:var(--lift);padding:1.35rem 1.45rem;transition:border-color .2s,background .2s,transform .2s;position:relative}.post-card:hover{border-color:var(--border);background:var(--surface-strong);transform:translateY(-2px)}.post-card__head{align-items:center;gap:var(--space-1) var(--space-2);margin-bottom:var(--space-1);color:var(--fg-muted);font-size:var(--step--2);letter-spacing:.04em;flex-wrap:wrap;display:flex}.post-card__title{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:.01em;margin:0 0 .5rem;font-weight:600;line-height:1.7}.post-card__title a{color:var(--fg);text-decoration:none}.post-card__title a:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.post-card:hover .post-card__title a{color:var(--link)}.post-card__excerpt{color:var(--fg-muted);font-size:var(--step--1);margin:0;line-height:1.9}.cta{margin:var(--space-5) 0 0;border:1px solid var(--border-soft);border-radius:var(--radius);background:radial-gradient(26rem 13rem at 50% -12%, var(--accent-wash), transparent 70%), var(--surface-strong);backdrop-filter:blur(var(--blur));box-shadow:var(--lift);text-align:center;padding:1.9rem 1.45rem}.cta__lead{color:var(--fg);font-size:var(--step--1);margin:0 0 1.2rem;line-height:1.85}.cta__button{background:linear-gradient(180deg, var(--btn-from), var(--btn-to));color:var(--on-accent);font-family:var(--font-display);font-weight:700;font-size:var(--step--1);letter-spacing:.06em;border-radius:999px;padding:.8rem 2rem;line-height:1.5;text-decoration:none;transition:filter .2s,transform .2s;display:inline-block}.cta__button:hover{filter:brightness(1.06);transform:translateY(-1px)}.cta__note{color:var(--fg-muted);margin:.9rem 0 0;font-size:.75rem}.post-nav{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-soft);font-size:var(--step--1)}.post-nav a{color:var(--link);text-underline-offset:.25em}.site-footer{margin-top:var(--space-4);background:var(--chrome-bg);backdrop-filter:blur(var(--blur));color:var(--chrome-fg);border-top:1px solid var(--border-soft)}.site-footer__inner{max-width:var(--measure);padding:var(--space-4) 1.15rem 2.4rem;font-size:var(--step--2);margin-inline:auto;line-height:2}.site-footer a{color:var(--chrome-accent);text-underline-offset:.25em}.site-footer p{margin:0 0 .5rem}.site-footer__links{flex-wrap:wrap;gap:.5rem 1.35rem;display:flex}a:focus-visible,.cta__button:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:20;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);padding:.5rem .9rem;text-decoration:none;top:.5rem;left:.5rem}@media (prefers-reduced-motion:reduce){.post-card,.cta__button{transition:none}.post-card:hover,.cta__button:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.site-header,.site-footer,.post-card,.cta,.article-body h2+ul,.article-body h2+p+ul{backdrop-filter:none}.site-header,.site-footer{background:#0a0a0f}body:before{display:none}}@media print{.site-header,.site-footer,.cta,.post-nav{display:none}body{color:#000;background:#fff}body:before{display:none}}