.magnesium-page { background:#f5f4ef; color:#20261c; }
.magnesium-page .language-selector button[aria-pressed="true"] { background:#e5eadc; color:#20261c; }
.magnesium-page p { line-height:1.65; }
.magnesium-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,5vw,76px); padding-top:48px; padding-bottom:64px; align-items:center; }
.magnesium-hero__media { position:relative; background:#e9e6de; }
.magnesium-hero__media img { display:block; width:100%; height:auto; }
.magnesium-brand { display:block; padding:14px 20px; border-top:1px solid #d4d6cc; font-size:12px; letter-spacing:.06em; }
.magnesium-hero h1 { font-size:clamp(40px,4.3vw,72px); line-height:1.02; letter-spacing:-.055em; margin:12px 0 24px; overflow-wrap:normal; }
.magnesium-hero h2 { font-size:clamp(24px,2.3vw,34px); line-height:1.15; margin:0 0 20px; }
.magnesium-hero__copy>p { max-width:580px; color:#51594b; }
.magnesium-hero small { display:block; color:#51594b; font-size:13px; line-height:1.6; }
.magnesium-highlights { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 12px; }
.magnesium-highlights span { padding:9px 12px; background:#e5eadc; font-size:13px; border:1px solid #d2dcc4; }
.magnesium-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 16px; }
.magnesium-page .button { background:#28391e; color:#fff; border-color:#28391e; font-size:14px; text-align:center; line-height:1.4; white-space:normal; }
.magnesium-page .button--secondary { background:transparent; color:#28391e; }
.magnesium-page .button:hover,.magnesium-page .button:focus-visible { background:#172010; color:#fff; }
.magnesium-page .button:focus-visible { outline:2px solid #587343; outline-offset:4px; }
.magnesium-section { padding:clamp(48px,6vw,88px) 0; border-top:1px solid #d6dace; scroll-margin-top:24px; }
.magnesium-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); align-items:start; }
.magnesium-section h2 { font-size:clamp(30px,3.2vw,48px); line-height:1.08; letter-spacing:-.035em; margin:0 0 24px; }
.magnesium-section h3 { font-size:22px; line-height:1.25; margin:28px 0 12px; }
.magnesium-table-wrap { margin:28px 0 14px; }
.magnesium-page table { width:100%; border-collapse:collapse; background:white; font-size:14px; }
.magnesium-page th,.magnesium-page td { padding:14px 12px; text-align:left; border-bottom:1px solid #d6dace; vertical-align:top; }
.magnesium-page thead { background:#e5eadc; }
.magnesium-page tbody th { font-weight:500; }
.magnesium-page td { white-space:nowrap; }
.magnesium-label { margin:0; }
.magnesium-label img { display:block; width:100%; height:auto; }
.magnesium-label figcaption { font-size:13px; text-align:center; margin:12px 0; }
.magnesium-version { margin-top:28px; padding:24px; background:#e7ebdf; border-left:3px solid #869d6c; }
.magnesium-version h3 { margin-top:0; }
.magnesium-version p { font-size:14px; }
.magnesium-text-link { color:#344f23; text-decoration:underline; text-underline-offset:4px; }
.magnesium-section--sage { background:#e5eadc; }
.magnesium-caution { border-left:2px solid #859b6e; padding-left:28px; }
.magnesium-note { font-size:13px; line-height:1.65; color:#5a6253; }
.magnesium-offers { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px; }
.magnesium-offers article { padding:32px; border:1px solid #d1d8c7; background:#fff; }
.magnesium-offers article h3 { margin-top:0; }
.magnesium-offers .magnesium-subscription { background:#e5eadc; }
.magnesium-price { font-size:28px; font-weight:650; margin:20px 0 6px; letter-spacing:-.02em; }
.magnesium-offers .button { margin-top:12px; }
.magnesium-sources { border-top:1px solid #d6dace; margin-top:32px; }
.magnesium-sources ul { display:flex; flex-wrap:wrap; gap:12px 28px; padding:0; list-style:none; font-size:14px; }
@media(max-width:900px) { .magnesium-hero { gap:28px; } .magnesium-hero h1 { font-size:42px; } .magnesium-grid { grid-template-columns:1fr; } .magnesium-label { max-width:650px; } }
@media(max-width:600px) { .magnesium-hero { grid-template-columns:1fr; padding-top:20px; padding-bottom:40px; } .magnesium-hero h1 { font-size:42px; } .magnesium-offers { grid-template-columns:1fr; } .magnesium-offers article { padding:24px; } .magnesium-page th,.magnesium-page td { padding:12px 8px; font-size:13px; } .magnesium-actions { flex-direction:column; } }