body[data-page="sake-types"]{--yellow:#f6d7db;--pink:#f6d7db;--pink-soft:#fff0f2}html:has(body[data-page="sake-types"]){scroll-padding-top:0}.chapter .chapter-number{color:#c57894}.label-layers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.label-layers>div{padding:25px;border-radius:24px;background:var(--pink-soft);border:1px solid var(--line)}.label-layers span{font-size:.75rem;font-weight:800;letter-spacing:.07em;display:block;margin-bottom:16px}.label-layers strong{font-size:1.3rem;line-height:1.3;display:block}.chapter .label-layers p{font-size:1rem;margin:15px 0 0}.art-stamp{font-size:12px}.yellow-chapter{background:var(--pink-soft)}.types-intro-link{text-decoration:underline;text-underline-offset:4px}.type-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.type-panel{padding:35px;border:1px solid var(--line);border-radius:32px}.type-panel:nth-child(1){background:var(--pink-soft)}.type-panel:nth-child(2){background:#efedf8}.type-panel h3{font-size:2.2rem}.type-panel p{margin:22px 0 0}.type-panel .category-word{font-size:.875rem;font-weight:700;letter-spacing:.07em;display:block;margin-bottom:16px}.category-tag{display:inline-block;padding:6px 12px;border-radius:20px;background:white;font-weight:600;font-size:.875rem;margin-top:20px}.category-map{border:1px solid var(--line);border-radius:25px;overflow:hidden;margin:35px 0}.category-map table{border-collapse:collapse;width:100%;font-size:1rem;text-align:left}.category-map th,.category-map td{padding:22px 25px;border-bottom:1px solid var(--line);vertical-align:top}.category-map thead{background:var(--navy);color:white}.category-map tr:last-child td,.category-map tr:last-child th{border-bottom:0}.category-map tbody tr:nth-child(even){background:var(--pink-soft)}.category-map td strong{display:block}.category-map td span{font-size:.875rem;color:var(--muted);display:block;margin-top:5px}.category-map caption{padding:20px 25px;background:var(--pink-soft);font-size:.875rem;text-align:left;font-weight:700}.story-hero .hero-picture{min-width:0}@media(max-width:760px){.label-layers,.type-columns{grid-template-columns:1fr}.type-panel{padding:25px}.category-map{overflow:auto}.category-map table{min-width:560px}.category-map th,.category-map td{padding:16px}.art-stamp{width:95px;height:95px}}
.myth-note{margin-top:28px;padding:25px 30px;border-left:4px solid #c57894;background:var(--cream);border-radius:0 20px 20px 0}.myth-note>strong{font-size:1.2rem;line-height:1.4;display:block}.chapter .myth-note p{margin:12px 0 0;font-size:1rem}.ginjo-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:start}.ginjo-layout>div{min-width:0}.ginjo-layout h3{font-size:1.8rem;margin:0 0 18px}.ginjo-layout h3:not(:first-child){margin-top:35px}.polishing-guide{padding:32px;border-radius:32px;background:var(--pink-soft);border:1px solid var(--line);position:sticky;top:190px}.polishing-guide>strong{font-size:4rem;font-weight:900;line-height:1.05;letter-spacing:-.045em;display:block}.polishing-guide>strong span{font-size:1.3rem;font-weight:600;letter-spacing:0;display:block;margin-top:10px}.weight-strip{height:22px;background:#e7b9c3;border-radius:20px;overflow:hidden;margin:28px 0 18px}.weight-strip span{display:block;width:60%;height:100%;background:var(--navy);transition:width .45s ease}.chapter .polishing-guide p.polish-explanation{font-size:1.1rem;font-weight:600;line-height:1.5}.chapter .polishing-guide p.small-note{font-size:.875rem;line-height:1.6}.ratio-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.ratio-buttons[hidden]{display:none}.ratio-buttons button{font:inherit;font-size:.875rem;font-weight:600;background:var(--cream);border:1px solid var(--line);border-radius:24px;padding:10px 15px;cursor:pointer}.ratio-buttons button[aria-pressed=true]{background:var(--navy);color:white}.map-footnotes{max-width:900px;margin:28px auto 0}.chapter .map-footnotes p{font-size:1rem;max-width:none}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:22px}.style-card{padding:30px;border-radius:28px;background:var(--cream);color:var(--navy);min-width:0;align-self:start}.style-card:nth-child(3n+2){background:var(--pink)}.style-card:nth-child(3n){background:#ddede7}.chapter .style-card .style-kicker{font-size:.75rem;letter-spacing:.09em;font-weight:800;margin-bottom:24px}.style-card h3{font-size:2.4rem;margin-bottom:15px}.chapter .style-card p.style-meaning{font-weight:700;font-size:1.125rem;line-height:1.5;margin-bottom:20px}.chapter .style-card p{font-size:1rem}.style-card details{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.style-card summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:600;cursor:pointer;line-height:1.5;list-style:none;font-size:.9375rem}.style-card summary span,.more-words summary span{flex-shrink:0;font-size:1.5rem;line-height:1;transition:transform .2s}.style-card details p{margin:16px 0 0}.more-words{margin-top:55px;border-top:1px solid #ffffff3d}.more-words h3{font-size:1.8rem;margin:32px 0 20px}.more-words details{border-bottom:1px solid #ffffff3d;padding:22px 0}.more-words summary{display:flex;justify-content:space-between;gap:20px;font-size:1.125rem;font-weight:600;cursor:pointer;list-style:none}.more-words p{margin:18px 0 0}.taste-chapter .chapter-number{color:var(--pink)}.decoder-chapter{background:#fff3f4}.decoder-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:start}.decoder-layout>*{min-width:0}.decoder-controls,.decoder-result{padding:32px;border-radius:28px;border:1px solid var(--line)}.decoder-controls{background:var(--cream)}.decoder-controls>label,.decoder-controls legend{font-weight:700;font-size:1rem;line-height:1.4}.decoder-controls select{display:block;width:100%;font:inherit;font-size:1rem;min-height:52px;padding:12px;margin:16px 0 28px;color:var(--navy);border:1px solid #8c8da2;border-radius:10px;background:white;cursor:pointer}.decoder-controls fieldset{border:0;padding:0;margin:0}.decoder-controls legend{margin-bottom:18px}.check-option{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line);cursor:pointer}.check-option input{width:22px;height:22px;flex-shrink:0;accent-color:var(--navy);cursor:pointer}.check-option strong{display:block;font-size:1.1rem;line-height:1.4}.check-option small{display:block;font-size:.875rem;color:var(--muted)}.decoder-reset{margin-top:20px;font:inherit;font-weight:600;font-size:.875rem;border:0;border-bottom:1px solid var(--navy);background:transparent;padding:6px 0;cursor:pointer}.decoder-result{background:var(--navy);color:var(--cream);position:sticky;top:190px}.decoder-result .eyebrow{color:var(--pink);font-size:.75rem;line-height:1.6}.decoder-result h3{font-size:2.8rem;line-height:1.15;margin-bottom:24px}.label-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.label-chips span{font-size:.8125rem;font-weight:600;background:var(--pink);color:var(--navy);padding:7px 12px;border-radius:20px;line-height:1.4}.chapter .decoder-result p{font-size:1rem}.decoder-result ul{padding-left:22px;margin-bottom:28px;font-size:1rem}.decoder-result li{margin-bottom:14px}.decoder-result ul:empty{display:none}.chapter .decoder-result .decoder-reminder{font-size:.875rem;color:#d6daeb;border-top:1px solid #ffffff40;padding-top:22px;margin:25px 0 0;line-height:1.65}.taste-start{border-top:1px solid var(--line);margin-top:55px;padding-top:40px;max-width:850px}.taste-start h3{font-size:2rem;line-height:1.15;margin-bottom:25px}button:focus-visible,select:focus-visible{outline:3px solid #7953b5;outline-offset:5px}.taste-chapter a:focus-visible{outline-color:var(--pink)}.story-ending{background:var(--pink)}
@media(max-width:1000px){.ginjo-layout{gap:35px}.decoder-controls,.decoder-result{padding:25px}.decoder-result h3{font-size:2.2rem}.style-card{padding:25px}}
@media(max-width:760px){.ginjo-layout,.decoder-layout{grid-template-columns:1fr;gap:30px}.polishing-guide,.decoder-result{position:static}.polishing-guide{padding:25px}.polishing-guide>strong{font-size:3.5rem}.chapter .style-card p{font-size:1rem}.chapter .style-card p.style-kicker{font-size:.75rem}.chapter .style-card p.style-meaning{font-size:1.125rem}.chapter .decoder-result p{font-size:1rem}.chapter .decoder-result p.eyebrow{font-size:.75rem}.chapter .decoder-result p.decoder-reminder{font-size:.875rem}.myth-note{padding:22px}.style-grid{gap:18px}.ginjo-layout h3{font-size:1.6rem}.taste-start h3{font-size:1.8rem}}