:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#102d43;--ink-soft:#375267;--paper:#f5f7f7;--white:#fff;--ice:#e8eef0;--line:#c9d4d8;--red:#d64633;--red-dark:#ad2e20;--sea:#6b929f;--shadow:0 24px 60px #102d4321}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#102d4306 1px, transparent 1px), var(--paper);min-width:320px;color:var(--ink);background-size:100% 44px;margin:0;font-family:Noto Sans SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;line-height:1.7}button,input,select{font:inherit}a{color:inherit}img{width:100%;display:block}:focus-visible{outline-offset:4px;outline:3px solid #d6463373}.site-shell{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7f7e6;border-bottom:1px solid #102d4321;justify-content:space-between;align-items:center;gap:2rem;min-height:82px;padding:0 max(24px,50vw - 620px);display:flex;position:sticky;top:0}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand-copy{line-height:1.15;display:grid}.brand-copy strong{letter-spacing:.08em;font-family:Songti SC,Noto Serif SC,serif;font-size:1.08rem}.brand-title{align-items:baseline;gap:.6rem;display:flex}.brand-title span+span:before{content:"｜";margin-right:.6rem}.brand-copy small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.site-nav{gap:1.5rem;display:flex}.site-nav a{color:var(--ink-soft);font-size:.86rem;font-weight:700;text-decoration:none;position:relative}.site-nav a:after{background:var(--red);content:"";opacity:0;height:2px;transition:all .2s;position:absolute;bottom:-.7rem;left:0;right:0;transform:scaleX(.3)}.site-nav a:hover,.site-nav a.active{color:var(--ink)}.site-nav a:hover:after,.site-nav a.active:after{opacity:1;transform:scaleX(1)}.home-main,.detail-main,.about-main,.not-found{width:min(1240px,100% - 48px);margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) 250px;align-items:end;gap:clamp(2rem,4vw,4rem);min-height:260px;padding:4rem 0 3rem;display:grid}.eyebrow,.section-label{color:var(--red-dark);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800}.hero h1,.detail-header h1,.about-header h1{letter-spacing:-.02em;margin:0;font-family:Songti SC,Noto Serif SC,STSong,serif;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:700;line-height:1.2}.hero-note{padding-bottom:.8rem}.hero-note p{color:var(--ink-soft);margin:1.4rem 0 1.2rem;font-size:.94rem}.hero-note strong{letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.hero-rule{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);width:100%;height:5px;display:block}.home-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.content-feed{min-width:0}.filter-rail{padding-top:4rem;position:sticky;top:106px}.filter-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #102d4314;border-radius:20px;padding:1.25rem;box-shadow:0 18px 48px #102d4317}.filter-heading{margin-bottom:1.1rem}.filter-heading p{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.5}.search label,.month-filter>span{color:var(--ink-soft);letter-spacing:.08em;margin-bottom:.5rem;font-size:.68rem;font-weight:800;display:block}.search>div{grid-template-columns:minmax(0,1fr) auto;gap:.45rem;display:grid}.search input{width:100%;min-width:0;min-height:44px;color:var(--ink);background:#edf2f3;border:1px solid #0000;border-radius:12px;padding:.65rem .8rem;transition:border-color .2s,background .2s,box-shadow .2s}.search input::placeholder{color:#7d929d}.search input:focus{background:var(--white);border-color:#102d4338;outline:0;box-shadow:0 0 0 4px #6b929f1f}.search button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;min-width:58px;font-size:.74rem;font-weight:800;transition:transform .2s,background .2s}.search button:hover{background:var(--red);transform:translateY(-1px)}.month-filter{margin-top:1.35rem}.month-options{flex-wrap:wrap;gap:.45rem;display:flex}.month-options button{color:var(--ink-soft);cursor:pointer;background:#edf2f3;border:1px solid #0000;border-radius:999px;padding:.42rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:700;transition:all .2s}.month-options button:hover{color:var(--ink);border-color:#102d4329}.month-options button.active{border-color:var(--ink);background:var(--ink);color:#fff}.filter-clear{width:100%;color:var(--red-dark);cursor:pointer;text-align:left;background:0 0;border:0;margin-top:1.2rem;padding:.3rem;font-size:.7rem;font-weight:800}.filter-clear:hover{text-decoration:underline}.mobile-filters{display:none}.featured{padding:4rem 0 5rem}.featured .article-card{background:var(--white);min-height:540px;box-shadow:var(--shadow);grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);display:grid}.featured .card-image{min-height:520px}.featured .card-copy{align-self:center;padding:3.5rem}.featured .card-copy h2{font-size:clamp(1.6rem,2.2vw,2.2rem)}.article-card{color:var(--ink);text-decoration:none}.card-image{background:var(--ice);min-height:260px;position:relative;overflow:hidden}.card-image img{object-fit:cover;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.article-card:hover .card-image img{transform:scale(1.035)}.crate-date{background:var(--red);color:#fff;letter-spacing:.04em;padding:.55rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:800;position:absolute;bottom:0;right:0}.card-copy{flex-direction:column;align-items:flex-start;padding:1.35rem 0 2rem;display:flex}.card-kicker{color:var(--red-dark);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:800}.card-copy h2{margin:.6rem 0 .7rem;font-family:Songti SC,Noto Serif SC,serif;font-size:1.65rem;line-height:1.3}.card-copy p{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1.6rem;font-size:.88rem;display:-webkit-box;overflow:hidden}.card-copy .japanese-title{font-family:Hiragino Mincho ProN,serif}.archive{padding:0 0 6rem}.archive-heading{border-top:3px double var(--ink);justify-content:space-between;align-items:baseline;padding:1rem 0 1.4rem;display:flex}.archive-heading h2{margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:2rem}.archive-heading span{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem 1.6rem;display:grid}.image-placeholder{width:100%;height:100%;min-height:240px;color:var(--sea);background:repeating-linear-gradient(135deg,#dce6e8 0 8px,#e6edef 8px 16px);place-items:center;display:grid}.image-placeholder span{letter-spacing:.18em;border:1px solid;padding:.45rem .7rem;font-family:Songti SC,serif}.status{text-align:center;margin:5rem auto}.status-error{color:var(--red-dark)}.status-small{color:var(--ink-soft);margin:2rem auto 5rem;font-size:.85rem}.sentinel{height:1px}.detail-main{max-width:1100px;padding-top:3rem;padding-bottom:7rem}.back-link{color:var(--ink-soft);margin-bottom:3.5rem;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-block}.detail-header{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:2rem;max-width:960px;margin-bottom:3rem;display:grid}.detail-header h1{max-width:900px;font-size:clamp(2rem,3.2vw,2.8rem)}.detail-date{border:2px solid var(--red);color:var(--red-dark);text-align:center;padding:.8rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transform:rotate(-1deg)}.detail-date span,.detail-date strong{display:block}.detail-date span{letter-spacing:.12em;font-size:.66rem}.detail-date strong{font-size:1.2rem}.detail-original-title{color:var(--ink-soft);margin:1.4rem 0 0;font-family:Hiragino Mincho ProN,serif;font-size:.88rem}.detail-cover{background:var(--ice);max-height:720px;box-shadow:var(--shadow);margin-bottom:4rem;position:relative;overflow:hidden}.detail-cover img{object-fit:cover;max-height:720px}.article-body{width:min(720px,100%);margin:0 auto}.translation-pending{border-left:3px solid var(--red);background:var(--white);color:var(--ink-soft);margin:0 0 2.5rem;padding:.75rem 1rem;font-size:.82rem}.bilingual-paragraph{margin:0 0 1.65rem}.bilingual-paragraph>p:first-child{margin:0;font-family:Songti SC,Noto Serif SC,serif;font-size:1.12rem;line-height:2}.source-line{color:#71838f;margin:.55rem 0 0;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:.77rem;line-height:1.8}.article-body figure{margin:3.5rem -8vw}.article-body figure img{object-fit:contain;background:var(--ice);max-height:760px}.translator-note,.source-link{width:min(720px,100%);margin:4rem auto 0}.translator-note{border:1px solid var(--line);background:var(--white);padding:1.4rem 1.6rem}.translator-note strong{color:var(--red-dark);font-size:.76rem}.translator-note p{margin:.5rem 0 0}.source-link{border-top:3px double var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.4rem;font-size:.78rem;display:flex}.source-link span{color:var(--ink-soft)}.source-link a{font-weight:800}.about-main{max-width:1100px;min-height:calc(100vh - 170px);padding:6rem 0 8rem}.about-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.8rem 2rem;padding-bottom:4rem;display:grid}.about-header .eyebrow{grid-column:1/-1;margin-bottom:.5rem}.about-header h1{max-width:980px;font-size:clamp(2.3rem,4vw,3.8rem)}.about-header>p:last-child{color:var(--ink-soft);letter-spacing:.08em;margin:0 0 .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.about-languages{border-bottom:1px solid var(--line)}.about-language{border-top:1px solid var(--line);grid-template-columns:140px minmax(0,1fr);gap:3rem;padding:4rem 0;display:grid}.language-label{align-self:start;gap:.35rem;display:grid;position:sticky;top:112px}.language-label span{color:var(--red-dark);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:800}.language-label strong{font-family:Songti SC,Noto Serif SC,serif;font-size:1.35rem}.about-language[lang=ja] .language-label strong{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.about-language[lang=en] .language-label strong{font-family:Georgia,Times New Roman,serif}.language-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 3.5rem;display:grid}.language-copy>div{min-width:0}.language-copy h2{margin:0 0 .8rem;font-family:Songti SC,Noto Serif SC,serif;font-size:1.12rem;line-height:1.45}.about-language[lang=ja] .language-copy h2{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.about-language[lang=en] .language-copy h2{font-family:Georgia,Times New Roman,serif}.language-copy p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.9}.language-copy p a{color:var(--ink);text-underline-offset:.2em;font-weight:800}.contact-email{background:var(--ink);color:#fff;border-radius:999px;margin-top:1rem;padding:.5rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}.contact-email:hover{background:var(--red)}.not-found{text-align:center;place-content:center;min-height:70vh;display:grid}.not-found>span{color:var(--red);font-family:ui-monospace,monospace;font-size:.8rem}.not-found h1{margin:.5rem 0 1.5rem;font-family:Songti SC,serif;font-size:3rem}.site-footer{border-top:1px solid var(--line);background:var(--ink);color:#ffffffb8;justify-content:space-between;gap:2rem;padding:2rem 4vw;font-size:.72rem;display:flex}.site-footer p{margin:0}.site-footer a{color:#fff;font-weight:700}@media (width<=900px){.home-layout{grid-template-columns:1fr}.filter-rail{display:none}.mobile-filters{margin:0 0 1rem;display:block}.mobile-filters summary{width:fit-content;color:var(--ink-soft);cursor:pointer;background:#ffffffd1;border:1px solid #102d431f;border-radius:999px;padding:.55rem .9rem;font-size:.72rem;font-weight:800;list-style:none;box-shadow:0 8px 24px #102d4312}.mobile-filters summary::-webkit-details-marker{display:none}.mobile-filters summary:before{content:"＋";margin-right:.45rem}.mobile-filters[open] summary:before{content:"−"}.mobile-filters .filter-panel{max-width:420px;margin-top:.8rem}.hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:4.5rem 0 3.5rem}.hero-note{max-width:460px}.featured .article-card{grid-template-columns:1fr}.featured .card-copy{padding:2.2rem}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-language{grid-template-columns:110px minmax(0,1fr);gap:2rem}.language-copy{grid-template-columns:1fr;gap:2.5rem}.article-body figure{margin-left:0;margin-right:0}}@media (width>=901px) and (width<=1080px){.home-layout,.hero{grid-template-columns:minmax(0,1fr) 230px;gap:1.5rem}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.site-header{min-height:70px;padding:0 18px}.brand-title{gap:.15rem;display:grid;letter-spacing:.04em!important;font-size:.88rem!important}.brand-title span+span:before,.brand-copy small{display:none}.site-nav{gap:.9rem}.site-nav a{font-size:.78rem}.home-main,.detail-main,.about-main,.not-found{width:min(100% - 32px,1240px)}.hero{padding:3.25rem 0 2.5rem}.hero h1{font-size:2rem}.about-main{padding-top:3rem}.about-header{grid-template-columns:1fr;padding-bottom:2.5rem}.about-header>p:last-child{margin:.3rem 0 0}.about-language{grid-template-columns:1fr;gap:1.6rem;padding:3rem 0}.language-label{position:static}.featured{padding:2rem 0 3rem}.featured .article-card{min-height:0}.featured .card-image{aspect-ratio:4/3;min-height:0}.featured .card-copy{padding:1.25rem}.article-grid{grid-template-columns:1fr;gap:1.25rem}.article-grid .card-copy{padding:1rem 0 .75rem}.article-grid .card-copy h2{margin:.45rem 0 .4rem;font-size:1.45rem}.article-grid .card-copy p{margin-bottom:0}.detail-main{padding-top:2rem;padding-bottom:5rem}.back-link{margin-bottom:2rem}.detail-header{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.detail-date{width:94px}.detail-header h1{font-size:2rem}.detail-original-title{margin-top:.9rem}.detail-cover{margin-left:-16px;margin-right:-16px}.article-body figure{margin-top:2.5rem;margin-bottom:2.5rem}.source-link,.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}