.ecom-reference{--ref-plum:#472039;--ref-rose:#fbf0f4;--ref-line:#e2ced9}.ecom-reference h2{margin-top:54px}.ecom-reference h3{line-height:1.25;letter-spacing:-.02em}.reference-intro{border-left:5px solid #a62a68;background:var(--ref-rose);padding:24px 28px;margin:28px 0}.reference-intro p:last-child{margin-bottom:0}.reference-nav{background:#f6f2f8;border:1px solid var(--ref-line);border-radius:16px;padding:24px;margin:28px 0}.reference-nav strong{display:block;margin-bottom:12px}.reference-nav ul{display:flex;flex-wrap:wrap;list-style:none;gap:10px 22px;padding:0;margin:0}.reference-nav a{font-weight:700;text-underline-offset:4px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.reference-term{padding:23px;border:1px solid var(--ref-line);border-radius:14px;scroll-margin-top:110px;min-width:0}.reference-term h3{font-size:1.3rem;margin:0 0 12px;color:var(--ref-plum)}.reference-term p{font-size:1rem;line-height:1.65;margin:0}.reference-term a{overflow-wrap:anywhere}.reference-example{background:#472039;color:white;padding:28px;border-radius:16px;margin:28px 0}.reference-example h3{color:white;margin:0 0 16px}.reference-example p:last-child{margin:0}.reference-example strong{color:#ffc9dc}.reference-steps{list-style:none;counter-reset:refstep;padding:0;margin:28px 0;display:grid;gap:16px}.reference-steps>li{counter-increment:refstep;border:1px solid var(--ref-line);border-radius:14px;padding:24px 24px 24px 80px;position:relative}.reference-steps>li:before{content:counter(refstep,decimal-leading-zero);position:absolute;left:22px;top:23px;background:#472039;color:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:700}.reference-steps h3{font-size:1.4rem;margin:0 0 10px}.reference-steps p{margin:0}.reference-steps ul{padding-left:22px}.reference-template{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f2f8;padding:24px;border:1px solid var(--ref-line);border-radius:12px;font:inherit;line-height:1.7}.reference-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.reference-mini div{padding:20px;background:#f6f2f8;border-radius:12px}.reference-mini strong{display:block;font-size:1.5rem;color:#472039}.reference-source{font-size:.9rem;color:#625663}.reference-top{font-size:.9rem;display:inline-block;margin-top:12px}.ecom-reference [id]{scroll-margin-top:110px}@media(max-width:650px){.reference-grid,.reference-mini{grid-template-columns:1fr}.reference-term{padding:20px}.reference-intro,.reference-example{padding:22px}.reference-steps>li{padding:24px 20px 24px 70px}.reference-steps>li:before{left:17px}.reference-nav{padding:20px}.reference-nav ul{gap:12px 18px}}@media print{.reference-nav,.reference-top{display:none}.reference-term,.reference-example,.reference-steps>li{break-inside:avoid}.reference-example{background:#f4eef4;color:#18151d}.reference-example h3,.reference-example strong{color:#472039}}
.reference-term .term-example{margin-top:18px;padding-top:16px;border-top:1px solid #e2ced9;color:#51434f;font-size:.95rem;line-height:1.65}.term-example>strong{display:block;margin-bottom:6px;color:#853953;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.visual-index .reference-source{margin:18px 0 0}.concept-figure{margin:38px 0;padding:30px;border:1px solid #d9c7d4;border-radius:18px;background:#fcf8fa;scroll-margin-top:110px}.concept-figure figcaption h3{font-size:1.8rem;margin:0 0 15px;color:#472039}.concept-figure figcaption p{line-height:1.65;margin-bottom:24px}.concept-kicker{display:block;font-size:.72rem;letter-spacing:.1em;font-weight:700;color:#853953;margin-bottom:14px}.concept-figure .concept-takeaway{font-size:.96rem;line-height:1.65;padding-top:20px;border-top:1px solid #e2ced9;margin:24px 0 0}.allocation-bar{display:flex;height:70px;border-radius:10px;overflow:hidden}.allocation-bar>span{min-width:0;display:grid;place-items:center;font-size:clamp(.75rem,2.5vw,1.1rem);font-weight:700}.cost-product{background:#472039;color:white}.cost-operating{background:#dbc4d5;color:#392432}.cost-acquisition{background:#9b3d69;color:white}.cost-contribution{background:#2f695d;color:white}.concept-legend{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;gap:18px;margin:24px 0}.concept-legend li{display:flex;gap:10px;font-size:.86rem;line-height:1.5}.concept-legend i{flex:0 0 13px;height:13px;margin-top:4px;border-radius:3px}.concept-legend strong{display:block;font-size:.94rem;margin-bottom:4px}.ratio-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ratio-pair>div{background:white;border:1px solid #e2ced9;border-radius:12px;padding:24px}.ratio-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em}.ratio-number{display:block;font-size:3.4rem;line-height:1.25;color:#472039;margin:12px 0}.ratio-pair p{font-size:1rem;line-height:1.6}.ratio-track,.payback-track,.funnel-track{background:#e6dce3;overflow:hidden;border-radius:5px}.ratio-track{height:15px}.ratio-track>span,.payback-track>span,.funnel-track>span{display:block;height:100%;background:#2f695d}.payback-scale{position:relative;height:32px;font-size:.8rem;color:#635160}.payback-scale>span{position:absolute;top:0}.payback-scale>span:first-child{left:0}.payback-scale>span:nth-child(2){left:50%;transform:translateX(-50%);color:#853953;font-weight:700}.payback-scale>span:last-child{right:0}.payback-row{margin-bottom:24px}.payback-row:last-child{margin-bottom:0}.payback-day{display:block;font-weight:700;font-size:.95rem;margin-bottom:8px}.payback-row>strong{display:block;font-size:.9rem;margin-top:6px;color:#2f695d}.payback-track{height:28px;position:relative;overflow:visible}.payback-track>span{border-radius:5px}.payback-track:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;border-left:2px dashed #853953}.cac-line{display:none}.funnel-bars{list-style:none;padding:0;margin:0}.funnel-bars>li{margin:0 0 22px}.funnel-bars>li>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.9rem}.funnel-bars strong{text-align:right}.funnel-track{height:28px}.funnel-track>span{background:#853953}.stock-timeline{display:flex;border-radius:10px;overflow:hidden;min-height:64px}.stock-timeline>span{min-width:0;display:grid;place-items:center;text-align:center;font-weight:700;font-size:.9rem;padding:10px 3px}.stock-timeline>span:nth-child(1){background:#472039;color:white}.stock-timeline>span:nth-child(2){background:#a3537b;color:white}.stock-timeline>span:nth-child(3){background:#c9e1d7;color:#204b40}.stock-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:18px;margin:24px 0}.stock-stages>li{border-left:3px solid #dbc4d5;padding-left:13px;font-size:.9rem;line-height:1.6}.stock-stages strong{display:block;color:#472039;margin-bottom:6px}.integration-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}.integration-flow>li{background:white;border:1px solid #e2ced9;border-radius:12px;padding:20px;min-width:0}.flow-number{display:grid;place-items:center;background:#472039;color:white;width:34px;height:34px;border-radius:50%;margin-bottom:14px;font-weight:700}.integration-flow strong{display:block;font-size:1.03rem;color:#472039}.integration-flow p{font-size:.9rem;line-height:1.6;margin:10px 0 0}.order-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.order-tiles>span{background:#e0eee7;border:1px solid #bdd6c9;color:#204b40;padding:16px 8px;border-radius:10px;text-align:center;font-size:.85rem}.order-tiles strong{display:block;font-size:1.5rem;margin-top:6px}@media(max-width:650px){.concept-figure{padding:20px;margin:28px 0}.concept-figure figcaption h3{font-size:1.55rem}.ratio-pair,.stock-stages,.integration-flow{grid-template-columns:1fr}.ratio-pair>div{padding:20px}.concept-legend{grid-template-columns:1fr}.concept-figure .reference-mini{gap:10px}.concept-figure .reference-mini>div{padding:16px}.funnel-bars>li>div:first-child{display:block}.funnel-bars strong{display:block;text-align:left;margin-top:3px}.order-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.stock-stages{gap:15px}}@media print{.concept-figure{break-inside:avoid}.allocation-bar,.ratio-track,.payback-track,.funnel-track,.stock-timeline,.order-tiles{-webkit-print-color-adjust:exact;print-color-adjust:exact}.concept-figure .concept-takeaway{color:#18151d}}