:root{--c-bg:#f7f9fc;--c-card:#fff;--c-fg:#1f2a37;--c-muted:#5f6b7a;--c-dim:#8a94a3;--c-accent:#2b6cb0;--c-accent-deep:#235a94;--c-soft:#e3edf8;--c-soft-2:#eef4fb;--c-line:#dde4ee;--c-line-strong:#c9d3e0;--c-warm-bg:#fbf4e6;--c-warm-fg:#8a5a12;--c-warm-line:#ecd9b4;--paint-1:#2b6cb0;--paint-2:#2a9d8f;--paint-3:#d9a441;--paint-4:#e07a5f;--paint-5:#5b9c5a;--paint-6:#6b7a90;--font-body:"Noto Sans JP",system-ui,sans-serif;--font-latin:"Manrope","Noto Sans JP",sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.96875rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--lh-body:1.85;--ls-jp:.02em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--r-sm:8px;--r:14px;--r-lg:20px;--r-pill:999px;--sh-sm:0 1px 2px #1f2a370a,0 1px 1px #1f2a3708;--sh:0 12px 32px -16px #1f2a3738,0 2px 6px -2px #1f2a370f;--sh-lg:0 30px 60px -30px #1f2a3747;--maxw:1160px;--gutter:24px;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-fg);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);letter-spacing:var(--ls-jp);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}.container{max-width:var(--maxw);padding-inline:var(--gutter);margin:0 auto}.latin{font-family:var(--font-latin)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}.kicker{font-family:var(--font-latin);font-weight:700;font-size:var(--fs-xs);letter-spacing:.24em;color:var(--c-accent);text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.kicker:before{content:"";background:var(--c-accent);border-radius:2px;width:22px;height:2px}.btn{border-radius:var(--r-pill);min-height:46px;font-weight:700;font-size:var(--fs-sm);letter-spacing:.04em;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 26px;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .2s var(--ease);flex:none}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--c-accent);color:#fff;box-shadow:0 8px 20px -10px #2b6cb0b3}.btn-primary:hover{background:var(--c-accent-deep);transform:translateY(-1px)}.btn-ghost{background:var(--c-card);color:var(--c-fg);border:1px solid var(--c-line-strong)}.btn-ghost:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-soft-2)}.btn-sm{min-height:38px;padding:0 18px}.chip{border-radius:var(--r-pill);background:var(--c-card);border:1px solid var(--c-line);height:24px;font-size:var(--fs-xs);color:var(--c-fg);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex}.chip:hover{border-color:var(--c-accent);color:var(--c-accent)}.chip .dot{background:var(--paint-1);border-radius:50%;flex:none;width:8px;height:8px}.date{font-family:var(--font-latin);font-weight:500;font-size:var(--fs-xs);letter-spacing:.06em;color:var(--c-dim)}.sec-head{margin-bottom:var(--sp-5);justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sec-head h2{font-size:var(--fs-xl);letter-spacing:.01em;margin-top:10px;font-weight:700;line-height:1.3}.sec-head .more{font-size:var(--fs-sm);color:var(--c-accent);border-bottom:1px solid #0000;align-items:center;gap:6px;padding-bottom:4px;font-weight:700;transition:border-color .2s;display:inline-flex}.sec-head .more:hover{border-color:var(--c-accent)}.sec-head .more svg{width:14px;height:14px}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--c-soft) 0%,#f1f5fa 60%,#fdfdfe 100%);border-radius:var(--r-sm);position:relative;overflow:hidden}.thumb:before{content:"";border:1px solid #2b6cb024;border-radius:4px;position:absolute;inset:10px}.thumb img{object-fit:cover;width:100%;height:100%}.site-header{z-index:50;background:#fff;position:relative}.site-header .bar{align-items:center;gap:24px;height:104px;display:flex}.brand{letter-spacing:.04em;flex:none;align-items:center;gap:12px;font-size:1.125rem;font-weight:700;display:flex}.brand-mark{background:var(--c-card);border:1.5px solid var(--c-fg);border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:relative}.brand-mark span{border-radius:50%;width:7px;height:7px;position:absolute}.brand-mark span:first-child{background:var(--paint-1);top:8px;left:7px}.brand-mark span:nth-child(2){background:var(--paint-3);top:14px;left:16px}.brand-mark span:nth-child(3){background:var(--paint-2);top:19px;left:9px}.brand small{font-family:var(--font-latin);letter-spacing:.26em;color:var(--c-dim);margin-top:3px;font-size:.6rem;font-weight:700;line-height:1;display:block}.nav{gap:44px;margin-left:auto;display:flex}.nav a{font-family:var(--font-latin);letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted);align-items:baseline;gap:7px;padding:6px 0;font-size:.8125rem;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.nav a sup,.mobile-nav sup{letter-spacing:.08em;color:var(--c-dim);vertical-align:baseline;font-size:.58rem;font-weight:500;position:relative;top:-.5em}.nav a:after{content:"";background:var(--c-fg);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a[aria-current]{color:var(--c-fg)}.nav a:hover:after,.hero{background:var(--c-card);border-bottom:1px solid var(--c-line);overflow:hidden}.hero .container{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(48px,7vw,88px);display:grid}.hero-copy{gap:var(--sp-5);align-content:center;display:grid}.hero h1{letter-spacing:.015em;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:700;line-height:1.22}.hero h1 em{background:linear-gradient(transparent 64%,var(--c-soft) 64%);font-style:normal}.hero .lead{font-size:var(--fs-md);color:var(--c-muted);max-width:30em;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-note{font-size:var(--fs-sm);color:var(--c-muted);padding-top:var(--sp-2);align-items:center;gap:10px;display:flex}.hero-note svg{width:18px;height:18px;color:var(--c-accent);flex:none}.hero-art{padding:0 18px 18px 0;position:relative}.hero-art:before{content:"";border:1px solid var(--c-line-strong);border-radius:var(--r-lg);position:absolute;inset:18px 0 0 18px}.hero-art img{border-radius:var(--r-lg);aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--sh-lg);position:relative}.hero-latest{z-index:2;background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);max-width:min(300px,78%);box-shadow:var(--sh);gap:4px;padding:12px 16px 12px 14px;display:grid;position:absolute;bottom:-6px;left:-12px}.hero-latest .kicker{letter-spacing:.2em;font-size:.62rem}.hero-latest .kicker:before{width:14px}.hero-latest p{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.features{padding-block:var(--sp-8) var(--sp-7)}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;gap:12px;padding:28px 26px 26px;display:grid;position:relative}.feature:hover{box-shadow:var(--sh);border-color:var(--c-line-strong);transform:translateY(-3px)}.feature .num{font-family:var(--font-latin);color:var(--c-soft);font-size:1.6rem;font-weight:800;line-height:1;position:absolute;top:18px;right:22px}.feature .ico{background:var(--c-soft-2);width:48px;height:48px;color:var(--c-accent);border-radius:12px;place-items:center;display:grid}.feature .ico svg{width:24px;height:24px}.feature h3{font-size:var(--fs-md);letter-spacing:.02em;font-weight:700}.feature p{font-size:var(--fs-sm);color:var(--c-muted);line-height:1.8}.cats{padding-block:0 var(--sp-8)}.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.cat-tile{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;justify-items:start;gap:10px;padding:20px 16px 18px;display:grid;position:relative}.cat-tile:hover{box-shadow:var(--sh);border-color:var(--c-accent);transform:translateY(-3px)}.cat-tile .dot{width:14px;height:14px;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--c-line);border-radius:50%}.cat-tile b{font-size:var(--fs-sm);font-weight:700;line-height:1.4}.cat-tile .arrow{width:18px;height:18px;color:var(--c-dim);transition:color .2s,transform .25s var(--ease);position:absolute;bottom:14px;right:14px}.cat-tile:hover .arrow{color:var(--c-accent);transform:translate(3px)}.cat-tile:first-child .dot{background:var(--paint-1)}.cat-tile:nth-child(2) .dot{background:var(--paint-2)}.cat-tile:nth-child(3) .dot{background:var(--paint-3)}.cat-tile:nth-child(4) .dot{background:var(--paint-4)}.cat-tile:nth-child(5) .dot{background:var(--paint-5)}.cat-tile:nth-child(6) .dot{background:var(--paint-6)}.posts{padding-block:0 var(--sp-9)}.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px;display:grid}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.post-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.post-card:hover{box-shadow:var(--sh);border-color:var(--c-line-strong);transform:translateY(-4px)}.post-card .thumb{border-radius:0}.post-card .thumb:before{inset:12px}.post-card .chip{z-index:2;box-shadow:var(--sh-sm);position:absolute;top:12px;left:12px}.post-card .body{align-content:start;gap:10px;padding:18px 20px 20px;display:grid}.post-card h3{font-size:var(--fs-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.55;transition:color .2s;display:-webkit-box;overflow:hidden}.post-card:hover h3{color:var(--c-accent)}.post-card .excerpt{font-size:var(--fs-sm);color:var(--c-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.75;display:-webkit-box;overflow:hidden}.post-card .foot{border-top:1px dashed var(--c-line);align-items:center;gap:12px;padding-top:12px;display:flex}.post-card .read{font-size:var(--fs-xs);color:var(--c-accent);align-items:center;gap:4px;margin-left:auto;font-weight:700;display:inline-flex}.post-card .read svg{width:12px;height:12px;transition:transform .2s var(--ease)}.post-card:hover .read svg{transform:translate(3px)}.post-card.featured{grid-column:1/-1;grid-template-rows:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.post-card.featured .thumb{aspect-ratio:auto;min-height:100%}.post-card.featured .body{align-content:center;gap:14px;padding:28px 30px 26px}.post-card.featured h3{font-size:var(--fs-lg);-webkit-line-clamp:3}.post-card.featured .excerpt{-webkit-line-clamp:3}.post-card.featured .label{font-family:var(--font-latin);font-weight:800;font-size:var(--fs-xs);letter-spacing:.2em;color:var(--c-accent)}.post-grid>.post-card:nth-child(2n):last-child{grid-column:1/-1;grid-template-rows:none;grid-template-columns:240px minmax(0,1fr)}.post-grid>.post-card:nth-child(2n):last-child .thumb{aspect-ratio:auto;min-height:100%}.post-grid>.post-card:nth-child(2n):last-child .body{align-content:center}.pager{margin-top:var(--sp-7);justify-content:center;align-items:center;gap:8px;display:flex}.pager a,.pager span{border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-card);min-width:42px;height:42px;font-family:var(--font-latin);font-weight:700;font-size:var(--fs-sm);color:var(--c-muted);justify-content:center;align-items:center;padding:0 12px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.pager a:hover{border-color:var(--c-accent);color:var(--c-accent)}.pager .current{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.pager .gap{background:0 0;border:0;min-width:24px}.pager svg{width:14px;height:14px}.sidebar{gap:24px;display:grid;position:sticky;top:92px}.widget{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);padding:22px 22px 20px}.widget-title{font-size:var(--fs-sm);letter-spacing:.08em;border-bottom:1px solid var(--c-line);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;font-weight:700;display:flex}.widget-title .latin{letter-spacing:.22em;color:var(--c-dim);margin-left:auto;font-size:.62rem;font-weight:700}.cat-list{gap:2px;display:grid}.cat-list a{border-radius:var(--r-sm);font-size:var(--fs-sm);align-items:center;gap:10px;padding:9px 10px;font-weight:500;transition:background .2s,color .2s;display:flex}.cat-list a:hover{background:var(--c-soft-2);color:var(--c-accent)}.cat-list .dot{border-radius:50%;flex:none;width:9px;height:9px}.cat-list svg{width:14px;height:14px;color:var(--c-dim);margin-left:auto}.profile{text-align:center;justify-items:center;gap:10px;display:grid}.profile .avatar{background:var(--c-soft);width:64px;height:64px;color:var(--c-accent);box-shadow:0 0 0 1px var(--c-line);border:3px solid #fff;border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.profile b{font-size:var(--fs-base)}.profile p{font-size:var(--fs-sm);color:var(--c-muted);line-height:1.75}.site-footer{background:var(--c-card);border-top:1px solid var(--c-line)}.footer-grid{padding-block:var(--sp-8) var(--sp-7);grid-template-columns:1.4fr 1fr 1fr;gap:40px;display:grid}.footer-grid p{font-size:var(--fs-sm);color:var(--c-muted);max-width:34em;margin-top:14px;line-height:1.8}.footer-grid h4{font-size:var(--fs-xs);letter-spacing:.2em;color:var(--c-dim);font-family:var(--font-latin);margin-bottom:14px;font-weight:800}.footer-grid li{margin-bottom:8px}.footer-grid li a{font-size:var(--fs-sm);color:var(--c-muted);align-items:center;gap:8px;transition:color .2s;display:inline-flex}.footer-grid li a:hover{color:var(--c-accent)}.footer-grid .dot{border-radius:50%;width:8px;height:8px}.footer-bottom{border-top:1px solid var(--c-line);font-size:var(--fs-xs);color:var(--c-dim);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:18px;display:flex}.footer-bottom .latin{letter-spacing:.14em;font-weight:700}.article-page{padding-block:var(--sp-6) var(--sp-9)}.article-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px;display:grid}.breadcrumb{font-size:var(--fs-xs);color:var(--c-dim);margin-bottom:var(--sp-5);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.breadcrumb a{color:var(--c-muted)}.breadcrumb a:hover{color:var(--c-accent)}.breadcrumb svg{width:12px;height:12px}.breadcrumb .here{color:var(--c-fg);text-overflow:ellipsis;white-space:nowrap;max-width:28em;overflow:hidden}.article{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:clamp(24px,4vw,48px)}.article-head{margin-bottom:var(--sp-6);gap:16px;display:grid}.article-head h1{letter-spacing:.01em;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:700;line-height:1.5}.article-meta{font-size:var(--fs-xs);color:var(--c-muted);border-top:1px solid var(--c-line);flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:16px;display:flex}.article-meta .author{color:var(--c-fg);align-items:center;gap:8px;font-weight:700;display:inline-flex}.article-meta .author i{background:var(--c-soft);width:26px;height:26px;color:var(--c-accent);border-radius:50%;place-items:center;font-size:.7rem;font-style:normal;font-weight:700;display:grid}.article-meta time{align-items:center;gap:5px;display:inline-flex}.article-meta svg{width:14px;height:14px;color:var(--c-dim)}.article-hero{margin-bottom:var(--sp-6)}.article-hero .thumb{border-radius:var(--r)}.article-hero figcaption{font-size:var(--fs-xs);color:var(--c-dim);text-align:right;margin-top:8px}.toc{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r);margin:0 0 var(--sp-6);padding:18px 22px 20px}.toc summary{cursor:pointer;font-weight:700;font-size:var(--fs-sm);letter-spacing:.08em;align-items:center;gap:10px;list-style:none;display:flex}.toc summary::-webkit-details-marker{display:none}.toc summary svg{width:16px;height:16px;color:var(--c-accent)}.toc summary .latin{letter-spacing:.22em;color:var(--c-dim);margin-left:auto;font-size:.62rem}.toc ol{counter-reset:toc;gap:2px;margin-top:14px;display:grid}.toc li{counter-increment:toc}.toc li a{border-radius:var(--r-sm);font-size:var(--fs-sm);align-items:baseline;gap:12px;padding:7px 8px;transition:background .2s,color .2s;display:flex}.toc li a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-latin);color:var(--c-accent);letter-spacing:.08em;font-size:.7rem;font-weight:800}.toc li a:hover{background:var(--c-soft-2);color:var(--c-accent)}.toc li.sub{counter-increment:none}.toc li.sub a{font-size:var(--fs-xs);color:var(--c-muted);padding-left:34px}.toc li.sub a:before{content:"—";color:var(--c-dim)}.prose{font-size:var(--fs-base);line-height:1.95}.prose>*+*{margin-top:1.4em}.prose .lead-p{font-size:var(--fs-md);color:var(--c-muted)}.prose h2{font-size:var(--fs-xl);border-bottom:1px solid var(--c-line);letter-spacing:.01em;margin-top:2.6em;padding-bottom:.55em;font-weight:700;line-height:1.45;position:relative}.prose h2:after{content:"";background:var(--c-accent);border-radius:2px;width:56px;height:3px;position:absolute;bottom:-1px;left:0}.prose h3{font-size:var(--fs-lg);border-left:3px solid var(--c-accent);margin-top:2em;padding-left:16px;font-weight:700;line-height:1.5}.prose h4{font-size:var(--fs-md);align-items:center;gap:8px;margin-top:1.6em;font-weight:700;display:flex}.prose h4:before{content:"";background:var(--c-accent);border-radius:50%;width:8px;height:8px}.prose h2+*,.prose h3+*,.prose h4+*{margin-top:1em}.prose strong{background:linear-gradient(transparent 66%,var(--c-soft) 66%);font-weight:700}.prose a{color:var(--c-accent);text-underline-offset:4px;text-decoration:underline #2b6cb066}.prose a:hover{text-decoration-color:var(--c-accent)}.prose ul,.prose ol{gap:.5em;padding-left:0;display:grid}.prose ul li{padding-left:1.5em;position:relative}.prose ul li:before{content:"";background:var(--c-accent);opacity:.75;border-radius:50%;width:8px;height:8px;position:absolute;top:.78em;left:.25em}.prose ol{counter-reset:ol}.prose ol li{counter-increment:ol;padding-left:2.2em;position:relative}.prose ol li:before{content:counter(ol);background:var(--c-soft);width:1.6em;height:1.6em;color:var(--c-accent);font-family:var(--font-latin);border-radius:50%;place-items:center;font-size:.8em;font-weight:800;display:grid;position:absolute;top:.2em;left:0}.prose .table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--c-line);border-radius:var(--r-sm);overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);line-height:1.7}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--c-line);padding:12px 16px}.prose th{background:var(--c-soft-2);color:var(--c-fg);white-space:nowrap;font-weight:700}.prose td:first-child{font-weight:700}.prose tr:last-child td{border-bottom:0}.prose blockquote{background:var(--c-bg);border-radius:var(--r);color:var(--c-muted);font-size:var(--fs-sm);margin-inline:0;padding:22px 24px 22px 56px;line-height:1.9;position:relative}.prose blockquote:before{content:"“";font-family:var(--font-latin);color:var(--c-accent);opacity:.5;font-size:3rem;font-weight:800;line-height:1;position:absolute;top:8px;left:20px}.prose blockquote cite{font-style:normal;font-size:var(--fs-xs);color:var(--c-dim);margin-top:8px;display:block}.box{border-radius:var(--r);border:1px solid var(--c-line);background:var(--c-soft-2);font-size:var(--fs-sm);padding:20px 22px;line-height:1.85}.box .box-title{font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;color:var(--c-accent);align-items:center;gap:8px;margin-bottom:8px;display:flex}.box .box-title svg{width:18px;height:18px}.box p+p{margin-top:.6em}.box-caution{background:var(--c-warm-bg);border-color:var(--c-warm-line)}.box-caution .box-title{color:var(--c-warm-fg)}.prose figure{margin:0}.prose figure .thumb{border-radius:var(--r)}.prose figcaption{font-size:var(--fs-xs);color:var(--c-dim);text-align:center;margin-top:8px}.cta-app{margin-top:var(--sp-7);background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px 26px 26px 30px;display:grid;position:relative;overflow:hidden}.cta-app:before{content:"";background:var(--c-accent);width:5px;position:absolute;top:0;bottom:0;left:0}.cta-app .app-icon{background:var(--c-soft);width:72px;height:72px;color:var(--c-accent);border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #2b6cb026}.cta-app .app-icon svg{width:34px;height:34px}.cta-app .kicker{letter-spacing:.2em;font-size:.62rem}.cta-app .kicker:before{width:14px}.cta-app h3{font-size:var(--fs-md);margin:6px 0 4px;font-weight:700;line-height:1.5}.cta-app p{font-size:var(--fs-sm);color:var(--c-muted);line-height:1.75}.article-tags{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--c-line);flex-wrap:wrap;gap:8px;display:flex}.author-box{margin-top:var(--sp-6);background:var(--c-bg);border-radius:var(--r);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:18px;padding:22px 24px;display:grid}.author-box .avatar{background:var(--c-soft);width:64px;height:64px;color:var(--c-accent);box-shadow:0 0 0 1px var(--c-line);border:3px solid #fff;border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.author-box b{font-size:var(--fs-base)}.author-box p{font-size:var(--fs-sm);color:var(--c-muted);margin-top:4px;line-height:1.75}.post-nav{margin-top:var(--sp-6);grid-template-columns:1fr 1fr;gap:16px;display:grid}.post-nav a{border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-card);transition:border-color .2s,box-shadow .25s var(--ease);gap:6px;padding:16px 18px;display:grid}.post-nav a:hover{border-color:var(--c-accent);box-shadow:var(--sh)}.post-nav .lbl{font-family:var(--font-latin);letter-spacing:.2em;color:var(--c-dim);font-size:.62rem;font-weight:800}.post-nav .ttl{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.post-nav .next{text-align:right}.related{margin-top:var(--sp-7)}.related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related .post-card .body{padding:14px 16px 16px}.related .post-card h3{font-size:var(--fs-sm)}@media (width<=1080px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout,.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}}@media (width<=900px){.layout,.article-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.sidebar .widget-search{grid-column:1/-1}.related .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){:root{--gutter:16px}.site-header .bar{gap:12px;height:72px}.nav{display:none}.hero .container{grid-template-columns:1fr;gap:28px;padding-block:36px 44px}.hero-copy{text-align:left}.hero h1{font-size:clamp(1.85rem,8vw,2.4rem)}.hero-art{margin-top:4px;padding:0 12px 12px 0}.hero-art:before{inset:12px 0 0 12px}.hero-art img{aspect-ratio:16/10}.hero-latest{max-width:80%;bottom:-4px;left:8px}.features{padding-block:var(--sp-7) var(--sp-6)}.features-grid{grid-template-columns:1fr;gap:12px}.feature{grid-template-columns:48px minmax(0,1fr);gap:4px 16px;padding:22px 20px}.feature .ico{grid-row:1/3}.feature .num{display:none}.cats{padding-bottom:var(--sp-7)}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.posts{padding-bottom:var(--sp-8)}.post-grid{grid-template-columns:1fr;gap:16px}.post-card.featured,.post-grid>.post-card:nth-child(2n):last-child{grid-template-columns:1fr}.post-card.featured .thumb,.post-grid>.post-card:nth-child(2n):last-child .thumb{aspect-ratio:16/9}.post-card.featured .body{padding:18px 20px 20px}.post-card.featured h3{font-size:var(--fs-md)}.sidebar{grid-template-columns:1fr;gap:16px}.sec-head h2{font-size:var(--fs-lg)}.footer-grid{padding-block:var(--sp-7) var(--sp-6);grid-template-columns:1fr;gap:28px}.article{border-radius:var(--r);padding:22px 18px 26px}.article-head h1{font-size:1.3rem}.breadcrumb .here{max-width:14em}.cta-app{grid-template-columns:56px minmax(0,1fr);gap:14px 16px;padding:20px 18px 20px 22px}.cta-app .app-icon{border-radius:14px;width:56px;height:56px}.cta-app .btn{grid-column:1/-1;justify-self:stretch}.related .post-grid,.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}}@media (width<=430px){body{font-size:15px}.brand{font-size:1rem}.hero .lead{font-size:var(--fs-base)}.btn{min-height:44px;padding:0 20px}.pager a,.pager span{min-width:38px;height:38px}.prose{font-size:15.5px}.prose h2{font-size:1.3rem}.prose h3{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.header-tools{margin-left:auto;display:none}.icon-btn{border:1px solid var(--c-line);background:var(--c-card);width:40px;height:40px;color:var(--c-muted);border-radius:50%;place-items:center;display:grid}.icon-btn svg{width:18px;height:18px}.mobile-nav{display:none}.nav a[aria-current]{color:var(--c-fg)}.nav a[aria-current]:after{transform:scaleX(1)}.layout{padding-block:var(--sp-6) var(--sp-9)}.post-card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.pager .off{opacity:.35}.cat-tile .cnt{font-size:var(--fs-xs);color:var(--c-dim)}.chip .cnt{color:var(--c-dim);font-weight:500}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.prose img{border-radius:var(--r)}.prose code{background:var(--c-soft-2);border:1px solid var(--c-line);border-radius:4px;padding:.1em .4em;font-size:.9em}.prose pre{-webkit-overflow-scrolling:touch;background:var(--c-fg);color:#eef2f7;border-radius:var(--r);font-size:var(--fs-sm);padding:16px 18px;line-height:1.7;overflow-x:auto}.prose pre code{color:inherit;background:0 0;border:0;padding:0}.prose table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.prose hr{border:0;border-top:1px dashed var(--c-line-strong)}.article-hero img{border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;width:100%}.posts-empty{color:var(--c-muted)}@media (width<=768px){.header-tools{display:flex}.mobile-nav{border-top:1px solid var(--c-line);background:var(--c-card)}.mobile-nav.is-open{display:block}.mobile-nav a{padding:14px var(--gutter);font-size:var(--fs-sm);border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;font-weight:500;display:flex}.mobile-nav a svg{width:14px;height:14px;color:var(--c-dim)}.layout{padding-block:var(--sp-5) var(--sp-8)}}.rank{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.rank li{gap:var(--sp-3);grid-template-columns:18px 76px minmax(0,1fr);align-items:start;display:grid}.rank .no{font-family:var(--font-latin);font-weight:700;font-size:var(--fs-sm);color:var(--c-accent);line-height:1.6}.rank .thumb{aspect-ratio:16/10;border-radius:var(--r-sm);background:var(--c-soft);width:76px;overflow:hidden}.rank .thumb img{object-fit:cover;width:100%;height:100%;display:block}.rank a{font-size:var(--fs-sm);color:var(--c-fg);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;text-decoration:none;display:-webkit-box;overflow:hidden}.rank a:hover{color:var(--c-accent)}