/* A concise, accessible notebook; no extra framework or tracking. */
.symbol-notebook{--ink:#493443;--muted:#725963;--accent:#bd847c;--soft:#fbf8f5;background:#fff}.symbol-notebook main{max-width:1200px}.symbol-notebook .mast nav a{display:inline-flex;min-height:44px;align-items:center}.notebook-opening{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:45px;padding:45px 0 30px}.notebook-opening h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.04em}.notebook-opening p{max-width:35ch}.notebook-opening .lead{font-size:22px}.symbol-map{margin:0}.symbol-map img{width:100%;border-radius:20px;object-fit:contain}.map-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding:15px 0 30px}.map-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px;font-size:13px}.notebook-section{padding:45px 0;border-top:1px solid #eee5e6;scroll-margin-top:20px}.section-heading{max-width:580px;margin-bottom:25px}.meaning-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.meaning{border-top:1px solid #e9dfe0;scroll-margin-top:24px}.meaning summary{display:flex;gap:16px;align-items:center;list-style:none;padding:20px 0;min-height:80px;cursor:pointer;font:25px/1.2 Georgia,serif}.meaning summary::-webkit-details-marker{display:none}.meaning summary small{display:block;font:13px/1.5 Arial,sans-serif;color:#765e68;margin-top:7px}.meaning summary .number{font:12px Arial,sans-serif;color:#a36d65;align-self:flex-start;padding-top:5px}.meaning summary b{margin-left:auto;font:22px Arial,sans-serif;font-weight:400}.meaning[open] summary b{rotate:45deg}.meaning-body{padding:0 0 20px 32px;font-size:15px}.meaning-body a,.context-note a,.language-card a,.before-ink a{text-decoration:underline;text-underline-offset:4px}.care{font-size:13px;color:#75636a;line-height:1.65}.context-note{margin-top:25px;padding:14px 24px;background:#faf7f5;border-radius:18px}.context-note summary{font-size:16px}.context-note p{font-size:14px}.word-intro{max-width:60ch}.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}.language-card{padding:24px 0;border-top:1px solid #e9dfe0;min-width:0}.word-label{font-size:12px;color:#796773;margin:18px 0 5px}.ink-word{font:37px/1.45 Georgia,'Noto Serif',serif;margin:3px 0 13px;overflow-wrap:anywhere;color:#2d4c3e;letter-spacing:0}.ink-word[lang=ja]{font-family:'Noto Serif CJK JP','Yu Mincho',serif}.say{font-size:13px;line-height:1.65;min-height:85px}.word-actions{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.word-actions button{background:#fff;color:#493443;border:1px solid #ddcdce;font-size:11px;padding:10px 14px;min-height:44px}.word-actions a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.language-card details{margin-top:18px}.language-card summary{font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px}.language-card details p:not(.ink-word){font-size:13px}.language-card details a{font-size:12px}.wild-word{font-size:29px}.before-ink{padding:36px;margin:25px 0 50px;border-radius:28px 65px 28px 28px;background:#f5f7f2}.before-ink p{font-size:15px;max-width:65ch}.before-ink h2{font-size:42px}#voice-status:empty{display:none}#voice-status{font-size:13px;background:#f8f3f1;padding:12px;border-radius:12px}.map-links a,.meaning summary{transition:color .2s}.map-links a:hover,.meaning summary:hover{color:#a36961}@media(max-width:760px){.notebook-opening{grid-template-columns:1fr;gap:20px;padding:25px 0 15px}.notebook-opening h1{font-size:52px;line-height:1.08}.notebook-opening p{max-width:none}.symbol-map{margin-top:8px}.map-links{gap:3px 16px;padding-bottom:22px}.map-links a{font-size:12px}.notebook-section{padding:30px 0}.meaning-grid,.language-grid{grid-template-columns:1fr}.meaning summary{font-size:25px}.language-grid{gap:0}.language-card{padding:22px 0}.say{min-height:0}.ink-word{font-size:40px}.before-ink{padding:25px;margin-bottom:30px}.before-ink h2{font-size:34px}.symbol-notebook .mast{gap:8px}.symbol-notebook .mast nav{gap:0 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.symbol-notebook *{animation:none!important;transition:none!important}}
