:root{--ink:#24394b;--muted:#64717a;--paper:#fcfbf8;--line:#e1e4e2;--accent:#3c6c66;--soft:#eff3f0;font-family:"Noto Sans JP","Yu Gothic",Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a8783b;outline-offset:4px}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 64px));margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{width:min(1260px,calc(100% - 64px));min-height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:700;letter-spacing:.03em;line-height:1.4;white-space:nowrap}.brand svg{width:37px;height:37px;color:var(--accent)}.brand small{display:block;font-size:11px;letter-spacing:.09em;margin-bottom:6px;font-weight:500;color:var(--muted)}.brand-dot{color:var(--accent)}nav{display:flex;gap:30px}header nav a{font-size:14px;font-weight:700;padding:37px 0 32px;border-bottom:3px solid transparent}header nav a[aria-current]{border-color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.65;letter-spacing:.015em;font-weight:700}h2{font-size:23px;line-height:1.6;margin-bottom:0}h3{font-size:17px;line-height:1.7}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.09em;color:var(--accent);margin-bottom:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding:32px 0 26px}.hero h1{margin-bottom:13px}.hero p:last-child{margin:0;color:var(--muted);font-size:15px}.hero-art{height:225px;overflow:hidden;border-radius:4px 70px 4px 4px}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.discovery{padding:23px 30px 19px;background:var(--soft);border:1px solid #dfe7e1;margin-bottom:42px}.quick-search{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #c8d1ce;min-height:54px;padding:5px 5px 5px 18px}.quick-search>span{font-size:29px;line-height:1}.quick-search input{border:0;min-width:0;flex:1;background:transparent;outline-offset:0;padding:5px}.quick-search button,.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:3px;padding:10px 23px;min-height:44px;font-size:14px;font-weight:700;text-align:center;line-height:1.6}.button:hover,.quick-search button:hover{background:var(--accent);color:#fff;text-decoration:none}.theme-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:15px;font-size:13px}.theme-row>span{font-size:12px;color:var(--muted);margin-right:5px}.theme-row a::before{content:'#';color:#8a9c94;margin-right:3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.text-link{font-size:13px;font-weight:700;white-space:nowrap}.section-note{color:var(--muted);font-size:14px;margin-top:-5px;margin-bottom:23px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{display:flex;gap:17px;padding:22px 16px;background:#fff;border:1px solid var(--line);border-radius:4px;align-items:flex-start;min-width:0;transition:border-color .2s,transform .2s}.work-card:hover{border-color:#9bb3a5;transform:translateY(-2px)}.cover-link{flex:0 0 93px}.cover{width:93px;height:140px;position:relative;background:var(--cover,#e2e8e1);box-shadow:2px 3px 5px #24394b17;border:1px solid #24394b0c;overflow:hidden}.cover img{position:relative;width:100%;height:100%;object-fit:contain;background:var(--paper);display:block}.cover-fallback{position:absolute;inset:8px;border:1px solid #fff9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.cover-fallback span{font-family:serif;font-size:37px;color:#64716e}.cover-fallback small{font-size:10px;letter-spacing:.06em}.card-copy{min-width:0;flex:1}.media{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}.media span{font-size:10px;line-height:1.6;color:var(--accent);background:#eef4f0;border:1px solid #dfe9e2;padding:1px 5px;border-radius:2px}.work-card h3{font-size:15px;line-height:1.7;margin:0 0 8px;overflow-wrap:anywhere}.author{font-size:12px;color:var(--muted);margin-bottom:10px}.card-lead{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:11px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tags a{font-size:11px;line-height:1.7;background:#f4f3f0;color:#59666e;padding:2px 7px;border-radius:2px}.card-copy .text-link{font-size:11px;white-space:normal}.browse-section{margin-top:48px}.publisher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.publisher-link{position:relative;display:flex;flex-direction:column;gap:5px;padding:22px 20px;background:white;border:1px solid var(--line);border-radius:4px}.publisher-link strong{font-size:17px}.publisher-link span{font-size:12px;color:var(--muted);padding-right:12px}.publisher-link b{position:absolute;right:14px;top:24px;color:var(--accent)}.editor-note{display:flex;gap:18px;padding:22px 25px;background:#f0f2ef;border-radius:4px;margin:40px 0 55px;font-size:13px;color:var(--muted)}.editor-note p{margin:0}.editor-note a{margin-left:8px;color:var(--ink)}.note-mark{border:1px solid #94a49d;border-radius:50%;width:23px;height:23px;flex:none;display:flex;align-items:center;justify-content:center;font-family:serif}.footer-inner{padding:35px 0;display:flex;flex-wrap:wrap;align-items:center;gap:15px 35px}footer{border-top:1px solid var(--line);background:#f4f4ef;margin-top:64px}.footer-inner .brand{font-size:17px}.footer-inner .brand svg{width:27px;height:27px}.footer-inner p{font-size:12px;margin:0;color:var(--muted)}.footer-inner>div{margin-left:auto;display:flex;gap:20px;font-size:12px}.footer-inner>small{flex-basis:100%;font-size:11px;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted);padding:25px 0 15px}.page-heading{padding:12px 0 30px}.page-heading h1{margin-bottom:10px}.page-heading>p:last-child{color:var(--muted);margin-bottom:0}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:30px}.filter-panel{background:#f0f2ef;padding:22px;border:1px solid var(--line);align-self:start}.filter-panel h2{font-size:17px;margin-bottom:20px}.filter-panel label{display:block;font-size:13px;font-weight:700;margin:16px 0 0}.filter-panel input,.filter-panel select{display:block;width:100%;min-height:42px;margin-top:6px;font-size:13px;border:1px solid #c6cfca;border-radius:3px;background:white;padding:9px;color:var(--ink)}.filter-panel select:disabled{background:#e6e9e6;color:#718079}.filter-panel small{font-size:11px;color:var(--muted);display:block;margin-top:7px;line-height:1.7}.filter-panel .button{width:100%;margin-top:22px;padding:10px}.reset{display:block;border:0;background:transparent;font-size:12px;color:var(--muted);margin:10px auto 0;padding:8px}.results-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:20px}.results-head h2{font-size:27px}.results-head h2 small{font-size:14px;font-weight:400}.results-head>span{font-size:12px;color:var(--muted)}.results .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results .work-card{padding:22px 16px}.empty{padding:50px 20px;text-align:center;border:1px solid var(--line);background:white}.empty p{font-size:14px;color:var(--muted);margin-top:15px}.back-link{font-size:13px;color:var(--muted)}.detail-hero{display:grid;grid-template-columns:185px 1fr;gap:38px;padding:30px 0 35px;max-width:1050px}.detail-cover .cover{width:185px;height:270px}.detail-cover .cover-fallback span{font-size:65px}.detail-cover small,.credit{display:block;font-size:10px;color:var(--muted);margin-top:10px}.detail-hero h1{font-size:29px;line-height:1.7;margin-bottom:16px}.detail-hero .media span{font-size:12px}.detail-author{font-size:13px;color:var(--muted);margin-bottom:16px}.detail-hero .tags a{font-size:12px}.detail-hero p{font-size:15px}.detail-hero .detail-lead{font-size:18px;font-weight:700;margin-bottom:10px}.meta,.detail-hero .meta{font-size:11px;color:var(--muted)}.media-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;margin-bottom:38px}.media-nav a{padding:18px;text-align:center;font-weight:700;font-size:14px}.media-nav a+a{border-left:1px solid var(--line)}.media-nav span{color:#8fa196;margin-left:12px}.detail-layout{display:grid;grid-template-columns:1fr 280px;gap:40px}.edition-section{scroll-margin-top:25px;padding-top:22px}.edition-section .section-head{border-bottom:1px solid var(--line);padding-bottom:12px}.edition-section h2{font-size:18px}.muted{font-size:12px;color:var(--muted)}.edition{padding:21px 0;border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between}.edition>div{flex:1}.edition h3{margin-bottom:8px}.edition .eyebrow{font-size:11px;margin-bottom:4px}.edition p{font-size:13px;margin-bottom:8px}.edition .meta{font-size:10px;margin-bottom:0}.edition .button{flex:none;font-size:12px;padding:10px 14px}.secondary{background:white;color:var(--ink)}.unregistered{font-size:13px;color:var(--muted);padding:12px 0}.detail-aside{align-self:start;background:#eef2ee;border-top:3px solid #789788;padding:24px}.detail-aside h2{font-size:18px;margin-bottom:15px}.detail-aside p{font-size:13px;color:var(--muted)}.detail-aside h3{font-size:15px}hr{border:0;border-top:1px solid #d3ded5;margin:24px 0}.big{grid-template-columns:repeat(2,1fr)}.big .publisher-link{padding:32px}.big .publisher-link strong{font-size:24px}.big .publisher-link b{top:36px;right:26px}.theme-guides>section{margin:15px 0 50px}.prose{max-width:780px;margin:15px auto 70px}.prose h1{margin-bottom:28px}.prose h2{font-size:23px;margin:35px 0 15px}.prose p{line-height:2}.skip,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{clip:auto;overflow:visible;width:auto;height:auto;z-index:10;padding:10px;background:white}.mobile-only{display:none}.notice{padding:20px;border:1px solid var(--line)}
@media(min-width:1400px){.work-card{padding:25px 20px}.cover-link,.cover{width:105px;flex-basis:105px}.cover{height:156px}}
@media(max-width:1050px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{gap:15px}.brand{font-size:20px}nav{gap:18px}.publisher-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:30px}.hero-art{height:215px}.results .work-grid{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr 240px;gap:25px}.edition{flex-direction:column;align-items:flex-start}.detail-hero h1{font-size:26px}}
@media(max-width:700px){body{font-size:16px}.container,.header-inner{width:calc(100% - 36px)}.header-inner{display:block;padding:17px 0 0;min-height:0}.brand{font-size:21px}.brand small{font-size:10px;margin-bottom:3px}.brand svg{width:31px;height:31px}header nav{gap:0;justify-content:space-between;margin-top:16px}header nav a{font-size:12px;padding:10px 0 12px}.hero{gap:15px;grid-template-columns:1fr;padding:25px 0 20px}.hero h1{font-size:27px;line-height:1.6;margin-bottom:12px}.hero .eyebrow{font-size:11px}.hero p:last-child{font-size:13px}.hero-art{height:155px;border-radius:3px 40px 3px 3px}.hero-art img{object-position:center 49%}.mobile-only{display:block}.discovery{padding:15px;margin-bottom:30px}.quick-search{padding-left:10px;gap:8px;min-height:48px}.quick-search input{font-size:12px}.quick-search button{font-size:12px;padding:10px 15px}.theme-row{gap:8px 14px;font-size:12px}.theme-row>span{flex-basis:100%;font-size:11px}.section-head{gap:12px;margin-bottom:13px}.section-head h2{font-size:20px}.text-link{font-size:11px}.section-note{font-size:12px;line-height:1.8}.work-grid{grid-template-columns:1fr;gap:14px}.work-card{gap:18px;padding:21px 18px}.cover-link,.cover{width:99px;flex-basis:99px}.cover{height:147px}.work-card h3{font-size:15px}.card-lead{font-size:12px}.card-copy .text-link{font-size:12px}.tags a{font-size:10px}.publisher-grid{gap:10px}.publisher-link{padding:18px 12px}.publisher-link strong{font-size:14px;padding-right:12px}.publisher-link span{font-size:11px}.publisher-link b{top:20px;right:10px;font-size:12px}.browse-section{margin-top:33px}.editor-note{margin:30px 0;padding:18px 15px;gap:12px;font-size:12px}.footer-inner{padding:25px 0;gap:15px}.footer-inner>div{margin-left:0;flex-basis:100%;font-size:11px}.footer-inner p{font-size:11px}.footer-inner>small{font-size:10px}footer{margin-top:40px}.breadcrumbs{font-size:11px;overflow-wrap:anywhere;padding-top:18px}.page-heading h1{font-size:27px;line-height:1.55}.page-heading>p{font-size:14px}.catalog-layout{display:block}.filter-panel{padding:18px;margin-bottom:25px}.filter-panel form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.filter-panel h2,.filter-panel label:first-of-type,.filter-panel small{grid-column:1/-1}.filter-panel h2{margin-bottom:0}.filter-panel label{margin-top:0;font-size:12px}.filter-panel input,.filter-panel select{font-size:12px}.filter-panel small{font-size:10px}.filter-panel .button{margin:0;min-width:0;font-size:12px}.reset{margin:0;font-size:11px}.results-head>span{font-size:10px}.detail-hero{grid-template-columns:1fr;gap:23px;padding-top:20px}.detail-cover{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.detail-cover .cover{width:132px;height:193px}.detail-cover small{flex-basis:100%;margin-top:0}.detail-hero h1{font-size:23px}.detail-hero .detail-lead{font-size:17px}.detail-hero p{font-size:14px}.detail-hero .meta{font-size:11px}.media-nav a{font-size:12px;padding:13px 4px}.media-nav span{display:none}.detail-layout{display:block}.detail-aside{margin-top:30px}.edition{padding:18px 0;gap:10px}.edition .button{width:100%;font-size:13px}.big .publisher-link{padding:24px 17px}.big .publisher-link strong{font-size:19px}.big .publisher-link b{right:13px;top:28px}.big{grid-template-columns:1fr}.prose h1{font-size:27px}.prose h2{font-size:21px}.prose p{font-size:15px}.theme-guides .section-head{align-items:flex-end}.theme-guides .section-head h2{font-size:19px}.theme-guides .section-head .text-link{font-size:10px}.theme-guides .eyebrow{font-size:11px}}