@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&family=Caveat:wght@500;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--paper: #f6f1e8;--paper-card: #fdfaf3;--paper-warm: #efe7d7;--ink: #1f1b16;--ink-soft: #5a534a;--ink-mute: #8e8579;--rule: #2a241d;--rule-soft: rgba(31,27,22,.18);--accent: #d97757;--accent-deep: #b85d3c;--accent-soft: #f4d8c8;--accent-tint: #fbe9dd;--highlight: #f3c948;--serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;--sans: "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--hand: "Caveat", cursive;--mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 4px;--r-md: 8px;--r-lg: 14px;--shadow-sm: 0 1px 0 rgba(31,27,22,.06), 0 1px 3px rgba(31,27,22,.05);--shadow-card: 2px 3px 0 rgba(31,27,22,.08);--max-w: 740px}[data-theme=dark]{--paper: #1a1612;--paper-card: #221d18;--paper-warm: #2a241d;--ink: #f6f1e8;--ink-soft: #c9bfae;--ink-mute: #8c8377;--rule: #f6f1e8;--rule-soft: rgba(246,241,232,.16);--accent: #ec8b6b;--accent-deep: #d97757;--accent-soft: #4a2e23;--accent-tint: #2e1f17}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.85;min-height:100vh}a{color:inherit;text-decoration:none;transition:opacity .15s}a:hover{opacity:.75}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 16px}.container-wide{max-width:1020px;margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1.5px solid var(--rule)}.site-header nav{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px}.site-logo{font-family:var(--serif);font-weight:900;font-size:20px;letter-spacing:.02em;display:flex;align-items:baseline;gap:6px}.site-logo .mark{width:9px;height:9px;background:var(--accent);border-radius:50%;display:inline-block;transform:translateY(1px)}.site-logo small{font-family:var(--mono);font-size:9px;font-weight:500;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{font-family:var(--mono);font-size:11px;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.nav-links a:hover{color:var(--accent-deep);opacity:1}.news-hero{padding:28px 16px 24px;background:var(--paper-warm);border-bottom:1.5px solid var(--rule);position:relative;overflow:hidden}.news-hero .inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:16px}.news-hero .text-col{flex:1 1 0;min-width:0}.news-hero .illust-col{flex-shrink:0;width:120px;display:none}@media (min-width: 480px){.news-hero .illust-col{display:block}}.news-hero .kicker{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--accent-deep);font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}.news-hero .kicker:before{content:"";width:18px;height:1.5px;background:var(--accent)}.news-hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(22px,5vw,28px);line-height:1.3;letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}.news-hero h1 .hl{background:linear-gradient(transparent 60%,var(--accent-tint) 60%);padding:0 2px}.news-hero .lead{font-size:13px;line-height:1.7;color:var(--ink-soft);margin:0 0 14px}.news-form{display:flex;gap:6px}.news-form input{flex:1;padding:10px 12px;border:1.5px solid var(--rule);border-radius:var(--r-md);font-family:var(--mono);font-size:11px;background:var(--paper-card);color:var(--ink);outline:none;min-width:0}.news-form input::placeholder{color:var(--ink-mute)}.news-form input:focus{border-color:var(--accent)}.news-form button{padding:10px 16px;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r-md);font-family:var(--sans);font-weight:700;font-size:12px;cursor:pointer;box-shadow:2px 2px 0 var(--accent);transition:transform .1s;white-space:nowrap}.news-form button:active{transform:translate(2px,2px);box-shadow:none}.news-meta{display:flex;gap:12px;margin-top:10px;font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.05em}.news-meta b{color:var(--ink);font-weight:700}.sec-head{display:flex;align-items:baseline;justify-content:space-between;padding:22px 0 10px}.sec-head .label{font-family:var(--serif);font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px}.sec-head .label:before{content:"";width:16px;height:2.5px;background:var(--accent)}.sec-head .more{font-family:var(--mono);font-size:10px;color:var(--ink-soft);letter-spacing:.05em;cursor:pointer}.sec-head .more:hover{color:var(--accent-deep)}.card{padding:14px 0;border-bottom:1px solid var(--rule-soft);display:flex;gap:14px;cursor:pointer;transition:background .15s;border-radius:var(--r-sm)}.card:hover{background:var(--paper-card);padding-left:8px;padding-right:8px;margin:0 -8px}.card .thumb{flex-shrink:0;width:96px;height:96px;border:1.5px solid var(--rule);border-radius:var(--r-md);background:var(--accent-tint);overflow:hidden}.card .thumb svg{width:100%;height:100%}.card .body{flex:1;min-width:0}.card .cat{font-family:var(--mono);font-size:9px;color:var(--accent-deep);letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-bottom:5px}.card .title{font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.45;color:var(--ink);margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .meta{font-family:var(--mono);font-size:9px;color:var(--ink-mute);display:flex;gap:8px;letter-spacing:.04em}.tag-hero{padding:24px 16px 26px;background:var(--paper-warm);border-bottom:1.5px solid var(--rule)}.tag-hero h1{font-family:var(--serif);font-weight:900;font-size:22px;margin:0 0 4px}.tag-hero .sub{font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.08em}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-pill{display:inline-flex;align-items:baseline;gap:4px;padding:6px 12px;border:1.5px solid var(--rule);border-radius:999px;background:var(--paper-card);font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s;text-decoration:none!important}.tag-pill .n{font-family:var(--mono);font-size:9px;color:var(--ink-mute);font-weight:400}.tag-pill.lg{font-size:15px;font-weight:700;padding:8px 14px}.tag-pill.xl{font-size:18px;font-weight:700;padding:9px 16px}.tag-pill:hover{border-color:var(--accent);color:var(--accent-deep);opacity:1}.tag-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tag-pill.active .n{color:var(--accent)}.card-featured{border:1.5px solid var(--rule);border-radius:var(--r-md);overflow:hidden;background:var(--paper-card);cursor:pointer;margin-bottom:8px;box-shadow:var(--shadow-card)}.card-featured .img{height:180px;background:var(--accent-tint);border-bottom:1.5px solid var(--rule);position:relative;overflow:hidden}.card-featured .ribbon{position:absolute;top:12px;left:12px;background:var(--ink);color:var(--paper);padding:3px 8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;border-radius:2px}.card-featured .body{padding:14px}.card-featured .title{font-family:var(--serif);font-weight:900;font-size:17px;line-height:1.45;margin:0 0 8px;color:var(--ink)}.card-featured .meta{font-family:var(--mono);font-size:9px;color:var(--ink-mute);display:flex;gap:8px;letter-spacing:.04em}.breadcrumb{padding:10px 16px;font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.04em;border-bottom:1px dashed var(--rule-soft)}.breadcrumb a{color:var(--ink-mute)}.breadcrumb a:hover{color:var(--accent-deep);opacity:1}.breadcrumb .sep{margin:0 4px;opacity:.5}.article-head{padding:20px 16px 18px;max-width:var(--max-w);margin:0 auto}.article-cat{display:inline-block;font-family:var(--mono);font-size:10px;color:var(--accent-deep);font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.article-h1{font-family:var(--serif);font-weight:900;font-size:clamp(22px,4vw,28px);line-height:1.38;letter-spacing:-.01em;margin:0 0 14px;color:var(--ink)}.article-meta{display:flex;gap:12px;font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.04em;align-items:center;flex-wrap:wrap}.article-meta .updated{background:var(--paper-warm);padding:3px 8px;border-radius:var(--r-sm);color:var(--ink-soft)}.conclusion{padding:14px 16px;background:var(--paper-warm);border:1.5px solid var(--rule);border-radius:var(--r-md);max-width:calc(var(--max-w) - 32px);margin:0 auto 20px}.conclusion .label{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-weight:700;font-size:11px;color:var(--accent-deep);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.conclusion .label:before{content:"📌"}.conclusion .text{font-family:var(--serif);font-size:14px;line-height:1.7;color:var(--ink);font-weight:500}.toc{padding:14px 16px;background:var(--paper-card);border:1.5px solid var(--rule);border-radius:var(--r-md);max-width:calc(var(--max-w) - 32px);margin:0 auto 24px}.toc .label{font-family:var(--serif);font-weight:700;font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.toc .label:before{content:"";width:10px;height:10px;background:var(--accent);display:inline-block;border-radius:2px}.toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.toc li{counter-increment:toc;padding:5px 0 5px 26px;position:relative;font-family:var(--sans);font-size:12px;color:var(--ink-soft);line-height:1.5}.toc li a{color:inherit}.toc li a:hover{color:var(--accent-deep);opacity:1}.toc li:before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:5px;font-family:var(--mono);font-size:10px;color:var(--accent);font-weight:500}.prose{padding:0 16px 32px;font-family:var(--sans);font-size:14px;line-height:1.85;color:var(--ink);max-width:var(--max-w);margin:0 auto}.prose h2{font-family:var(--serif);font-weight:900;font-size:19px;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--rule);letter-spacing:-.005em;counter-increment:h2;display:flex;align-items:baseline;gap:8px}.prose h2:before{content:"0" counter(h2);font-family:var(--mono);font-size:11px;color:var(--accent-deep);font-weight:500;flex-shrink:0}.prose h3{font-family:var(--serif);font-weight:700;font-size:16px;margin:22px 0 10px}.prose p{margin:0 0 14px}.prose p .hl{background:linear-gradient(transparent 60%,var(--highlight) 60%);padding:0 1px;font-weight:700}.prose blockquote{margin:18px 0;padding:4px 0 4px 14px;border-left:3px solid var(--accent);font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.7;color:var(--ink-soft)}.prose ul,.prose ol{margin:0 0 14px 20px}.prose li{margin-bottom:6px;line-height:1.75}.prose strong{font-weight:700}.prose a{color:var(--accent-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.prose hr{border:none;border-top:1px dashed var(--rule-soft);margin:28px 0}.prose{counter-reset:h2}.faq{border:1.5px solid var(--rule);border-radius:var(--r-md);background:var(--paper-card);overflow:hidden;max-width:calc(var(--max-w) - 32px);margin:0 auto 24px}.faq .faq-head{padding:12px 16px;background:var(--ink);color:var(--paper);font-family:var(--serif);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.faq .faq-head:before{content:"Q&A";font-family:var(--mono);font-size:10px;opacity:.6}.faq .faq-item{padding:12px 16px;border-bottom:1px solid var(--rule-soft)}.faq .faq-item:last-child{border-bottom:none}.faq .q{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--ink);margin-bottom:6px;display:flex;gap:8px}.faq .q:before{content:"Q";font-family:var(--mono);color:var(--accent-deep);flex-shrink:0}.faq .a{font-family:var(--sans);font-size:12px;line-height:1.7;color:var(--ink-soft);display:flex;gap:8px}.faq .a:before{content:"A";font-family:var(--mono);color:var(--ink-mute);flex-shrink:0}.author-box{padding:14px;border:1.5px solid var(--rule);border-radius:var(--r-md);background:var(--paper-card);display:flex;gap:12px;align-items:center;max-width:calc(var(--max-w) - 32px);margin:0 auto 24px}.author-box .name{font-family:var(--serif);font-weight:900;font-size:14px;margin-bottom:2px}.author-box .name small{font-family:var(--mono);font-size:9px;color:var(--ink-mute);font-weight:400;margin-left:6px;letter-spacing:.05em}.author-box .bio{font-family:var(--sans);font-size:11px;line-height:1.5;color:var(--ink-soft)}.related{padding:20px 16px 32px;border-top:1.5px solid var(--rule)}.related .label{font-family:var(--serif);font-weight:700;font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.related .label:before{content:"";width:14px;height:2.5px;background:var(--accent)}.related-grid{display:grid;grid-template-columns:1fr;gap:0}@media (min-width: 640px){.related-grid{grid-template-columns:1fr 1fr;gap:0 16px}}.tab-bar{display:flex;border-top:1.5px solid var(--rule);background:var(--paper-card);position:sticky;bottom:0;z-index:90}.tab-item{flex:1;text-align:center;padding:10px 4px 9px;font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.05em;cursor:pointer;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;gap:3px}.tab-item svg{width:22px;height:22px}.tab-item.active{color:var(--accent-deep);font-weight:700}.site-footer{background:var(--paper-warm);border-top:1.5px solid var(--rule);padding:28px 16px;margin-bottom:56px}@media (min-width: 640px){.site-footer{margin-bottom:0}}.footer-inner{max-width:var(--max-w);margin:0 auto}.footer-logo{font-family:var(--serif);font-weight:900;font-size:18px;display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.footer-logo .mark{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block;transform:translateY(1px)}.footer-note{font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.04em;line-height:1.6}.theme-btn{width:32px;height:32px;border:1.5px solid var(--rule);border-radius:var(--r-md);background:var(--paper-card);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.top-hero{padding:32px 0 28px;background:var(--paper-warm);border-bottom:1.5px solid var(--rule)}.top-hero-inner{display:flex;align-items:center;gap:20px}.top-hero-text{flex:1 1 0;min-width:0}.top-hero-illust{flex-shrink:0;width:160px;height:90px;border:1.5px solid var(--rule);border-radius:var(--r-md);overflow:hidden;display:none}@media (min-width: 520px){.top-hero-illust{display:block}}.top-hero .kicker{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--accent-deep);font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}.top-hero .kicker:before{content:"";width:18px;height:1.5px;background:var(--accent)}.top-hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(22px,5vw,30px);line-height:1.35;letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}.top-hero h1 .hl{background:linear-gradient(transparent 62%,var(--accent-tint) 62%);padding:0 2px}.hero-lead{font-size:13px;line-height:1.75;color:var(--ink-soft);margin:0 0 16px}.hero-tags{display:flex;flex-wrap:wrap;gap:7px}.amazon-card{margin:24px 0;border:1.5px solid var(--rule);border-radius:var(--r-md);background:var(--paper-card);overflow:hidden;box-shadow:var(--shadow-card)}.amazon-card-badge{display:block;padding:5px 14px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.amazon-card-inner{padding:14px 16px}.amazon-card-body{display:flex;flex-direction:column;gap:8px}.amazon-card-title{font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.5;color:var(--ink)}.amazon-card-comment{font-family:var(--sans);font-size:13px;line-height:1.65;color:var(--ink-soft);font-style:italic}.amazon-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--ink);color:var(--paper)!important;border:1.5px solid var(--ink);border-radius:var(--r-md);font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer;box-shadow:2px 2px 0 var(--accent);transition:transform .1s;text-decoration:none!important;align-self:flex-start}.amazon-btn:hover{opacity:1}.amazon-btn:active{transform:translate(2px,2px);box-shadow:none}.amazon-btn svg{width:14px;height:14px}.amazon-disclosure{padding:6px 16px 8px;font-family:var(--mono);font-size:9px;color:var(--ink-mute);letter-spacing:.04em;border-top:1px solid var(--rule-soft)}.prose{font-size:15px}.prose h2{display:block;padding-left:0}.prose h2:before{display:inline;margin-right:8px}@media (max-width: 480px){.conclusion,.toc,.faq,.author-box{margin-left:0;margin-right:0}.prose,.article-head{padding-left:0;padding-right:0}}.amazon-inline-btn{display:inline-flex;align-items:center;gap:4px;color:var(--accent-deep);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:500}.amazon-card-img-wrap{flex-shrink:0;display:block}.amazon-card-img{width:80px;height:80px;object-fit:contain;border:1px solid var(--rule-soft);border-radius:var(--r-sm);background:#fff}