@font-face{font-family:'Shidu Sans SC';src:url('/assets/fonts/noto-sans-sc.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Shidu Sans JP';src:url('/assets/fonts/noto-sans-jp.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#232724;--muted:#687069;--line:#e1e5df;--accent:#b74332;--wash:#f4f6f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.8 'Shidu Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,select{font:inherit}button{cursor:pointer}header{height:76px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(14px);z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:2px}.seal{display:grid;place-items:center;width:33px;height:35px;background:var(--accent);color:#fff;border-radius:3px;font:22px/1 serif}.brand-sub{font-size:14px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-left:18px}.header-meta{font-size:13px;color:var(--muted);margin-left:auto}.header-meta span{color:var(--ink);font-variant-numeric:tabular-nums}.header-meta i{font-style:normal;padding:0 12px;color:#b9c0b8}.source-link{font-size:13px;color:var(--muted)}main{max-width:1340px;margin:auto;padding:0 5%}.dictionary{display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;padding-top:36px}aside{position:sticky;top:96px;align-self:start;max-height:calc(100dvh - 118px);overflow-y:auto;scrollbar-width:thin;padding:0 14px 20px 0}.nav-group{font-size:12px;letter-spacing:2px;color:#798279;margin:24px 10px 10px}.nav-group:first-child{margin-top:3px}.chapter-button{width:100%;display:flex;gap:12px;align-items:baseline;text-align:left;border:0;background:none;color:var(--muted);padding:10px;border-radius:3px;font-size:14px;line-height:1.6;margin:2px 0}.chapter-button>span:first-child{flex:0 0 22px;font-size:11px;font-variant-numeric:tabular-nums;color:#919a90}.chapter-button.active{color:var(--accent);background:#f9efeb;font-weight:600}.chapter-button.active>span:first-child{color:var(--accent)}.chapter-button:hover{background:var(--wash)}.chapter-content{min-width:0}.chapter-heading{padding:0 0 20px;border-bottom:1px solid var(--line)}.chapter-topline{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:1px}.chapter-topline>span:first-child{color:var(--accent);letter-spacing:2px}h1{font-size:34px;letter-spacing:-1px;font-weight:600;line-height:1.45;margin:18px 0 22px}h1:focus{outline:0}.chapter-links{display:flex;gap:10px}.chapter-links button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 15px;font-size:13px;color:var(--muted)}.chapter-links button:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.chapter-links button span{opacity:.65;font-size:11px;margin-left:8px}.chapter-links button:hover{border-color:var(--accent)}.term{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.term h3{font-size:21px;line-height:1.55;font-weight:600;margin:0 0 5px;overflow-wrap:anywhere}.reading{font-size:13px;color:var(--accent);overflow-wrap:anywhere;display:block;line-height:1.8}.meaning{font-size:16px;font-weight:600;line-height:1.65;margin-bottom:7px}.term p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.example{margin-top:12px;font-size:13px;color:#626d62;padding-left:12px;border-left:2px solid #d7ddd3;line-height:1.7}.inset{margin:26px 0;padding:24px;background:var(--wash);border-radius:4px}.inset-heading{font-size:14px;font-weight:600;margin-bottom:17px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-grid figure{margin:0}.photo-grid img{width:100%;height:145px;object-fit:cover;border-radius:3px;display:block}.photo-grid figcaption{padding-top:12px}.photo-grid b,.photo-grid span,.photo-grid small{display:block}.photo-grid b{font-size:17px;font-weight:600}.photo-grid small{margin-bottom:9px}.photo-grid span{font-size:13px}small{font-size:12px;font-weight:400;color:var(--muted)}.muted{color:var(--muted)}.rice-photo{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.rice-photo>img{width:100%;height:200px;object-fit:cover;border-radius:3px}.rice-photo figcaption>b{font-size:24px;display:block}.rice-photo figcaption>small{display:block}.rice-parts{display:flex;gap:24px;margin-top:25px}.rice-parts>span{font-size:20px;color:var(--accent)}.rice-parts small{display:block;font-size:13px}.compact-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.compact-comparison>div+div{border-left:1px solid #dce2d8;padding-left:20px}.compact-comparison b{font-size:16px;font-weight:600}.compact-comparison span,.compact-comparison small{display:block;font-size:13px}.compact-comparison small{margin-bottom:14px;font-size:12px}.practice{margin-top:45px}.practice-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:18px;gap:15px}.practice-heading h2{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:0}.practice-heading>span{font-size:12px;color:var(--muted)}.lesson{padding:25px 0;border-bottom:1px solid var(--line)}.lesson-title{display:flex;gap:17px}.lesson-number{font-size:12px;color:var(--accent);padding-top:5px}.lesson h4{font-size:20px;line-height:1.6;font-weight:600;margin:0;overflow-wrap:anywhere}.lesson-title small{display:block;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.parts{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0 32px}.part{padding:10px 15px;background:#f2f5ef;border-top:2px solid #99aa8b;flex:1;min-width:120px}.part:nth-child(2){background:#faf1ed;border-color:#c99985}.part:nth-child(3){background:#eff4f5;border-color:#93aeb1}.part b{display:block;font-size:16px;font-weight:550;overflow-wrap:anywhere}.part span{display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:4px}.chapter-bottom{display:flex;justify-content:space-between;gap:20px;padding:35px 0 55px}.chapter-bottom button{border:0;background:none;text-align:left;font-size:14px;padding:0;max-width:48%;line-height:1.7}.chapter-bottom button:last-child{text-align:right}.chapter-bottom small{display:block;margin-bottom:7px}.chapter-bottom button:hover{color:var(--accent)}.sources{margin:0 0 30px;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted)}.sources summary{cursor:pointer;font-size:13px}.sources p{max-width:900px}.sources>div{display:flex;flex-wrap:wrap;gap:12px 22px}.sources details{margin-top:20px}.sources a{overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;padding:22px 5%;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.mobile-directory{display:none}.skip{position:fixed;top:-100px}.skip:focus{top:10px;left:10px;background:#fff;padding:10px;z-index:50}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(min-width:1500px){header,footer{padding-inline:calc((100% - 1206px)/2)}}@media(max-width:1050px){.dictionary{grid-template-columns:210px minmax(0,1fr);gap:30px}.term{grid-template-columns:155px minmax(0,1fr);gap:20px}.brand-sub{display:none}h1{font-size:29px}.photo-grid img{height:120px}.inset{padding:18px}.rice-photo>img{height:170px}}@media(max-width:700px){html{scroll-padding-top:138px}header{height:66px;padding:0 5%;gap:16px}.brand{font-size:20px}.source-link{display:none}.header-meta{font-size:12px}.header-meta i{padding:0 7px}main{padding:0 6%}.mobile-directory{display:flex;position:sticky;top:66px;background:#fff;z-index:9;margin:0 -6.8%;padding:12px 6%;gap:14px;border-bottom:1px solid var(--line);align-items:center}.mobile-directory label{font-size:12px;color:var(--muted);white-space:nowrap}.mobile-directory select{width:100%;min-width:0;font-size:14px;border:1px solid var(--line);border-radius:4px;padding:8px 28px 8px 10px;color:var(--ink);background:var(--wash)}.dictionary{display:block;padding-top:25px}aside{display:none}.chapter-heading{padding-bottom:22px}h1{font-size:29px;line-height:1.4;margin-top:16px}.chapter-topline{font-size:11px}.term{display:block;padding:24px 0}.term-title{margin-bottom:14px}.term h3{font-size:23px;margin-bottom:4px}.reading{font-size:13px}.term p{font-size:15px}.example{font-size:13px}.photo-grid{gap:9px}.photo-grid img{height:90px}.photo-grid b{font-size:14px}.photo-grid small{font-size:11px}.photo-grid span{font-size:12px}.inset{padding:14px;margin:22px -5px}.rice-photo{gap:18px}.rice-photo>img{height:165px}.rice-photo figcaption>b{font-size:23px}.rice-parts{gap:16px}.rice-parts small{font-size:12px}.compact-comparison{gap:10px}.compact-comparison>div+div{padding-left:10px}.compact-comparison b{font-size:13px;overflow-wrap:anywhere}.compact-comparison small{font-size:10px}.compact-comparison span{font-size:12px}.practice{margin-top:32px}.practice-heading{align-items:baseline}.practice-heading h2{font-size:22px}.practice-heading>span{font-size:11px}.lesson h4{font-size:20px}.lesson-title{gap:12px}.lesson-number{font-size:11px}.parts{margin-left:0;gap:7px}.part{padding:10px;min-width:90px}.part b{font-size:15px}.part span{font-size:12px}.chapter-bottom{padding:28px 0 40px}.chapter-bottom button{font-size:13px}.sources{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,aside,.mobile-directory,.chapter-links,.chapter-bottom{display:none}.dictionary{display:block}.term,.lesson{break-inside:avoid}}
.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:22px;display:flex;gap:9px;flex-wrap:wrap}.chapter-links a{border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 15px;font-size:13px;color:var(--muted)}.chapter-links a:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.chapter-links a span{opacity:.65;font-size:11px;margin-left:8px}.chapter-links a:hover{border-color:var(--accent)}.chapter-bottom>a{font-size:14px;max-width:48%;line-height:1.7}.chapter-bottom>a:last-child{text-align:right}@media(max-width:700px){.chapter-bottom>a{font-size:13px}.breadcrumb{margin-bottom:16px;font-size:11px}}@media print{.breadcrumb{display:none}}

/* Modern multilingual typography. */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-weight:400;letter-spacing:.005em}
[lang=ja],.term h3,.reading,.lesson h4,.lesson-title small,.part b{font-family:'Shidu Sans JP','Shidu Sans SC',sans-serif}
.brand{font-weight:700;letter-spacing:-.045em}.brand-sub{letter-spacing:.035em;font-weight:450}.seal{font-family:'Shidu Sans SC',sans-serif;font-size:21px;font-weight:650;border-radius:8px}
h1{font-weight:650;letter-spacing:-.045em;line-height:1.4}.term h3{font-weight:600;letter-spacing:-.025em}.reading{font-weight:400;letter-spacing:.025em}.meaning{font-weight:550;letter-spacing:-.015em}.term p{line-height:1.95}.chapter-button{font-weight:450;letter-spacing:0}.chapter-button.active{font-weight:600}.nav-group{letter-spacing:.08em}.practice-heading h2{font-weight:650;letter-spacing:-.03em}.lesson h4{letter-spacing:-.025em;font-weight:600}.part b{font-weight:550}
