:root{color-scheme:light;--ink:#1d3532;--muted:#62746e;--forest:#173f3b;--line:#e0e7e1;--paper:#fff;--ground:#f2f5ef;--accent:#dceba6;--mono:Consolas,"SFMono-Regular",monospace;font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.page-shell{max-width:840px;margin:0 auto;padding:0 32px}
.brand-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:31px 0 27px}
.wordmark{display:flex;align-items:center;gap:11px;color:var(--forest);text-decoration:none;font-size:14px;font-weight:750;letter-spacing:2.3px}
.brand-symbol{position:relative;display:flex;align-items:center;justify-content:center;background:var(--forest);color:#fff;border-radius:9px;width:34px;height:36px;font-size:22px;font-weight:500;letter-spacing:0}
.brand-symbol span{position:absolute;right:7px;top:8px;background:var(--accent);width:5px;height:5px;border-radius:50%}
.header-context{font-size:10px;font-weight:650;letter-spacing:1.4px;text-align:right;color:var(--muted)}
.header-context>span{display:block;font-size:11px;font-weight:400;letter-spacing:.5px;margin-top:2px}
.demo-banner{display:flex;align-items:center;gap:13px;background:#e9efcc;border:1px solid #d6dfaf;border-radius:12px;padding:16px 21px;margin-bottom:18px;color:#3c4d21}
.demo-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#6d823c}
.demo-banner strong{font-size:14px;font-weight:700}
.demo-banner p{font-size:12px;margin:1px 0 0;color:#617041}
.record-card{background:var(--paper);border:1px solid #dce4dc;border-radius:18px;overflow:hidden;box-shadow:0 12px 45px -24px #183c2e22}
.record-heading{padding:33px 35px 31px;border-top:5px solid var(--forest)}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.8px}
.eyebrow span{font-size:11px;font-weight:400;letter-spacing:.6px}
h1{font-size:42px;line-height:1.3;letter-spacing:1px;margin:19px 0 1px;font-weight:700}
.english-name{margin:0;font-size:23px;font-weight:400;letter-spacing:-.3px;color:#4c655d}
.identity-row{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:24px}
.bottle-id{font-family:var(--mono);font-size:13px;font-weight:700;background:var(--forest);color:#fff;padding:6px 12px;border-radius:5px;letter-spacing:.5px}
.sample-chip{font-size:11px;color:var(--muted)}
.sample-chip span{margin-left:7px}
.record-section{padding:25px 35px 28px;border-top:1px solid var(--line)}
.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:23px}
.section-number{font-family:var(--mono);font-size:11px;color:#87968d}
h2{margin:0;font-size:15px;font-weight:650;letter-spacing:-.15px}
h2>span{font-size:12px;font-weight:400;margin-left:8px;color:var(--muted)}
.details-grid{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px 34px}
.details-grid>div{min-width:0}
.details-grid dt{font-size:11px;color:var(--muted);margin-bottom:6px}
.details-grid dt>span{margin-left:6px;color:#7c8b83}
.details-grid dd{margin:0;font-size:15px;font-weight:500;overflow-wrap:anywhere}
.details-grid .mono{font-family:var(--mono);font-size:16px;letter-spacing:.1px}
.translation{display:block;font-size:11px;font-weight:400;color:#7c8b83;margin-top:2px}
.full-width{grid-column:1/-1}
.details-grid .storage-location{font-size:16px;color:var(--forest)}
.details-grid .detail-note{font-size:11px;font-weight:400;color:#7c8b83;margin-top:4px}
.details-grid .unavailable{color:#718078;font-weight:400}
.safety-section{background:#fbfcf9}
.safety-note{font-size:11px;color:#78877c;border-left:2px solid #d7e0d4;padding:0 0 0 12px;margin:24px 0 0}
.safety-note span{display:block;margin-top:3px}
.record-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f1f5ef;border-top:1px solid var(--line);padding:19px 35px}
.footer-label{display:block;font-size:9px;font-weight:650;letter-spacing:1.2px;color:#6f8075;margin-bottom:4px}
.footer-label span{font-weight:400;letter-spacing:.5px;margin-left:6px}
.record-footer time{display:block;font-size:11px;color:#607267;font-variant-numeric:tabular-nums}
.revision{font-family:var(--mono);font-size:10px;white-space:nowrap;background:#e4ebe0;border:1px solid #d7e0d4;border-radius:5px;padding:5px 9px;color:#607267}
.trial-note{text-align:center;font-size:11px;color:#7b8b7f;margin:22px 0 0}
.trial-note span{display:block;margin-top:3px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#879589;font-size:10px;padding:35px 0 27px}
.site-footer>span:first-child{font-size:9px;font-weight:650;letter-spacing:1.7px}
.site-footer>span>span{margin-left:6px}
@media(max-width:540px){.page-shell{padding:0 16px}.brand-header{padding:22px 0 21px;gap:12px}.wordmark{font-size:12px;letter-spacing:1.6px;gap:9px}.brand-symbol{width:30px;height:32px;font-size:20px}.header-context{font-size:8px;letter-spacing:1px}.header-context>span{font-size:10px}.demo-banner{padding:13px 15px;gap:10px;border-radius:10px}.demo-banner strong{font-size:13px}.demo-banner p{font-size:10px}.record-card{border-radius:13px}.record-heading{padding:25px 22px 26px}.eyebrow{font-size:9px;letter-spacing:1.5px}.eyebrow span{font-size:10px}h1{font-size:34px;margin-top:16px}.english-name{font-size:21px}.identity-row{margin-top:21px;gap:11px}.sample-chip{font-size:10px}.sample-chip span{margin-left:4px}.record-section{padding:23px 22px 25px}.section-heading{gap:9px;margin-bottom:20px}h2{font-size:14px}h2>span{font-size:11px;margin-left:5px}.details-grid{gap:23px 15px}.details-grid dt{font-size:10px}.details-grid dt>span{display:block;margin-left:0;margin-top:1px}.details-grid dd{font-size:14px}.details-grid .storage-location{font-size:15px}.details-grid .mono{font-size:15px}.record-footer{padding:17px 22px;gap:10px}.footer-label{font-size:8px;letter-spacing:1px}.footer-label span{margin-left:3px}.record-footer time{font-size:9px}.revision{font-size:9px;padding:4px 7px}.trial-note{font-size:10px}.site-footer{padding:28px 0 23px;font-size:9px}}
@media(max-width:340px){.details-grid{grid-template-columns:1fr}.record-footer{align-items:flex-start;flex-direction:column}.header-context{display:none}}
@media print{body{background:#fff}.page-shell{max-width:none;padding:0}.brand-header{padding-top:0}.record-card{box-shadow:none}.site-footer{padding-bottom:0}}