:root{--bg:#f4f9f6;--surface:#fff;--surface-2:#eef5f1;--text:#23403a;--text-muted:#5f7d74;--text-faint:#8aa39b;--accent:#37866f;--accent-deep:#2b6e5b;--accent-soft:#dcefe7;--sand:#f3eee5;--sand-deep:#b99c7c;--line:#dbe9e3;--line-strong:#c6ddd3;--font:"Zen Maru Gothic",system-ui,sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:30px;--fs-3xl:40px;--lh:1.9;--sp-1:6px;--sp-2:12px;--sp-3:20px;--sp-4:32px;--sp-5:48px;--sp-6:72px;--radius:18px;--radius-sm:12px;--radius-pill:999px;--shadow-soft:0 1px 2px #23403a0a,0 10px 28px -18px #23403a40;--shadow-hover:0 2px 4px #23403a0d,0 18px 36px -18px #23403a52;--maxw:1180px;--panel-w:300px}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:.01em;margin:0;font-weight:700;line-height:1.5}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.container{max-width:var(--maxw);padding:0 var(--sp-3);margin:0 auto}.site-header{z-index:20;padding:clamp(18px,3vw,34px) 0 clamp(6px,1.5vw,14px);position:relative}.site-header .bar{max-width:var(--maxw);padding:0 var(--sp-3);justify-content:space-between;align-items:center;gap:var(--sp-3);margin:0 auto;display:flex}.brand{white-space:nowrap;align-items:center;gap:14px;display:flex}.brand .mark{background:var(--accent-soft);width:46px;height:46px;box-shadow:inset 0 0 0 6px var(--bg);border-radius:62% 38% 55% 45%/48% 58% 42% 52%;flex:none;place-items:center;display:grid}.brand .mark i{background:var(--accent);border-radius:50%;width:16px;height:16px;display:block}.brand-text{gap:3px;display:grid}.brand-name{font-size:var(--fs-md);letter-spacing:.08em;font-weight:700;line-height:1.3}.brand small{letter-spacing:.14em;color:var(--text-faint);font-size:11px;font-weight:500;line-height:1.2}.soft-nav{background:var(--surface);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);color:var(--text-muted);gap:2px;padding:5px;font-size:12.5px;font-weight:500;display:flex}.soft-nav a{border-radius:var(--radius-pill);letter-spacing:.06em;white-space:nowrap;padding:7px 16px;transition:background .2s,color .2s}.soft-nav a:hover{background:var(--bg);color:var(--text)}.soft-nav a[aria-current]{background:var(--accent-soft);color:var(--accent-deep)}.nav{gap:var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);font-weight:500;display:flex}.nav a{padding:4px 0;transition:color .2s;position:relative}.nav a:after{content:"";background:var(--accent);transform-origin:0;border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav a:hover{color:var(--text)}.nav a:hover:after{transform:scaleX(1)}.hero{background:url(/hero.jpg) 50%/cover no-repeat;align-items:center;min-height:clamp(380px,46vw,540px);display:flex;position:relative}.hero .container{width:100%}.hero-card{backdrop-filter:blur(6px);border-radius:var(--radius);max-width:540px;padding:var(--sp-5) var(--sp-5) var(--sp-4);box-shadow:var(--shadow-soft);background:#ffffffe0}.kicker{font-size:var(--fs-xs);letter-spacing:.3em;color:var(--accent);margin-bottom:var(--sp-3);font-weight:700;display:inline-block}.hero-card h1{font-size:var(--fs-3xl);letter-spacing:.04em;line-height:1.3}.hero-card p{margin-top:var(--sp-3);color:var(--text-muted);font-size:var(--fs-base)}.hero-card .go{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--accent-deep);align-items:center;gap:10px;font-weight:700;display:inline-flex}.hero-card .go i{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:36px;height:36px;transition:background .2s,border-color .2s;display:grid}.hero-card .go:hover i{background:var(--accent);border-color:var(--accent);color:#fff}.hero-card .go svg{width:14px;height:14px}.layout{max-width:var(--maxw);padding:var(--sp-5) var(--sp-3) var(--sp-6);grid-template-columns:var(--panel-w) minmax(0,1fr);gap:var(--sp-5);align-items:start;margin:0 auto;display:grid}.panel{gap:var(--sp-3);display:grid;position:sticky;top:84px}.panel-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4) var(--sp-4) var(--sp-3)}.panel-box+.panel-box{padding-top:var(--sp-3)}.panel .avatar{background:var(--accent-soft);width:56px;height:56px;color:var(--accent-deep);margin-bottom:var(--sp-2);border-radius:50%;place-items:center;font-weight:700;display:grid}.panel .name{font-size:var(--fs-lg);font-weight:700}.panel .en{letter-spacing:.3em;color:var(--text-faint);margin-top:2px;font-size:10px}.panel .tag{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--accent-deep);font-weight:500}.panel .desc{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);line-height:1.85}.panel .more{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--accent-deep);border-bottom:1px solid var(--line-strong);padding-bottom:2px;font-weight:700;display:inline-block}.panel .more:hover{border-color:var(--accent)}.panel-title{font-size:var(--fs-xs);letter-spacing:.24em;color:var(--text-faint);margin-bottom:var(--sp-2);font-weight:700}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font-size:var(--fs-xs);color:var(--accent-deep);background:var(--accent-soft);border-radius:var(--radius-pill);padding:3px 11px;font-weight:500;transition:background .2s,color .2s}.chip:hover{background:var(--accent);color:#fff}.chip.outline{border:1px solid var(--line-strong);color:var(--text-muted);background:0 0}.chip.outline:hover{border-color:var(--accent);color:var(--accent-deep);background:0 0}.pick li{border-top:1px solid var(--line);font-size:var(--fs-sm);grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 0;line-height:1.6;display:grid}.pick li:first-child{border-top:0;padding-top:0}.pick .num{font-size:var(--fs-xs);color:var(--sand-deep);letter-spacing:.05em;padding-top:3px;font-weight:700}.pick a:hover{color:var(--accent-deep)}.pick time{color:var(--text-faint);margin-top:2px;font-size:11px;display:block}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.section-head h2{font-size:var(--fs-xl);letter-spacing:.03em}.section-head .sub{font-size:var(--fs-xs);letter-spacing:.3em;color:var(--accent);margin-bottom:4px;display:block}.rows{gap:var(--sp-3);display:grid}.row{gap:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2);grid-template-columns:minmax(0,38%) minmax(0,1fr);transition:transform .25s,box-shadow .25s,border-color .25s;display:grid}.row:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong);transform:translateY(-2px)}.thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:linear-gradient(135deg,#dcefe7,#c6e3d7);overflow:hidden}.thumb.t2{background:linear-gradient(135deg,#e9f1ea,#cfe2d5)}.thumb.t3{background:linear-gradient(135deg,#f3eee5,#e0d6c6)}.thumb.t4{background:linear-gradient(135deg,#e2eef7,#c9dbe8)}.row-body{padding:var(--sp-1) var(--sp-2) var(--sp-1) 0;flex-direction:column;gap:6px;display:flex}.row-meta{font-size:var(--fs-xs);color:var(--text-faint);align-items:center;gap:10px;display:flex}.row h3{font-size:var(--fs-md);line-height:1.55;transition:color .2s}.row:hover h3{color:var(--accent-deep)}.row .excerpt{font-size:var(--fs-sm);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.75;display:-webkit-box;overflow:hidden}.row .read{font-size:var(--fs-xs);color:var(--accent-deep);align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-weight:700;display:inline-flex}.row .read:after{content:"";background:currentColor;width:18px;height:1px;transition:width .2s}.row:hover .read:after{width:28px}.pagination{margin-top:var(--sp-5);justify-content:center;gap:8px;display:flex}.pagination a{width:40px;height:40px;font-size:var(--fs-sm);color:var(--text-muted);border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;font-weight:700;transition:all .2s;display:grid}.pagination a:hover{border-color:var(--accent);color:var(--accent-deep)}.pagination a[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}.site-footer{background:var(--surface-2);border-top:1px solid var(--line);padding:var(--sp-5) 0 var(--sp-4)}.site-footer .container{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;display:flex}.site-footer .nav{justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.site-footer .copy{font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.08em}.breadcrumb{font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:var(--sp-3);flex-wrap:wrap;gap:8px;display:flex}.breadcrumb a:hover{color:var(--accent-deep)}.article{max-width:760px}.article .title{font-size:var(--fs-2xl);letter-spacing:.02em;line-height:1.45}.article-meta{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint);flex-wrap:wrap;display:flex}.article-meta .by{color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.article-meta .by i{background:var(--accent-soft);border-radius:50%;width:20px;height:20px;display:inline-block}.eyecatch{margin:var(--sp-4) 0 var(--sp-5);aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#dcefe7,#c6e3d7)}.prose{font-size:var(--fs-base);line-height:2}.prose>*+*{margin-top:1.4em}.prose .lead{font-size:var(--fs-md);color:var(--text-muted)}.prose h2{font-size:var(--fs-xl);border-bottom:1px solid var(--line);margin-top:2.8em;padding-bottom:12px;line-height:1.5;position:relative}.prose h2:after{content:"";background:var(--accent);width:48px;height:2px;position:absolute;bottom:-1px;left:0}.prose h2+*{margin-top:1.2em}.prose h3{font-size:var(--fs-lg);margin-top:2.2em;padding-left:18px;line-height:1.5;position:relative}.prose h3:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:.65em;left:0}.prose ul{gap:8px;padding-left:4px;display:grid}.prose ul li{padding-left:22px;position:relative}.prose ul li:before{content:"";background:var(--accent-soft);width:7px;height:7px;box-shadow:inset 0 0 0 2px var(--accent);border-radius:50%;position:absolute;top:.85em;left:4px}.prose table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);border:1px solid var(--line);border-radius:var(--radius-sm);line-height:1.7;overflow:hidden}.prose th,.prose td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 14px}.prose thead th{background:var(--accent-soft);color:var(--accent-deep);border-top:0;font-weight:700}.prose tbody th{background:var(--surface-2);width:30%;font-weight:700}.prose blockquote{padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);margin:1.6em 0;line-height:1.9;position:relative}.prose blockquote:before{content:"“";color:var(--line-strong);font-size:40px;line-height:1;position:absolute;top:-6px;left:14px}.prose blockquote cite{font-style:normal;font-size:var(--fs-xs);color:var(--text-faint);margin-top:8px;display:block}.prose .note{padding:var(--sp-3) var(--sp-4) var(--sp-3);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);font-size:var(--fs-sm);line-height:1.9;position:relative}.prose .note .label{top:-12px;left:var(--sp-3);background:var(--accent);color:#fff;letter-spacing:.14em;border-radius:var(--radius-pill);padding:2px 12px;font-size:11px;font-weight:700;position:absolute}.prose .note.sand{background:var(--sand);border-color:#e4d9c7}.prose .note.sand .label{background:var(--sand-deep)}.prose mark{background:linear-gradient(transparent 58%,var(--accent-soft) 58%);padding:0 2px}.prose a{color:var(--accent-deep);border-bottom:1px solid var(--line-strong)}.prose a:hover{border-color:var(--accent)}.cta{margin:var(--sp-6) 0 var(--sp-5);background:linear-gradient(160deg,#fff,var(--accent-soft));border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);gap:var(--sp-3);box-shadow:var(--shadow-soft);grid-template-columns:72px minmax(0,1fr);align-items:center;display:grid}.cta .icon{background:var(--surface);border:1px solid var(--line);width:72px;height:72px;color:var(--accent);border-radius:20px;place-items:center;display:grid}.cta .icon svg{width:30px;height:30px}.cta .label{letter-spacing:.2em;color:var(--accent);font-size:11px;font-weight:700}.cta h3{font-size:var(--fs-lg);margin-top:4px}.cta p{font-size:var(--fs-sm);color:var(--text-muted);margin-top:6px;line-height:1.8}.cta .btn{margin-top:var(--sp-2);background:var(--accent);color:#fff;font-size:var(--fs-sm);border-radius:var(--radius-pill);padding:10px 26px;font-weight:700;transition:background .2s,transform .2s;display:inline-block}.cta .btn:hover{background:var(--accent-deep);transform:translateY(-1px)}.article-tags{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;display:flex}.related{margin-top:var(--sp-6)}.related .section-head{margin-bottom:var(--sp-3)}.related-grid{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-2);transition:transform .25s,box-shadow .25s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card .thumb{margin-bottom:10px}.card .row-meta{padding:0 4px}.card h3{font-size:var(--fs-sm);margin-top:4px;padding:0 4px 6px;line-height:1.6}.card:hover h3{color:var(--accent-deep)}@media (width<=960px){.layout{gap:var(--sp-4);grid-template-columns:1fr}.panel{order:2;position:static}.main{order:1}.panel-box{padding:var(--sp-3)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--fs-3xl:28px;--fs-2xl:24px;--fs-xl:21px;--sp-5:36px;--sp-6:52px}.site-header{padding-top:16px}.site-header .bar{flex-direction:column;align-items:flex-start;gap:12px;padding:0 14px}.brand{gap:11px}.brand .mark{width:40px;height:40px}.soft-nav{justify-content:space-between;width:100%;font-size:12px}.soft-nav a{text-align:center;flex:1;padding:8px 0}.nav{font-size:var(--fs-xs);gap:14px}.nav a{white-space:nowrap}.container,.layout{padding-left:16px;padding-right:16px}.hero{background-position:50% 30%;min-height:0;padding:150px 0 20px}.hero-card{max-width:none;padding:var(--sp-4) var(--sp-3) var(--sp-3)}.section-head{flex-direction:column;align-items:flex-start}.row{grid-template-columns:1fr;gap:10px}.row-body{padding:0 6px 6px}.row .excerpt{-webkit-line-clamp:3}.related-grid{grid-template-columns:1fr}.cta{padding:var(--sp-3);grid-template-columns:1fr}.cta .icon{border-radius:16px;width:56px;height:56px}.prose table{display:block;overflow-x:auto}}.thumb{display:block}.thumb img{object-fit:cover;width:100%;height:100%}.pagination span{width:40px;height:40px;font-size:var(--fs-sm);color:var(--text-faint);border:1px solid var(--line);opacity:.5;border-radius:50%;place-items:center;display:grid}.article>img.rimg{width:100%;margin:var(--sp-4) 0 var(--sp-5);aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.tag-page .chips{gap:10px}.prose img{border-radius:var(--radius-sm);border:1px solid var(--line)}.prose pre{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--line);padding:18px;overflow-x:auto}.prose code{background:var(--accent-soft);color:var(--accent-deep);border-radius:6px;padding:.1em .4em;font-size:.9em}.prose pre code{color:var(--text);background:0 0;padding:0}.prose ol{padding-left:1.4em}.prose li::marker{color:var(--accent)}.lead{font-size:var(--fs-md);color:var(--text-muted)}