/* Cost-specific material is loaded only for the palace fee and tea guides. */
.cost-diagram { margin:0; background:var(--accent-soft); border-radius:14px; overflow:hidden; }
.cost-diagram img { display:block; width:100%; height:auto; }
.diagram-scroll { overflow-x:auto; scrollbar-width:thin; }
.diagram-scroll:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.diagram-mobile-hint { display:none; }
.cost-diagram figcaption { font-size:13px; line-height:1.8; padding:18px 24px; color:var(--article-muted); background:#f8f8f4; }
.cost-table { width:100%; min-width:740px; border-collapse:collapse; font-size:15px; font-variant-numeric:tabular-nums; }
.cost-table caption { text-align:left; padding:18px 20px; font-weight:650; color:var(--accent); }
.cost-table th,.cost-table td { padding:17px 20px; text-align:left; border-top:1px solid var(--article-line); }
.cost-table thead th { background:var(--accent-soft); font-size:13px; }
.cost-table tbody th { font-weight:550; }
.cost-table tr td:last-child { font-weight:700; color:var(--accent); }
.cost-table .fee-free { color:var(--article-muted); }
.cost-table tr.fee-senior { background:#faf5e9; }
.family-costs { display:grid; gap:18px; }
.family-cost { padding:26px 28px; background:#f5f1f8; border-radius:12px; }
.family-cost header { display:flex; gap:16px; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }
.family-cost h3 { font-size:19px; line-height:1.6; margin:5px 0 0; }
.family-cost .age-label { color:var(--article-muted); font-size:12px; }
.family-cost header>strong { font-size:29px; color:var(--accent); white-space:nowrap; font-variant-numeric:tabular-nums; }
.family-stack { display:flex; border-radius:7px; overflow:hidden; height:46px; background:#e7dfed; font-size:13px; color:#fff; font-weight:600; }
.family-stack span { display:flex; align-items:center; justify-content:center; background:#886ba5; min-width:0; }
.family-stack .general { background:#4b305f; }
.family-equation { font-size:13px; line-height:1.9; color:var(--article-muted); margin:13px 0 0; }
.family-stack .only-garden { width:100%; }
.ticket-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ticket-option { border:1px solid var(--article-line); border-radius:12px; padding:24px; }
.ticket-option h3 { font-size:18px; line-height:1.65; margin:12px 0 16px; }
.ticket-option .ticket-total { font-size:28px; color:var(--accent); font-weight:750; }
.ticket-option p { font-size:14px; line-height:1.9; color:var(--article-muted); }
.ticket-option .ticket-choice { display:inline-block; background:var(--accent-soft); color:var(--accent); padding:5px 9px; border-radius:5px; font-size:12px; }
.tea-price-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tea-price-card { padding:26px; border:1px solid #d9dfd1; border-radius:12px; background:#f0f3e8; }
.tea-price-card:nth-child(2) { background:#f5f0e6; border-color:#e3d9c8; }
.tea-price-card.tea-tool { background:#f7f7f3; }
.tea-price-card>span { font-size:12px; color:var(--article-muted); }
.tea-price-card h3 { font-size:21px; line-height:1.5; margin:11px 0 19px; }
.tea-price-card>strong { font-size:32px; letter-spacing:-.8px; color:var(--accent); font-variant-numeric:tabular-nums; }
.tea-price-card p { font-size:13px; line-height:1.8; color:var(--article-muted); margin:12px 0 15px; }
.tea-price-card>a { font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.tea-dose-chart { border:1px solid var(--article-line); border-radius:14px; padding:26px 28px; margin:24px 0; }
.tea-dose-chart h3 { font-size:20px; margin:0 0 9px; }
.tea-dose-chart figcaption>p { font-size:13px; line-height:1.8; color:var(--article-muted); margin:0 0 22px; }
.tea-dose-row { display:grid; grid-template-columns:125px 1fr 112px; gap:16px; align-items:center; margin:16px 0; font-size:14px; }
.tea-dose-row>strong { font-weight:500; }.tea-dose-row>b { text-align:right; font-variant-numeric:tabular-nums; font-weight:650; }
.tea-dose-track { height:21px; border-radius:4px; overflow:hidden; background:#f2f3ed; }
.tea-dose-track span { display:block; height:100%; background:#80935c; border-radius:4px; }
.bag-dose .tea-dose-track span { background:#b38c58; }
.tea-example-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.tea-example-pair article { padding:23px 25px; background:#f5f5ee; border-radius:10px; }
.tea-example-pair span { font-size:12px; color:var(--article-muted); }
.tea-example-pair h3 { margin:12px 0; font-size:23px; color:var(--accent); }
.tea-example-pair p { font-size:14px; line-height:1.85; margin:0; color:var(--article-muted); }
.tea-calculator { padding:30px; border-radius:14px; background:#203d2c; color:#f8f6e9; }
.tea-calculator>h3 { font-size:25px; margin:0 0 12px; }.tea-calculator>p { font-size:14px; line-height:1.9; color:#d1ddc9; }
.tea-inputs { display:grid; grid-template-columns:1fr 1fr 1.2fr; gap:18px; margin:23px 0; }
.tea-inputs label { font-size:13px; line-height:1.7; }
.tea-inputs input[type=number] { display:block; width:100%; margin-top:8px; padding:12px 14px; font-size:20px; color:#203d2c; border:1px solid #8aa184; border-radius:7px; background:#fffdf3; }
.tea-inputs .tea-tool-check { display:flex; gap:10px; align-items:center; padding-top:20px; }
.tea-tool-check input { width:19px; height:19px; accent-color:#c3d7a6; flex-shrink:0; }.tea-tool-check small { color:#c6d4be; font-size:11px; }
.tea-results { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.tea-results article { padding:25px; background:#f5f4e9; color:#203d2c; border-radius:10px; }
.tea-results article:nth-child(2) { background:#eee7db; }
.tea-results article>span { font-size:19px; font-weight:650; }.tea-results .tea-result-label { margin:14px 0 5px; font-size:12px; color:#5b6754; }
.tea-results article>strong { font-size:clamp(27px,3vw,37px); font-weight:750; letter-spacing:-.8px; font-variant-numeric:tabular-nums; }
.tea-results dl { display:grid; grid-template-columns:1fr auto; gap:12px; border-top:1px solid #ccd3bf; padding-top:18px; margin:20px 0 0; font-size:13px; line-height:1.7; }.tea-results dt { color:#5b6754; }.tea-results dd { margin:0; font-variant-numeric:tabular-nums; }
.tea-calculator .caption { color:#c6d4be; font-size:12px; }.tea-calculator .tea-error { color:#ffdbc4; }.tea-calculator .tea-status { margin-bottom:0; }
.tea-brew-facts { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--article-line); border-radius:12px; overflow:hidden; margin:20px 0; }
.tea-brew-facts>div { padding:24px 28px; background:#f2f4ea; }.tea-brew-facts>div+div { background:#f5f0e6; }
.tea-brew-facts strong { font-size:36px; color:var(--accent); }.tea-brew-facts span { display:block; font-size:13px; margin:8px 0 0; color:var(--article-muted); }
@media(max-width:700px) {
  .diagram-scroll img { min-width:700px; }
  .diagram-mobile-hint { display:block; font-size:12px; color:var(--article-muted); margin:0 0 12px; }
  .tea-price-grid,.ticket-options,.tea-example-pair { grid-template-columns:1fr; }
  .tea-price-card { padding:23px; }.tea-price-card h3 { margin-bottom:13px; }
  .tea-price-card>strong { font-size:29px; }
  .tea-dose-chart { padding:22px 18px; }.tea-dose-row { grid-template-columns:1fr 92px; gap:8px 12px; margin:19px 0; font-size:13px; }
  .tea-dose-track { grid-column:1/-1; grid-row:2; height:17px; }.tea-dose-row>b { grid-column:2; grid-row:1; }
  .tea-calculator { padding:23px 18px; }.tea-inputs { grid-template-columns:1fr 1fr; gap:16px 12px; }.tea-inputs .tea-tool-check { grid-column:1/-1; padding-top:0; }
  .tea-results { grid-template-columns:1fr; }.tea-results article { padding:21px; }.tea-results article>strong { font-size:32px; }
  .family-cost { padding:22px 18px; }.family-cost header { flex-direction:column; gap:9px; }.family-cost h3 { font-size:18px; }.family-stack { font-size:11px; }.family-stack span.general { min-width:80px; }
  .cost-diagram figcaption { padding:16px 18px; font-size:12px; }.tea-brew-facts>div { padding:22px 18px; }.tea-brew-facts strong { font-size:30px; }
}