*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#293a30;font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{max-width:940px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dde4d9}.brand{font-weight:750;font-size:21px;color:#293a30;text-decoration:none;letter-spacing:-.7px}.brand span{display:inline-block;background:#d94c3c;color:white;padding:0 8px;border-radius:9px;margin-right:7px}.brand small{color:#7b897d;font-weight:400}header nav{display:flex;gap:19px;font-size:13px}a{color:#bb4638;text-underline-offset:4px}main{max-width:840px;padding-top:35px}.breadcrumb{font-size:12px;color:#7b897d;margin-bottom:18px}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:8px 0 18px}h2{font-size:26px;line-height:1.4;letter-spacing:-.6px;margin:35px 0 12px}h3{line-height:1.4}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#9a6651}.intro{font-size:19px;line-height:1.7;color:#67766a}.guide-panel{padding:25px 28px;border:1px solid #dfe5db;border-radius:16px;background:white;margin:23px 0}.guide-panel h2{margin:0 0 16px}.guide-panel p:last-child{margin-bottom:0}.action{display:inline-flex;background:#d94c3c;color:white;padding:11px 20px;border-radius:9px;text-decoration:none;font-weight:650;font-size:14px}.meta{font-size:12px;color:#788679}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}td,th{padding:14px;border-bottom:1px solid #e4e9e0;text-align:left}th{font-size:12px;color:#69796c}.kana-grid td{text-align:center;font-size:24px}.kana-grid small{display:block;font-size:12px;color:#7b897d}.phrase h2{font-size:31px;letter-spacing:0;margin:0 0 6px}.phrase .romaji{color:#9e6e59;font-size:15px}.phrase .meaning{font-size:20px;font-weight:650}.note{background:#edf4e9;padding:15px 20px;border-radius:10px}.toc{display:flex;flex-wrap:wrap;gap:10px}.toc a{padding:5px 12px;border:1px solid #dfe5db;border-radius:20px;font-size:13px;text-decoration:none;background:white}.lesson-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-links a{padding:18px;background:#fff;border:1px solid #dfe5db;border-radius:12px;text-decoration:none;font-weight:650}.lesson-links small{display:block;color:#788679;font-weight:400}details{padding:14px 0;border-top:1px solid #dfe5db}summary{cursor:pointer;color:#58755e;font-weight:650}footer{font-size:12px;color:#788679;border-top:1px solid #dde4d9;display:flex;flex-wrap:wrap;gap:17px;margin-top:35px}footer button{border:0;background:none;color:#bb4638;text-decoration:underline;cursor:pointer;font:inherit}.guide-answer{color:#426d48}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #557a60;outline-offset:4px}@media(max-width:620px){header{align-items:flex-start;flex-direction:column;gap:12px}header nav{gap:17px}main{padding-top:25px}.guide-panel{padding:20px}.lesson-links{grid-template-columns:1fr}h1{letter-spacing:-1px}td,th{padding:9px}.kana-grid td{font-size:22px}.intro{font-size:17px}}@media print{header,footer,#lj-consent,.action{display:none!important}body{background:#fff;font-size:12px}.guide-panel{break-inside:avoid}main{padding:0}h1{font-size:27px}h2{font-size:20px}}