@import "https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap";:root{--bg:#faf6f0;--bg-deep:#f3ecdf;--card:#fff;--fg:#33291f;--fg-soft:#5a4b3c;--mut:#7a6a58;--line:#eadfd0;--line-strong:#d9c9b3;--acc:#9a6a3a;--acc-deep:#7d5329;--acc-soft:#f1e6d6;--thread:#9a6a3a8c;--sage:#8a9a74;--sage-soft:#eef1e6;--azuki:#b4746a;--azuki-soft:#f7ebe7;--footer:#4a3a2b;--font:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif;--fs-xs:.78rem;--fs-sm:.875rem;--fs-md:.96rem;--fs-lg:1.08rem;--fs-xl:1.4rem;--fs-2xl:1.9rem;--lh:1.9;--ls:.02em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:72px;--r-sm:6px;--r:14px;--r-lg:20px;--maxw:1120px;--side:300px;--shadow:0 10px 28px -14px #5a3c1e47;--shadow-sm:0 2px 8px -2px #5a3c1e1f}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs-md);line-height:var(--lh);letter-spacing:var(--ls);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc-deep)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.5}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.stitch{position:relative}.stitch:after{content:"";border:1px dashed var(--thread);border-radius:calc(var(--r) - 5px);pointer-events:none;position:absolute;inset:6px}.tag{font-size:var(--fs-xs);background:var(--acc-soft);color:var(--acc-deep);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,6px 50%);letter-spacing:.04em;padding:6px 10px 6px 14px;font-weight:700;line-height:1;display:inline-block}.tag:hover{background:var(--acc);color:#fff}.date{font-size:var(--fs-xs);color:var(--mut);align-items:center;gap:6px;display:inline-flex}.date:before{content:"";background:var(--line-strong);width:10px;height:1px}.btn{font:inherit;font-size:var(--fs-sm);border:1.5px solid var(--acc);color:var(--acc);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-weight:700;line-height:1;transition:background .18s,color .18s,transform .18s;display:inline-flex}.btn:hover,.btn-fill{background:var(--acc);color:#fff}.btn-fill:hover{background:var(--acc-deep);color:#fff;transform:translateY(-1px)}.header{background:var(--card);border-bottom:1px solid var(--line)}.header-top{font-size:var(--fs-xs);color:var(--mut);border-bottom:1px dashed var(--line-strong);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.header-top a{color:var(--mut)}.header-top a:hover{color:var(--acc)}.brand{text-align:center;padding:30px 0 22px}.brand-mark{background:var(--acc-soft);width:44px;height:44px;color:var(--acc);border-radius:50%;place-items:center;margin-bottom:10px;display:inline-grid}.brand-mark svg{width:24px;height:24px}.brand-name{letter-spacing:.18em;color:var(--fg);font-size:2rem;font-weight:700;line-height:1.2;display:block}.brand-name a{color:inherit}.brand-tag{font-size:var(--fs-xs);color:var(--mut);letter-spacing:.08em;margin-top:8px;display:block}.nav{border-top:1px dashed var(--line-strong);scrollbar-width:none;justify-content:center;gap:4px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{font-size:var(--fs-sm);color:var(--fg-soft);flex:none;padding:14px 18px;font-weight:500;position:relative}.nav a:after{content:"";background:var(--acc);border-radius:3px 3px 0 0;height:3px;transition:transform .2s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current]:after{transform:scaleX(1)}.nav a:hover,.nav a[aria-current]{color:var(--acc-deep)}.hero{isolation:isolate;background:url(/hero.jpg) 50%/cover no-repeat;place-items:center;min-height:440px;padding:56px 20px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(#3c28142e,#3c281457);position:absolute;inset:0}.frame{text-align:center;background:#fffdf9f0;border-radius:4px;width:100%;max-width:560px;padding:40px 48px 36px;position:relative;box-shadow:0 24px 60px -24px #321e0a80}.frame:before{content:"";border:1px dashed var(--thread);pointer-events:none;position:absolute;inset:8px}.frame-ribbon{background:var(--acc);color:#fff;font-size:var(--fs-xs);letter-spacing:.3em;padding:6px 20px 6px 24px;font-weight:700;line-height:1;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.frame-ribbon:after{content:"";border:7px solid #0000;border-top-color:var(--acc-deep);position:absolute;top:100%;left:50%;transform:translate(-50%)}.frame h1{letter-spacing:.14em;color:var(--fg);font-size:clamp(1.7rem,4.4vw,2.4rem);line-height:1.45}.frame p{color:var(--fg-soft);font-size:var(--fs-md);margin-top:12px}.frame-pins{background:var(--acc);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 0 -2px #0003}.frame-pins.tl{top:14px;left:14px}.frame-pins.tr{top:14px;right:14px}.frame-pins.bl{bottom:14px;left:14px}.frame-pins.br{bottom:14px;right:14px}.layout{grid-template-columns:minmax(0,1fr) var(--side);gap:var(--sp-7);padding:var(--sp-7) 0 var(--sp-8);align-items:start;display:grid}.section-head{margin-bottom:var(--sp-5);border-bottom:1px dashed var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.section-head h2{font-size:var(--fs-xl);align-items:center;gap:10px;display:flex}.section-head h2:before{content:"";background:var(--acc);width:8px;height:8px;box-shadow:0 0 0 3px var(--acc-soft);border-radius:50%}.section-head span{font-size:var(--fs-xs);color:var(--mut)}.posts{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.post{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.post:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.post:hover .btn{background:var(--acc);color:#fff}.post.wide{flex-direction:row;grid-column:1/-1}.post.wide .thumb{aspect-ratio:auto;flex:0 0 46%}.post.wide .post-body{padding:28px 30px}.post.wide .post-title{font-size:1.25rem}.thumb{aspect-ratio:16/9;background:var(--th,var(--acc-soft));position:relative;overflow:hidden}.thumb-note{font-size:var(--fs-xs);color:#33291f73;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.post-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.post-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.post-title{font-size:var(--fs-lg);line-height:1.6}.post-title a{color:var(--fg)}.post-title a:hover{color:var(--acc-deep)}.post-excerpt{font-size:var(--fs-sm);color:var(--mut);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8;display:-webkit-box;overflow:hidden}.post-foot{margin-top:auto;padding-top:8px}.pager{margin-top:var(--sp-6);justify-content:center;align-items:center;gap:18px;display:flex}.pager a,.pager span.off{border:1.5px solid var(--acc);width:42px;height:42px;color:var(--acc);border-radius:50%;place-items:center;font-size:1.2rem;line-height:1;display:inline-grid}.pager a:hover{background:var(--acc);color:#fff}.pager span.off{border-color:var(--line);color:var(--line-strong)}.pager .now{font-size:var(--fs-sm);color:var(--mut)}.pager .now b{color:var(--fg);font-size:1.1rem}.side{gap:var(--sp-5);display:grid;position:sticky;top:20px}.widget{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px 20px}.widget-title{font-size:var(--fs-md);align-items:center;gap:10px;margin-bottom:14px;font-weight:700;display:flex}.widget-title:after{content:"";border-top:1px dashed var(--line-strong);flex:1;height:1px}.profile{text-align:center}.avatar{background:var(--acc-soft);width:72px;height:72px;color:var(--acc);border:3px solid var(--card);box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;place-items:center;margin:0 auto 10px;display:grid}.avatar svg{width:32px;height:32px}.profile b{font-size:var(--fs-md);display:block}.profile p{font-size:var(--fs-sm);color:var(--mut);margin-top:8px;line-height:1.75}.profile .btn{font-size:var(--fs-xs);margin-top:14px;padding:9px 18px}.recent li{border-bottom:1px dashed var(--line);gap:2px;padding:9px 0;display:grid}.recent li:last-child{border-bottom:0}.recent a{color:var(--fg);font-size:var(--fs-sm);line-height:1.6}.recent a:hover{color:var(--acc-deep)}.cats{flex-wrap:wrap;gap:8px;display:flex}.footer{background:var(--footer);color:#e9dfd1;padding:var(--sp-7) 0 var(--sp-5);text-align:center}.footer .brand-name{color:#fff;font-size:1.4rem}.footer-nav{font-size:var(--fs-sm);flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:18px 0 26px;display:flex}.footer-nav a{color:#e9dfd1}.footer-nav a:hover{color:#fff}.footer small{font-size:var(--fs-xs);color:#b8a994;border-top:1px dashed #fff3;padding-top:18px;display:block}.crumb{font-size:var(--fs-xs);color:var(--mut);padding:var(--sp-4) 0 0;flex-wrap:wrap;gap:8px;display:flex}.crumb a{color:var(--mut)}.crumb a:hover{color:var(--acc)}.crumb li+li:before{content:"›";color:var(--line-strong);margin-right:8px}.article{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 44px 48px}.article-head{gap:14px;margin-bottom:26px;display:grid}.article-head h1{font-size:clamp(1.45rem,3vw,var(--fs-2xl));letter-spacing:.03em;line-height:1.55}.article-head .post-meta{gap:14px}.eyecatch{aspect-ratio:16/9;border-radius:var(--r);background:#e3d2c4;margin-bottom:34px;position:relative;overflow:hidden}.eyecatch:after{content:"";border-radius:calc(var(--r) - 6px);pointer-events:none;border:1px dashed #ffffffbf;position:absolute;inset:8px}.prose{font-size:var(--fs-md);line-height:1.95}.prose>*+*{margin-top:1.4em}.prose .lead{color:var(--fg-soft);font-size:1.02rem}.prose h2{font-size:var(--fs-xl);border-left:5px solid var(--acc);border-bottom:1px dashed var(--line-strong);background:linear-gradient(90deg,var(--acc-soft),transparent 70%);margin-top:2.4em;padding:10px 0 10px 18px;line-height:1.5}.prose h3{margin-top:1.9em;padding-left:22px;font-size:1.15rem;position:relative}.prose h3:before{content:"";border:2px solid var(--acc);background:var(--card);border-radius:50%;width:12px;height:12px;position:absolute;top:.5em;left:0}.prose ul,.prose ol{gap:6px;padding-left:4px;display:grid}.prose ul li{padding-left:22px;position:relative}.prose ul li:before{content:"";background:var(--acc);border-radius:50%;width:8px;height:8px;position:absolute;top:.75em;left:4px}.prose ol{counter-reset:n}.prose ol li{counter-increment:n;padding-left:34px;position:relative}.prose ol li:before{content:counter(n);background:var(--acc-soft);width:24px;height:24px;color:var(--acc-deep);font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:.2em;left:0}.prose strong{background:linear-gradient(transparent 62%,var(--acc-soft) 62%);font-weight:700}.prose table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-sm);border:1px solid var(--line-strong);border-radius:var(--r-sm);overflow:hidden}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 14px}.prose th{background:var(--bg-deep);color:var(--fg-soft);white-space:nowrap;font-weight:700}.prose tr:last-child td{border-bottom:0}.prose td+td,.prose th+th{border-left:1px solid var(--line)}.prose blockquote{background:var(--bg);border-radius:var(--r);color:var(--fg-soft);font-size:var(--fs-sm);margin:1.6em 0 0;padding:20px 24px 20px 56px;line-height:1.9;position:relative}.prose blockquote:before{content:"“";color:var(--acc);opacity:.6;font-size:3rem;line-height:1;position:absolute;top:8px;left:20px}.prose blockquote cite{font-style:normal;font-size:var(--fs-xs);color:var(--mut);margin-top:8px;display:block}.box{border:1.5px solid var(--azuki);border-radius:var(--r);background:var(--azuki-soft);margin-top:2em;padding:28px 24px 22px;position:relative}.box:after{content:"";border-radius:calc(var(--r) - 5px);pointer-events:none;border:1px dashed #b4746a80;position:absolute;inset:6px}.box-title{background:var(--azuki);color:#fff;font-size:var(--fs-xs);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,6px 50%);padding:7px 14px 7px 18px;font-weight:700;line-height:1;position:absolute;top:-13px;left:18px}.box p{font-size:var(--fs-sm);line-height:1.85}.box.note{border-color:var(--sage);background:var(--sage-soft)}.box.note:after{border-color:#8a9a748c}.box.note .box-title{background:var(--sage)}.cta{margin-top:var(--sp-7);border-radius:var(--r-lg);background:var(--bg-deep);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:20px;padding:30px 28px;display:grid}.cta:after{border-radius:calc(var(--r-lg) - 6px);inset:8px}.cta-icon{background:var(--card);width:64px;height:64px;color:var(--acc);box-shadow:var(--shadow-sm);border-radius:18px;place-items:center;display:grid}.cta-icon svg{width:30px;height:30px}.cta-label{font-size:var(--fs-xs);color:var(--mut);margin-bottom:4px}.cta h3{font-size:var(--fs-lg);line-height:1.5}.cta p{font-size:var(--fs-sm);color:var(--fg-soft);margin-top:6px}.cta .btn{margin-top:14px}.article-tags{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px dashed var(--line-strong);flex-wrap:wrap;gap:8px;display:flex}.related{margin-top:var(--sp-7)}.related .posts{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr))}.related .post-body{gap:8px;padding:14px 16px 16px}.related .post-title{font-size:var(--fs-sm)}@media (width<=900px){.layout{gap:var(--sp-6);padding-top:var(--sp-6);grid-template-columns:1fr}.side{position:static}.related .posts{grid-template-columns:1fr 1fr}}@media (width<=640px){:root{--fs-md:.95rem}.wrap{padding:0 16px}.header-top{display:none}.brand{padding:24px 0 16px}.brand-name{font-size:1.6rem}.nav{justify-content:flex-start;padding:0 6px}.hero{min-height:360px;padding:40px 16px}.frame{padding:34px 22px 28px}.frame h1{letter-spacing:.08em}.posts{gap:var(--sp-4);grid-template-columns:1fr}.post.wide{flex-direction:column}.post.wide .thumb{aspect-ratio:16/9;flex:none}.post.wide .post-body{padding:18px 20px 20px}.post.wide .post-title{font-size:var(--fs-lg)}.article{border-radius:var(--r);padding:26px 18px 32px}.prose h2{padding-left:14px;font-size:1.2rem}.prose table{display:block;overflow-x:auto}.cta{text-align:center;grid-template-columns:1fr;justify-items:center;padding:26px 20px}.related .posts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.thumb{background-position:50%;background-size:cover;display:block}.eyecatch img{object-fit:cover;width:100%;height:100%;display:block}.prose a{text-underline-offset:3px;font-weight:500;text-decoration:underline}.prose img{border-radius:var(--r-sm);max-width:100%;height:auto}.prose code{background:var(--bg-deep);border-radius:6px;padding:.15em .45em;font-size:.92em}.prose pre{background:var(--footer);color:#f3ecdf;border-radius:var(--r);padding:16px;overflow-x:auto}.prose pre code{color:inherit;background:0 0}.prose>:first-child{margin-top:0}.pager span.off{display:inline-grid}.crumb{list-style:none}.crumb li{display:inline}.page-title{font-size:var(--fs-xl);margin-bottom:var(--sp-5)}.cta .cta-bubbles{gap:8px;margin-top:10px;display:grid}.cta .cta-bubbles p{background:var(--card);border:1px solid var(--line);font-size:var(--fs-sm);border-radius:14px;margin:0;padding:8px 14px}.cta .cta-bubbles p.out{background:var(--acc-soft);justify-self:end}