:root{--bg:#f5f6f8;--bg-soft:#e6ecf6;--surface:#fff;--text:#222831;--text-muted:#6b7380;--accent:#2f4f86;--accent-deep:#22396a;--accent-2:#a98b4e;--border:#e1e5ec;--border-strong:#c9d0db;--thumb-a:#dfe6f1;--thumb-b:#c6d2e4;--font-serif:"Noto Serif JP", "Hiragino Mincho ProN", serif;--font:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;--fs-body:15.5px;--lh-body:1.9;--ls-body:.02em;--radius:6px;--radius-sm:3px;--shadow-sm:0 1px 2px #2228310d;--shadow-md:0 10px 28px -12px #22283138;--maxw:1120px;--sidebar-w:300px;--gutter:24px;--section-gap:56px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:.03em;font-weight:600}.container{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.site-header{background:var(--surface);border-top:4px solid var(--accent);border-bottom:1px solid var(--border-strong)}.masthead{max-width:var(--maxw);padding:22px var(--gutter) 14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 auto;display:grid}.mh-side{letter-spacing:.24em;color:var(--text-muted);font-size:.66rem}.mh-side--r{text-align:right}.brand{color:var(--text);text-align:center;flex-direction:column;align-items:center;display:flex}.brand:hover{text-decoration:none}.brand-sub{font-family:var(--font-serif);color:var(--accent-2);letter-spacing:.5em;padding-left:.5em;font-size:.74rem}.brand-name{font-family:var(--font-serif);letter-spacing:.22em;color:var(--accent-deep);padding-left:.22em;font-size:2.6rem;font-weight:700;line-height:1.25}.brand-en{letter-spacing:.36em;color:var(--text-muted);margin-top:2px;font-size:.62rem}.nav{border-top:3px double var(--accent-2);max-width:var(--maxw);justify-content:center;gap:0;margin:0 auto;display:flex}.nav a{color:var(--text);font-family:var(--font-serif);letter-spacing:.16em;padding:12px 34px;font-size:.95rem;font-weight:600;position:relative}.nav a+a:before{content:"";background:var(--accent-2);width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:0;transform:rotate(45deg)}.nav a:hover{color:var(--accent);text-decoration:none}.nav a.is-current{color:var(--accent)}.nav a.is-current:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:6px;left:34px;right:34px}.hero{color:#fff;background:#2b2a28 url(/hero.jpg) 50% 40%/cover no-repeat;align-items:center;min-height:440px;display:grid;position:relative}.hero:before{content:"";background:linear-gradient(100deg,#141e34c7 0%,#141e348c 42%,#141e341f 78%,#141e3400 100%);position:absolute;inset:0}.hero .container{padding-top:56px;padding-bottom:56px;position:relative}.hero-kicker{letter-spacing:.34em;color:#ffffffd1;align-items:center;gap:14px;margin-bottom:18px;font-size:.72rem;font-weight:500;display:flex}.hero-kicker:before{content:"";background:#ffffffb3;width:28px;height:1px}.hero h1{letter-spacing:.08em;text-shadow:0 2px 20px #00000040;margin:0;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:600;line-height:1.35}.hero p{color:#ffffffe6;letter-spacing:.04em;max-width:34em;margin:20px 0 0;font-size:1rem;line-height:2}.hero-rule{background:linear-gradient(90deg, #fff 0 48px, var(--accent-2) 48px);width:64px;height:2px;margin-top:30px;display:block}.hero-strip{background:var(--surface);border-bottom:1px solid var(--border)}.hero-strip .container{height:52px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;font-size:.84rem;display:flex}.hero-strip b{color:var(--text);font-weight:500}.hero-strip .count{font-variant-numeric:tabular-nums;letter-spacing:.08em}.layout{max-width:var(--maxw);padding:48px var(--gutter) 72px;grid-template-columns:minmax(0, 1fr) var(--sidebar-w);align-items:start;gap:48px;margin:0 auto;display:grid}.main-col{min-width:0}.col-title{gap:4px;margin:0 0 24px;display:grid}.col-title .en{letter-spacing:.3em;color:var(--accent);font-size:.7rem;font-family:var(--font);font-weight:500}.col-title .ja{align-items:center;gap:18px;margin:0;font-size:1.45rem;font-weight:600;line-height:1.3;display:flex}.col-title .ja:after{content:"";background:var(--border-strong);flex:1;height:1px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--thumb-a), var(--thumb-b));display:block;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.card:hover .card-thumb img{transform:scale(1.03)}.card-thumb .ph{color:#2f4f864d;place-items:center;display:grid;position:absolute;inset:0}.card-cat{z-index:1;background:var(--accent);color:#fff;letter-spacing:.12em;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:3px 12px;font-size:.7rem;font-weight:500;position:absolute;top:14px;left:0}.card-body{flex-direction:column;flex:1;gap:10px;padding:16px 18px 18px;display:flex}.card-title{margin:0;font-size:1.02rem;font-weight:600;line-height:1.6}.card-title a{color:var(--text);display:block}.card-title a:after{content:"";position:absolute;inset:0}.card-title a:hover{text-decoration:none}.card:hover .card-title a{color:var(--accent)}.card-meta{border-top:1px dashed var(--border);color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;font-size:.76rem;display:flex}.card-meta .read{color:var(--accent);letter-spacing:.1em;font-weight:500}.card-meta .read:after{content:" →"}.pgr{justify-content:center;align-items:center;gap:22px;margin:48px 0 0;display:flex}.pgr-b{border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text);background:var(--surface);border-radius:50%;place-items:center;padding-bottom:2px;font-size:1.4rem;line-height:1;transition:all .15s;display:inline-grid}.pgr-b:hover{background:var(--accent);border-color:var(--accent);color:#fff;text-decoration:none}.pgr-b.off{opacity:.3;pointer-events:none}.pgr-n{font-family:var(--font-serif);letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:1rem}.pgr-n b{color:var(--accent);font-size:1.25rem}.sidebar{flex-direction:column;gap:28px;display:flex;position:sticky;top:92px}.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px 22px}.widget-title{letter-spacing:.08em;border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:10px;font-size:1rem;font-weight:600;position:relative}.widget-title:after{content:"";background:var(--accent);width:36px;height:2px;position:absolute;bottom:-1px;left:0}.widget-posts{counter-reset:n;margin:0;padding:0;list-style:none}.widget-posts li{counter-increment:n;border-bottom:1px dashed var(--border);grid-template-columns:28px 1fr;gap:0 10px;padding:11px 0;display:grid}.widget-posts li:last-child{border-bottom:0;padding-bottom:0}.widget-posts li:before{content:counter(n, decimal-leading-zero);font-family:var(--font-serif);color:var(--accent);letter-spacing:.05em;grid-row:1/span 2;padding-top:2px;font-size:.9rem}.widget-posts a{color:var(--text);font-size:.9rem;font-weight:500;line-height:1.55}.widget-posts a:hover{color:var(--accent);text-decoration:none}.widget-posts time{color:var(--text-muted);letter-spacing:.06em;margin-top:2px;font-size:.74rem}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud-item,.tag{border-radius:var(--radius-sm);background:var(--bg-soft);color:var(--accent);border:1px solid #0000;padding:3px 11px;font-size:.78rem;font-weight:500;line-height:1.6;display:inline-block}.tag-cloud-item:hover,.tag:hover{border-color:var(--accent);background:var(--surface);text-decoration:none}.widget-about{color:var(--text-muted);margin:0 0 12px;font-size:.88rem;line-height:1.8}.widget-link{font-size:.86rem;font-weight:500}.breadcrumb{color:var(--text-muted);letter-spacing:.04em;margin-bottom:22px;font-size:.78rem}.breadcrumb a{color:var(--text-muted)}.breadcrumb span{opacity:.6;margin:0 8px}.article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:40px 48px 48px}.article-head{margin-bottom:28px}.article-cat{background:var(--accent);color:#fff;letter-spacing:.14em;border-radius:var(--radius-sm);margin-bottom:14px;padding:3px 12px;font-size:.7rem;display:inline-block}.article h1{letter-spacing:.04em;margin:0 0 16px;font-size:clamp(1.5rem,2.8vw,2.05rem);font-weight:600;line-height:1.55}.article-meta{color:var(--text-muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:18px;font-size:.8rem;display:flex}.article-meta span:before{content:"・";margin-right:6px}.rimg{aspect-ratio:16/9;border-radius:var(--radius);object-fit:cover;background:linear-gradient(135deg, var(--thumb-a), var(--thumb-b));width:100%;margin-bottom:36px;display:block}.rimg-ph{color:#2f4f864d;place-items:center;display:grid}.prose{font-size:1.02rem;line-height:2}.prose>:first-child{margin-top:0}.prose p{margin:1.2em 0}.prose h2{border-bottom:3px double var(--border-strong);margin:2.6em 0 1em;padding-bottom:.45em;font-size:1.45rem;line-height:1.5;position:relative}.prose h2:after{content:"";background:var(--accent);width:72px;height:3px;position:absolute;bottom:-3px;left:0}.prose h3{margin:2em 0 .8em;padding-left:18px;font-size:1.15rem;line-height:1.5;position:relative}.prose h3:before{content:"";background:var(--accent);width:8px;height:8px;position:absolute;top:.5em;left:0}.prose ul,.prose ol{margin:1.2em 0;padding-left:1.5em}.prose li{margin:.45em 0}.prose ul li::marker{color:var(--accent)}.prose strong{background:linear-gradient(transparent 68%, var(--bg-soft) 68%);font-weight:700}.prose a{text-underline-offset:3px;text-decoration:underline #2f4f8666}.prose blockquote{background:var(--bg);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-serif);color:#3b4350;margin:1.8em 0;padding:18px 24px 18px 28px;font-size:.98rem;position:relative}.prose blockquote p{margin:0}.prose blockquote cite{font-style:normal;font-family:var(--font);color:var(--text-muted);margin-top:8px;font-size:.78rem;display:block}.prose table{border-collapse:collapse;width:100%;margin:1.8em 0;font-size:.92rem;line-height:1.7}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 14px}.prose th{background:var(--bg-soft);color:var(--accent-deep);letter-spacing:.06em;font-size:.85rem;font-weight:600}.prose td:first-child{white-space:nowrap;font-weight:500}.prose tr:nth-child(2n) td{background:#fafbfd}.note-box{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);margin:2em 0;padding:22px 24px 18px;position:relative}.note-box-label{background:var(--surface);color:var(--accent);letter-spacing:.2em;font-size:.74rem;font-weight:700;font-family:var(--font);padding:0 8px;position:absolute;top:-11px;left:18px}.note-box ul{margin:0}.note-box li{margin:.3em 0}.cta-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin:48px 0 0;padding:22px 26px;display:grid;position:relative}.cta-box:before{content:"";background:var(--accent);border-radius:var(--radius) 0 0 var(--radius);width:4px;position:absolute;top:0;bottom:0;left:0}.cta-icon{border-radius:var(--radius);background:var(--accent);color:#fff;place-items:center;width:56px;height:56px;display:grid}.cta-text{min-width:0}.cta-text .kicker{letter-spacing:.24em;color:var(--accent);font-size:.7rem;font-weight:500}.cta-text strong{font-family:var(--font-serif);margin:2px 0 4px;font-size:1.1rem;font-weight:600;display:block}.cta-text span{color:var(--text-muted);font-size:.86rem;line-height:1.6}.btn{background:var(--accent);color:#fff;white-space:nowrap;letter-spacing:.06em;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--accent-deep);text-decoration:none;transform:translateY(-1px)}.article-tags{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:32px;padding-top:22px;display:flex}.article-tags .lbl{color:var(--text-muted);letter-spacing:.1em;margin-right:6px;font-size:.78rem}.related{margin-top:var(--section-gap)}.related .post-grid{gap:18px 16px}.related .card-title{font-size:.95rem}.site-footer{background:var(--accent-deep);color:#c9d3e5;border-top:3px solid var(--accent-2);font-size:.84rem}.site-footer .inner{max-width:var(--maxw);padding:36px var(--gutter) 30px;grid-template-columns:1fr auto;align-items:start;gap:18px 32px;margin:0 auto;display:grid}.site-footer .f-brand{font-family:var(--font-serif);color:#fff;letter-spacing:.1em;align-items:baseline;gap:12px;font-size:1.2rem;display:flex}.site-footer .f-brand small{font-family:var(--font);letter-spacing:.22em;color:#9fb0cc;font-size:.66rem}.site-footer .f-desc{color:#9fb0cc;max-width:40em;margin:10px 0 0;line-height:1.8}.site-footer .f-nav{flex-wrap:wrap;gap:10px 20px;display:flex}.site-footer .f-nav a{white-space:nowrap}.site-footer a{color:#e3e9f3}.site-footer .f-copy{color:#9fb0cc;letter-spacing:.08em;border-top:1px solid #ffffff24;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:18px;font-size:.76rem;display:flex}@media (width<=960px){.layout{grid-template-columns:1fr;gap:40px}.sidebar{position:static}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--gutter:16px}.masthead{padding:16px var(--gutter) 10px;grid-template-columns:1fr}.mh-side{display:none}.brand-name{font-size:2rem}.nav a{text-align:center;letter-spacing:.08em;flex:1;padding:11px 0;font-size:.84rem}.nav a.is-current:after{left:18%;right:18%}.hero{background-position:62%;min-height:360px}.hero:before{background:linear-gradient(#141e344d 0%,#141e34b8 100%)}.hero .container{align-self:end;padding-top:44px;padding-bottom:40px}.hero h1{letter-spacing:.06em;font-size:1.65rem}.hero p{margin-top:14px;font-size:.92rem;line-height:1.9}.hero-rule{margin-top:22px}.hero-strip .container{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;font-size:.78rem}.layout{padding-top:32px;padding-bottom:48px}.col-title .ja{font-size:1.25rem}.post-grid{grid-template-columns:1fr;gap:16px}.related .post-grid{grid-template-columns:1fr}.article{padding:24px 18px 32px}.article h1{font-size:1.35rem}.prose{font-size:.98rem;line-height:1.95}.prose h2{font-size:1.25rem}.prose table{white-space:nowrap;display:block;overflow-x:auto}.cta-box{grid-template-columns:auto 1fr;gap:14px;padding:18px}.cta-box .btn{grid-column:1/-1;justify-content:center}.site-footer .inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card,.card-thumb img,.btn,.pgr-b{transition:none}}.prose code{background:var(--bg-soft);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.92em}.prose pre{color:#e6ecf6;border-radius:var(--radius);background:#222831;padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose{overflow-wrap:anywhere}.page-title{margin-bottom:24px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.card-thumb .thumb-img{background:50%/cover no-repeat;transition:transform .4s;position:absolute;inset:0}.card:hover .card-thumb .thumb-img{transform:scale(1.03)}