.yaku-guide{margin-top:56px;padding:36px;background:#f4f0e6;border:1px solid #a58a593e;color:#163f43}
.yaku-guide h3{font-size:clamp(25px,3vw,34px);font-weight:400;letter-spacing:.08em;margin:0 0 16px}
.yaku-guide .yaku-intro{font-size:15px;line-height:1.9;max-width:760px;margin:0 0 26px}
.yaku-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px 0 14px}.yaku-controls[hidden]{display:none}
.yaku-controls button,.yaku-controls select{border:1px solid #163f4355;background:transparent;color:#163f43;min-height:46px;padding:10px 15px;font:inherit;font-size:14px;border-radius:0}.yaku-controls button:hover{background:#163f4310}.yaku-controls button:disabled{opacity:.4;cursor:default}.yaku-controls select{background:#fff9;max-width:100%}
.yaku-year-label{text-align:center;font-size:24px;letter-spacing:.05em;margin:20px 0 28px}
.yaku-tables{display:grid;grid-template-columns:1fr 1fr;gap:28px}.yaku-tables table{border-collapse:collapse;width:100%;table-layout:fixed}.yaku-tables caption{text-align:left;font-size:20px;letter-spacing:.1em;padding-bottom:14px}.yaku-tables thead th{font-size:14px;font-weight:400;padding:12px 3px;background:#163f43;color:#f3eee3}.yaku-tables td{text-align:center;padding:18px 5px;border-bottom:1px solid #163f432b;vertical-align:top}.yaku-tables .yaku-main{background:#b2935720}.yaku-tables td strong{display:block;font-size:26px;font-weight:400;white-space:nowrap}.yaku-tables strong small{font-size:13px;margin-left:2px}.yaku-tables em{font:11px/1.5 sans-serif;display:block;color:#9c412f;font-style:normal;letter-spacing:.12em}.yaku-birth{display:block;font-size:14px;margin-top:8px;white-space:nowrap}.yaku-era{display:block;font-size:11px;line-height:1.6;margin-top:4px;color:#52625b;overflow-wrap:anywhere}
.yaku-notes{margin-top:24px;font-size:13px;line-height:1.9}.yaku-notes p{font-size:13px!important;margin:8px 0!important}.yaku-guide details{margin-top:20px;padding-top:15px;border-top:1px solid #163f4333;font-size:12px;line-height:1.8}.yaku-guide details a{text-decoration:underline;text-underline-offset:3px}.yaku-guide details ul{padding-left:20px}.yaku-guide :focus-visible{outline:2px solid #9c412f;outline-offset:4px}
@media(max-width:900px){.yaku-tables{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.yaku-guide{padding:26px 16px;margin-top:36px}.yaku-controls{gap:8px}.yaku-controls button{padding:9px 12px}.yaku-controls label{width:100%;text-align:center}.yaku-controls select{width:100%}.yaku-year-label{font-size:21px}.yaku-tables td{padding:16px 3px}.yaku-tables td strong{font-size:25px}.yaku-birth{font-size:13px}}
@media(max-width:600px){.yaku-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.yaku-controls label{grid-column:1/-1;grid-row:1;min-width:0}.yaku-controls [data-yaku="prev"]{grid-column:1;grid-row:2}.yaku-controls [data-yaku="reset"]{grid-column:2;grid-row:2;font-size:12px;padding:9px 4px}.yaku-controls [data-yaku="next"]{grid-column:3;grid-row:2}}

.yaku-tables .yaku-age-badge{display:inline-block;margin-left:12px;border:1px solid #80613566;border-radius:5px;padding:5px 13px;background:transparent;color:#715329;font-size:11px;font-weight:400;line-height:1.8;letter-spacing:.08em;vertical-align:middle}
.yaku-tables thead th:nth-child(2){color:#f0d298;font-weight:600}