.product-summary{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 10px;min-height:49px}
.detail-trigger{align-self:flex-start;background:none;border:0;border-bottom:1px solid #b9c8b8;color:var(--green);padding:8px 0;margin:0 0 18px;font-size:14px;min-height:44px;text-align:left}
.detail-trigger:hover{color:#84601f;border-color:#84601f}
.product-dialog{width:min(860px,calc(100% - 24px));padding:0;max-height:90dvh}
.product-dialog .dialog-head{position:sticky;top:0;z-index:1;gap:16px;padding:18px 24px;background:var(--paper);border-bottom:1px solid var(--line)}
.product-dialog h2{font-size:21px;line-height:1.5}.product-dialog .dialog-head button{flex:0 0 44px}
.detail-body{padding:22px 28px 30px}.detail-figure{margin:0;text-align:center}.detail-figure>img{display:block;width:100%;height:340px;object-fit:contain;background:white;border-radius:8px}
.detail-figure figcaption{font-size:12px;color:var(--muted);margin:10px 0;line-height:1.6}
.detail-thumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0 24px}.detail-thumbs button{padding:3px;border:1px solid var(--line);border-radius:7px;width:70px;height:70px;background:white}.detail-thumbs button[aria-pressed=true]{border:2px solid var(--green)}.detail-thumbs img{width:100%;height:100%;object-fit:contain}
.detail-copy{max-width:640px;margin:auto}.detail-lead{font-size:16px;line-height:1.9;margin:0 0 22px}.detail-copy h3{font-size:16px;margin:20px 0 10px}.detail-copy ul{padding-left:22px;margin:8px 0 22px}.detail-copy li{margin:8px 0;line-height:1.8}.detail-note{background:var(--sage);padding:14px 16px;border-radius:8px;font-size:14px;line-height:1.8}.detail-disclaimer{font-size:12px;color:var(--muted);line-height:1.8;margin:18px 0}.detail-source{font-size:13px;text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:8px 0}.detail-image-error{padding:50px 20px;background:var(--sage)}
.preview-banner{padding:10px 18px;text-align:center;background:#f7e6bc;color:#604715;font-size:13px}
@media(max-width:600px){.product-summary{min-height:0}.product-dialog .dialog-head{padding:14px 16px}.product-dialog h2{font-size:18px}.detail-body{padding:16px 18px 24px}.detail-figure>img{height:260px}.detail-lead{font-size:15px}.detail-copy li{font-size:14px}.detail-trigger{margin-bottom:14px}}
@media print{.product-dialog{display:none!important}}
.product-origin{font-size:12px;line-height:1.7;color:var(--green);margin:0 0 8px}.product-origin.unconfirmed,.product-origin.partial{color:#746445}
.detail-origin{background:#f5f6f1;border:1px solid var(--line);border-radius:9px;padding:4px 18px 14px;margin:18px 0 24px}.detail-origin dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:14px}.detail-origin dt{font-weight:600}.detail-origin dd{margin:0;line-height:1.8}
.knowledge-sources{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.knowledge-sources a{font-size:12px;line-height:1.6}
.detail-chemistry,.detail-tea{border-top:1px solid var(--line);margin-top:26px;padding-top:6px;font-size:14px;line-height:1.9}.detail-chemistry h3,.detail-tea h3{font-size:18px}.detail-tea h4{font-size:14px;margin:18px 0 4px}.detail-tea h4+p{margin-top:4px}.chemistry-basis{color:var(--muted);font-size:12px}.chemistry-caution{background:#f7efd9;padding:12px 14px;border-left:3px solid #b69c58;font-size:13px;line-height:1.8}
.chemistry-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:20px 0;font-size:13px;line-height:1.65}.chemistry-table caption{text-align:left;font-weight:600;margin-bottom:8px}.chemistry-table th,.chemistry-table td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;overflow-wrap:anywhere;vertical-align:top}.chemistry-table th{background:var(--sage);font-weight:600}.chemistry-table th:first-child{width:48%}.chemistry-table th:nth-child(2){width:28%}.chemistry-table th:last-child{width:24%}
.tea-research{background:#f5f6f1;border-radius:8px;padding:12px 16px;margin:22px 0}.tea-research summary{cursor:pointer;font-weight:600;min-height:30px}.tea-research p{font-size:13px}
@media(max-width:600px){.detail-origin{padding:4px 12px 12px}.detail-origin dl{grid-template-columns:1fr;gap:3px}.detail-origin dd{margin:0 0 10px}.chemistry-table{font-size:12px}.chemistry-table th,.chemistry-table td{padding:10px 5px}.detail-chemistry,.detail-tea{font-size:14px}}