.tea-regions{--region-core:#4d654b;--region-major:#819779;--region-extended:#b6bda0}
.tea-regions__body{display:grid;grid-template-columns:minmax(0,57fr) minmax(0,43fr);gap:0 clamp(2rem,4vw,4rem);align-items:start}
.tea-regions__visual{grid-column:1;grid-row:1;position:sticky;top:7rem;align-self:start}
.tea-regions__map{margin:0}
.tea-regions__map img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}
.tea-regions__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem 1.25rem;list-style:none;padding:0;margin:1.5rem 0 0;font-size:.8rem;color:#65715f}
.tea-regions__legend-item{display:flex;align-items:center;gap:.5rem}
.tea-regions__legend-item span{display:block;width:.65rem;height:.65rem;border-radius:50%;background:var(--region-core)}
.tea-regions__legend-item--major span{background:var(--region-major)}
.tea-regions__legend-item--extended span{background:var(--region-extended)}
.tea-regions__content{grid-column:2;grid-row:1;min-width:0}
.tea-regions__tier+.tea-regions__tier{margin-top:2.6rem}
.tea-regions__tier h3{display:flex;align-items:center;gap:.75rem;font-size:1rem;letter-spacing:.12em;color:#64715c;margin:0 0 1.5rem;font-weight:600}
.tea-regions__tier h3:before{content:"";width:1.5rem;height:2px;background:var(--region-core)}
.tea-regions__tier--major h3:before{background:var(--region-major)}
.tea-regions__tier--extended h3:before{background:var(--region-extended)}
.tea-regions__region{padding:0 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e8e2d6}
.tea-regions__region:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.tea-regions__region h4{display:flex;align-items:baseline;gap:.75rem;margin:0 0 .6rem;font-size:1.4rem;color:var(--cha-green,#304b37);font-weight:600}
.tea-regions__region h4 span{font-size:.75rem;color:#a28a64;font-weight:400;letter-spacing:.08em}
.tea-regions__region p{margin:.65rem 0 0;line-height:1.9;font-size:.9rem;overflow-wrap:break-word}
.tea-regions__region .tea-regions__position{color:#52664e;font-size:.97rem;line-height:1.65}
.tea-regions__description{color:#77816f}
.tea-regions__region .tea-regions__examples{color:#8b795f;font-size:.8rem;line-height:1.85}
.tea-regions__examples span{color:#a18a65}
.tea-regions__tier--extended .tea-regions__region{padding-bottom:1.1rem;margin-bottom:1.1rem}
.tea-regions__tier--extended h4{font-size:1.15rem}
.tea-regions__summary{grid-column:1/-1;grid-row:2;max-width:58rem;margin:2.8rem auto 0;color:#52664e;font-size:1rem;line-height:1.9;text-align:center}
.tea-regions__note{max-width:65rem;margin:1.25rem auto 0;text-align:center;font-size:.78rem;line-height:1.9;color:#929381}
/* Confirmed white-tea layout, shared by all six categories. */
.tea-regions--overview .tea-regions__body{grid-template-columns:minmax(0,56fr) minmax(0,44fr)}
.tea-regions--overview .tea-regions__visual{position:static}
.tea-regions--overview .tea-regions__legend{margin-top:.6rem;gap:.5rem 1rem}
.tea-regions--overview .tea-regions__tier+.tea-regions__tier{margin-top:1.6rem}
.tea-regions--overview .tea-regions__tier h3{margin-bottom:1rem;font-size:.9rem}
.tea-regions--overview .tea-regions__region{position:relative;margin-bottom:1rem;padding-bottom:1rem}
.tea-regions--overview .tea-regions__region:last-child{margin-bottom:0;padding-bottom:0}
.tea-regions--overview .tea-regions__region h4{padding-right:2.5rem;margin-bottom:.35rem;font-size:1.25rem}
.tea-regions--overview .tea-regions__position{padding-right:2.5rem;margin-top:.35rem;font-size:.9rem}
.tea-regions--overview .tea-regions__examples{margin-top:.45rem}
.tea-regions__detail summary{position:absolute;top:-.2rem;right:0;display:grid;place-items:center;list-style:none;width:2.5rem;height:2.5rem;cursor:pointer;color:#859278;border-radius:3px}
.tea-regions__detail summary::-webkit-details-marker{display:none}
.tea-regions__detail summary span:before{content:'＋';font-size:1.15rem;font-weight:400}
.tea-regions__detail[open] summary span:before{content:'−'}
.tea-regions__detail summary:hover{color:#304b37}
.tea-regions__detail summary:focus-visible{outline:1px solid #859278;outline-offset:2px}
.tea-regions__detail[open]{margin-top:.7rem}
.tea-regions--overview .tea-regions__summary{margin-top:1.8rem;text-align:left;font-size:.95rem}
.tea-regions__extended-overview p{font-size:.85rem;line-height:1.9;color:#77816f;margin:.6rem 0 0}
.tea-regions__extended-overview .tea-regions__province-line{color:#52664e;font-size:.95rem;margin:0;line-height:1.8}
.tea-regions__other-overview{margin-top:1.6rem}
.tea-regions__other-overview h3{font-size:.85rem;font-weight:500;letter-spacing:.06em;color:#78836d;margin:0 0 .6rem}
.tea-regions__other-overview p{font-size:.82rem;line-height:1.85;color:#838b78;margin:0}
.tea-regions__other-overview .tea-regions__province-line{margin-bottom:.45rem}
@media(min-width:769px) and (max-width:1179px){.tea-regions__body{grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:0 1.5rem}}
@media(max-width:768px){.tea-regions__body{display:flex;flex-direction:column;gap:0}.tea-regions__visual{position:static;width:100%}.tea-regions__summary{margin:1.75rem 0 2.5rem;text-align:left;font-size:.95rem}.tea-regions__content{width:100%}.tea-regions__visual+.tea-regions__content{margin-top:2rem}.tea-regions__tier+.tea-regions__tier{margin-top:2rem}.tea-regions__legend{gap:.65rem 1rem;font-size:.75rem}.tea-regions__note{text-align:left;margin-top:2rem}.tea-regions__region h4{font-size:1.3rem}}