/* 余白文庫 : ミニマルな文庫デザイン / 依存ライブラリなし */
:root{--bg:#faf9f6;--ink:#242726;--sub:#717875;--border:#dcded7;--accent:#526b60;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.wrap{width:min(100% - 44px,860px);margin:0 auto}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:20px;top:10px;background:white;padding:8px;z-index:5}.site-header{border-bottom:1px solid var(--border)}.header-row{height:80px;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-family:var(--serif);font-size:23px;font-weight:bold;letter-spacing:.13em;white-space:nowrap}.mark{color:#9d866d}.site-header nav{display:flex;gap:22px;font-size:12px;color:#636c68}.site-header nav a:hover,.site-footer a:hover,.back:hover{border-bottom:1px solid currentColor}.home-intro{padding:100px 0 86px;border-bottom:1px solid var(--border)}.tiny{color:var(--accent);letter-spacing:.17em;font-size:12px;font-weight:650}.home-intro h1{font:500 clamp(31px,5vw,49px)/1.5 var(--serif);letter-spacing:.1em;margin:23px 0 19px}.home-intro>p:last-child{font-size:15px;color:#59635d;line-height:2.3}.library{padding:60px 0 54px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.section-head h2{font:500 26px/1.5 var(--serif);letter-spacing:.09em;margin:0}.section-head p{color:var(--sub);font-size:12px}.filter-row{display:flex;gap:12px;margin:31px 0 5px}.filter-row label{display:block}.filter-search{flex:1}.filter-search input,.filter-select select{width:100%;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);padding:13px 12px;font:inherit;font-size:13px;min-height:47px}.filter-select{width:190px}.results{font-size:11px;color:var(--sub);text-align:right;min-height:22px;margin:6px 0 10px}.works{margin:0;padding:0;list-style:none}.work{border-bottom:1px solid var(--border)}.work:first-child{border-top:1px solid var(--border)}.work-link{display:flex;align-items:flex-start;gap:23px;padding:29px 6px 31px 0}.work-no{font:500 12px/1.8 Georgia,serif;color:#919994;min-width:18px}.work-main{flex:1;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:7px}.work-meta{font-size:11px;color:var(--accent);letter-spacing:.06em}.work-title{font:500 clamp(18px,2.6vw,23px)/1.5 var(--serif);letter-spacing:.04em}.work-summary{font-size:13px;color:#747c76;line-height:1.9}.work-author{font-size:12px;color:#616b66;margin-top:6px}.work-arrow{font-size:15px;color:#6e8276;align-self:center}.work-link:hover .work-title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.no-results{text-align:center;color:var(--sub);padding:48px 0}.no-results[hidden],.work[hidden]{display:none}.note{border-top:1px solid var(--border);font-size:12px;color:#7a837c;padding:17px 0 75px}.site-footer{border-top:1px solid var(--border)}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;color:#707b74;font-size:11px}.foot-inner div{display:flex;gap:25px}.article{max-width:720px;padding-top:44px;padding-bottom:110px}.back{color:#5e7568;font-size:12px}.story-header{text-align:center;border-bottom:1px solid var(--border);padding:76px 0 54px;margin-bottom:68px}.story-header h1{font:500 clamp(27px,5.3vw,41px)/1.65 var(--serif);letter-spacing:.08em;margin:19px 0 20px}.story-by{font-size:13px;color:var(--sub);letter-spacing:.07em}.story-text{max-width:630px;margin:auto;font:400 clamp(16px,2.5vw,18px)/2.35 var(--serif);letter-spacing:.025em;overflow-wrap:anywhere}.story-text p{margin:0 0 1.4em;text-indent:1em}.story-text p:first-child{text-indent:0}.finish{text-align:center;padding-top:55px;font:13px/2 var(--serif);color:#808b84}.finish-line{display:block;width:30px;height:1px;background:#c5cec3;margin:0 auto 26px}.after-story{margin-top:50px;padding:23px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:12px}.after-story p{margin:0;color:var(--sub)}.after-story a{color:var(--accent);white-space:nowrap}.story-nav{display:flex;justify-content:space-between;gap:16px;padding:30px 0}.story-nav a{display:flex;flex-direction:column;max-width:48%;gap:5px;font-size:12px;color:var(--sub)}.story-nav strong{font:500 15px/1.7 var(--serif);color:var(--ink)}.story-nav .next{margin-left:auto;text-align:right}.static-page{max-width:690px;padding:86px 0 115px}.static-page h1{font:500 clamp(28px,4vw,38px)/1.5 var(--serif);letter-spacing:.07em;margin:22px 0 42px}.static-page h2{font:500 21px/1.7 var(--serif);margin:35px 0 10px}.static-page p{font-size:15px;line-height:2.3;color:#4e5b54;margin:0 0 24px}.static-page .updated{font-size:12px;color:var(--sub)}.back-gap{margin-top:50px!important}.back-gap a{color:var(--accent)}.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
@media(max-width:540px){.wrap{width:calc(100% - 34px)}.header-row{height:65px}.logo{font-size:19px}.site-header nav{gap:12px;font-size:11px}.home-intro{padding:72px 0 57px}.home-intro h1{font-size:32px}.library{padding-top:40px}.section-head h2{font-size:23px}.filter-row{gap:9px}.filter-select{width:135px}.filter-row input,.filter-row select{font-size:12px;padding:11px 8px}.work-link{gap:13px;padding:25px 0}.work-title{font-size:19px}.work-summary{font-size:12px}.article{padding-top:31px}.story-header{padding:65px 0 42px;margin-bottom:47px}.story-text{font-size:16px;line-height:2.25}.after-story{display:block}.after-story a{display:block;margin-top:11px}.foot-inner{padding:20px 0;flex-direction:column;justify-content:center;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
