
 .mp-scope{
  --mp-cream:#F6F1E4; --mp-wash:#D2D7C8; --mp-ink:#064229; --mp-ink-soft:#426E58; --mp-line:#9BAE9D; --mp-gold:#A3763B; --mp-gold-wash:#F1E4CC;
  background:var(--mp-cream); color:var(--mp-ink); font-family:'Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; -webkit-font-smoothing:antialiased;
 }
 .mp-scope *{box-sizing:border-box;}
 .mp-wrap{ max-width:760px; margin:0 auto; padding:80px 24px 100px; }
 /* ---------- Hero ---------- */
 .mp-hero{ position:relative; text-align:center; padding-bottom:64px; margin-bottom:64px; border-bottom:1px solid var(--mp-line); }
 .mp-logo{ width:170px; height:auto; margin:0 auto 28px; display:block; }
 .mp-eyebrow{ font-size:12px; letter-spacing:0.22em; text-transform:uppercase; color:var(--mp-ink-soft); margin:0 0 16px; font-weight:600; }
 .mp-h1{ font-family:'Fraunces',Georgia,'Songti SC',serif; font-weight:500; font-size:clamp(34px,6vw,54px); line-height:1.08; letter-spacing:-0.01em; margin:0 0 20px; }
 .mp-lede{ font-size:16px; line-height:1.65; color:var(--mp-ink-soft); max-width:500px; margin:0 auto; }
 /* ---------- Stage sections ---------- */
 .mp-stage{ margin-bottom:68px; }
 .mp-stage-head{ display:flex; align-items:baseline; gap:16px; margin-bottom:8px; }
 .mp-stage-num{ font-family:'Fraunces',Georgia,serif; font-weight:300; font-size:14px; color:var(--mp-gold); letter-spacing:0.14em; }
 .mp-stage-title{ font-family:'Fraunces',Georgia,'Songti SC',serif; font-weight:500; font-size:24px; letter-spacing:-0.01em; margin:0; }
 .mp-stage-intro{ font-size:14.5px; color:var(--mp-ink-soft); margin:0 0 28px; max-width:520px; line-height:1.6; }
 .mp-step{ display:grid; grid-template-columns:40px 1fr; gap:18px; padding:20px 0; border-top:1px solid var(--mp-line); }
 .mp-step:last-child{ border-bottom:1px solid var(--mp-line); }
 .mp-step-tag{ font-family:'Fraunces',Georgia,serif; font-size:13px; color:var(--mp-ink-soft); padding-top:2px; }
 .mp-step-name{ font-weight:600; font-size:15px; margin:0 0 6px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
 .mp-step-body{ font-size:14px; line-height:1.6; color:var(--mp-ink-soft); margin:0; }
 /* ---------- Key control point seal ---------- */
 .mp-seal{ display:inline-flex; align-items:center; gap:6px; font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--mp-gold); border:1px solid var(--mp-gold); border-radius:999px; padding:3px 10px 3px 8px; background:var(--mp-gold-wash); }
 .mp-seal svg{width:11px;height:11px;flex-shrink:0;}
 .mp-callout{ margin-top:8px; font-size:13px; color:var(--mp-gold); font-weight:600; }
 /* ---------- Control panel ---------- */
 .mp-panel{ background:var(--mp-wash); border-radius:4px; padding:32px 28px; margin-top:8px; }
 .mp-panel h3{ font-family:'Fraunces',Georgia,'Songti SC',serif; font-weight:500; font-size:18px; margin:0 0 18px; }
 .mp-panel-row{ display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-top:1px solid rgba(32,48,31,0.14); font-size:13.5px; }
 .mp-panel-row:first-of-type{border-top:none;}
 .mp-panel-row span:first-child{color:var(--mp-ink-soft);}
 .mp-panel-row span:last-child{font-weight:600;text-align:right;}
 /* ---------- Footer ---------- */
 .mp-infographic{ margin:0 0 68px; }
 .mp-infographic img{ width:100%; height:auto; display:block; border-radius:4px; }
 .mp-foot{ text-align:center; margin-top:80px; padding-top:36px; border-top:1px solid var(--mp-line); font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:15px; color:var(--mp-ink-soft); }
 @media (max-width:520px){ .mp-wrap{padding:56px 16px 80px;} .mp-step{grid-template-columns:28px 1fr;gap:12px;} }
 /* ---------- Product page: wider container ---------- */
 .mp-wrap{ max-width:980px; padding:72px 32px 100px; }
 /* ---------- Product page: top (identity + specs, two columns) ---------- */
 .pp-top{ display:grid; grid-template-columns:1.1fr 1fr; gap:56px; align-items:start; padding-bottom:56px; margin-bottom:56px; border-bottom:1px solid var(--mp-line); }
 .pp-logo{ width:120px; height:auto; margin:0 0 28px; display:block; }
 .pp-eyebrow{ font-size:12px; letter-spacing:0.22em; text-transform:uppercase; color:var(--mp-gold); margin:0 0 16px; font-weight:600; }
 .pp-h1{ font-family:'Fraunces',Georgia,'Songti SC',serif; font-weight:500; font-size:clamp(32px,4.2vw,48px); line-height:1.08; letter-spacing:-0.01em; margin:0 0 12px; }
 .pp-subtitle{ font-size:14px; color:var(--mp-ink-soft); letter-spacing:0.03em; margin:0 0 28px; }
 .pp-quote{ font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:18px; line-height:1.55; color:var(--mp-ink); max-width:420px; margin:0; padding-left:18px; border-left:2px solid var(--mp-gold); }
 /* ---------- Product page: spec grid (right column) ---------- */
 .pp-specs{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--mp-line); border:1px solid var(--mp-line); }
 .pp-spec{ background:var(--mp-cream); padding:20px 22px; }
 .pp-spec-label{ font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--mp-ink-soft); margin:0 0 8px; font-weight:600; }
 .pp-spec-value{ font-family:'Fraunces',Georgia,serif; font-size:18px; color:var(--mp-ink); margin:0; overflow-wrap:break-word; }
 /* ---------- Product page: description + best-for (two columns) ---------- */
 .pp-body{ display:grid; grid-template-columns:1.4fr 1fr; gap:56px; margin-bottom:48px; }
 .pp-desc{ font-size:16.5px; line-height:1.8; color:var(--mp-ink-soft); margin:0; overflow-wrap:break-word; }
 .pp-section-label{ font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:var(--mp-ink-soft); font-weight:600; margin:0 0 14px; }
 .pp-chips{ display:flex; flex-wrap:wrap; gap:8px; align-content:flex-start; }
 .pp-chip{ font-size:13.5px; color:var(--mp-ink); border:1px solid var(--mp-line); border-radius:999px; padding:6px 14px; background:var(--mp-wash); }
 /* ---------- Product page: packaging + purity meta strip ---------- */
 .pp-meta{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--mp-line); border-top:1px solid var(--mp-line); border-bottom:1px solid var(--mp-line); margin-bottom:64px; }
 .pp-meta div{ background:var(--mp-cream); padding:18px 22px; }
 .pp-meta div span:first-child{ display:block; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--mp-ink-soft); margin-bottom:6px; font-weight:600; }
 .pp-meta div span:last-child{ display:block; color:var(--mp-ink); font-weight:600; font-size:14.5px; }
 .pp-transition{ text-align:center; margin-bottom:8px; }
 .pp-transition .pp-eyebrow{margin-bottom:8px;}
 .pp-transition p{ font-size:14px; color:var(--mp-ink-soft); max-width:480px; margin:0 auto 8px; }
 /* ---------- Product page: flavor profile (radar chart + powder photo, unified centered card) ---------- */
 .pp-flavor{ margin-bottom:56px; }
 .pp-flavor-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:24px; }
 .pp-flavor-card{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; padding:24px 20px 22px; border:1px solid var(--mp-line); border-radius:8px; background:var(--mp-cream); }
 .pp-flavor-visual{ display:flex; flex-direction:column; align-items:center; width:200px; }
 .pp-radar-frame{ width:200px; height:200px; background:#fff; border:1px solid var(--mp-line); border-radius:8px; display:flex; align-items:center; justify-content:center; padding:12px; box-sizing:border-box; }
 .pp-radar-frame img.pp-radar-img{ width:100%; height:100%; object-fit:contain; display:block; }
 .pp-powder-strip{ width:100%; max-width:320px; margin:4px auto 0; display:flex; justify-content:center; }
 img.pp-powder-img{ width:100%; height:auto; object-fit:contain; display:block; opacity:0.92; }
 .pp-flavor-tag{ font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--mp-gold); font-weight:600; margin:0; }
 .pp-flavor-caption{ font-size:14.5px; line-height:1.6; color:var(--mp-ink-soft); margin:0; max-width:280px; overflow-wrap:break-word; }
 /* ---------- Product page: flavor row (image left, text right — single-grade pages) ---------- */
 .pp-flavor-row{ display:flex; align-items:center; gap:32px; padding:28px 26px; border:1px solid var(--mp-line); border-radius:8px; background:var(--mp-cream); }
 .pp-flavor-row-visual{ display:flex; flex-direction:column; align-items:center; gap:12px; width:200px; flex-shrink:0; }
 .pp-flavor-row-text{ flex:1; min-width:0; }
 .pp-flavor-row-text .pp-flavor-tag{ margin-bottom:10px; }
 .pp-flavor-row-text .pp-flavor-caption{ font-size:16px; line-height:1.65; max-width:none; text-align:left; }
 /* ---------- Product page: lead sentence emphasis ---------- */
 .pp-desc strong{ color:var(--mp-ink); font-weight:600; }
 /* ---------- Tablet ---------- */
 @media (max-width:900px){ .mp-wrap{padding:64px 26px 90px;} .pp-top{gap:36px;} .pp-body{gap:36px;} .pp-flavor-row{gap:22px;padding:22px 20px;} .pp-flavor-row-visual{width:160px;} .pp-radar-frame{width:160px;height:160px;} }
 @media (max-width:620px){ .pp-top,.pp-body,.pp-meta{ grid-template-columns:1fr; } .pp-quote{max-width:none;} .pp-flavor-row{ flex-direction:column; text-align:center; } .pp-flavor-row-text{text-align:center;} .pp-flavor-row-text .pp-flavor-caption{text-align:center;} .pp-flavor-row-visual{width:180px;margin:0 auto;} }
 @media (max-width:520px){ .mp-wrap{padding:56px 18px 80px;} .pp-specs{grid-template-columns:1fr;} .pp-spec{padding:16px 18px;} .pp-radar-frame,.pp-flavor-visual{width:150px;height:150px;} .pp-flavor-visual{height:auto;} }
 /* ---------- Overflow safety ---------- */
 .mp-scope img{max-width:100%;height:auto;}
 .mp-scope{overflow-x:hidden;}
 .pp-quote,.mp-lede,.mp-stage-intro,.mp-step-body,.pp-flavor-caption,.pp-desc,.pp-spec-value{ overflow-wrap:break-word; word-break:break-word; }
