/* Evergreen Market Guide, shared by both local page routes. */
#market-guide-page { --mg-ink:#123147; --mg-muted:#5b6d7a; --mg-line:#dbe5eb; --mg-red:#b52b35; }
#market-guide-page .market-guide-main { color:var(--mg-ink); background:#fff; }
#market-guide-page .mg-container { width:calc(100% - 96px); max-width:1280px; margin:0 auto; }
#market-guide-page .mg-hero { margin:0; padding:0; background:linear-gradient(120deg,#f0f4f7,#fff 72%); color:var(--mg-ink); }
#market-guide-page .mg-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:50px; width:100%; max-width:1440px; min-height:610px; margin:0 auto; padding:60px 80px; }
#market-guide-page .mg-hero-copy { min-width:0; max-width:none; margin:0; padding:0; }
#market-guide-page .mg-crumb { margin:0 0 34px; color:var(--mg-muted); font-size:12px; line-height:1.7; }
#market-guide-page .mg-crumb a { color:inherit; text-decoration:none; }
#market-guide-page .mg-eyebrow { margin:0 0 20px; color:var(--mg-red); font-size:11px; line-height:1.8; letter-spacing:.1em; text-transform:uppercase; font-weight:500; }
#market-guide-page .mg-hero h1 { margin:0 0 26px; padding:0 0 6px; font-size:clamp(56px,5.6vw,80px); font-weight:500; line-height:1.08; letter-spacing:-.045em; color:var(--mg-ink); }
#market-guide-page .mg-hero h1 span { display:block; color:var(--mg-red)!important; }
#market-guide-page .mg-lead { margin:0 0 30px; font-size:20px; line-height:1.8; color:var(--mg-muted); max-width:535px; }
#market-guide-page .mg-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
#market-guide-page .mg-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:14px 23px; border:1px solid var(--mg-red); border-radius:3px; background:var(--mg-red); color:#fff; font-size:14px; font-weight:600; line-height:1.6; text-align:center; text-decoration:none; white-space:normal; }
#market-guide-page .mg-button:hover { background:#98222c; border-color:#98222c; }
#market-guide-page .mg-button-secondary { background:transparent; border-color:#a4b6c4; color:var(--mg-ink); }
#market-guide-page .mg-button-secondary:hover { background:#e8eef3; border-color:#7896ac; color:var(--mg-ink); }
#market-guide-page .mg-hero-topics { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:30px; padding-top:23px; border-top:1px solid var(--mg-line); color:#456075; font-size:12px; line-height:1.6; }
#market-guide-page .mg-hero-topics span::before { content:""; display:inline-block; width:4px; height:4px; margin:0 8px 2px 0; background:var(--mg-red); }
#market-guide-page .mg-hero .mg-hero-art { position:relative; inset:auto; width:100%; height:445px; min-height:0; max-height:none; aspect-ratio:auto; margin:0; padding:0; border:0; border-radius:0; background:transparent; overflow:hidden; }
#market-guide-page .mg-hero-art > img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center; opacity:1; mix-blend-mode:multiply; }
#market-guide-page .mg-hero-art::after { background:none; }
#market-guide-page .mg-hero .motion-toggle { right:12px; bottom:12px; }
#market-guide-page .mg-nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px 30px; margin:0; padding:24px 0; border-bottom:1px solid var(--mg-line); }
#market-guide-page .mg-nav strong { margin-right:auto; font-size:11px; font-weight:500; line-height:1.7; letter-spacing:.05em; text-transform:uppercase; color:var(--mg-muted); }
#market-guide-page .mg-nav a { padding:8px 0; font-size:14px; line-height:1.7; color:#3d5a70; text-decoration:none; border-bottom:2px solid transparent; }
#market-guide-page .mg-nav a:hover { color:var(--mg-red); border-bottom-color:var(--mg-red); }
#market-guide-page :is(#markets,#basics,#resources) { scroll-margin-top:190px; }
#market-guide-page .mg-section-index { display:block; margin:0 0 24px; font-size:11px; line-height:1.7; letter-spacing:.1em; text-transform:uppercase; color:var(--mg-red); }
#market-guide-page .market-guide-main h2 { margin:0; font-size:clamp(34px,3.4vw,48px); font-weight:500; line-height:1.18; letter-spacing:-.035em; color:var(--mg-ink); text-align:left; }
#market-guide-page .market-guide-main h2 span { color:var(--mg-red); }
#market-guide-page .market-guide-main p { line-height:1.85; }
#market-guide-page .mg-section-heading { margin-bottom:38px; }
#market-guide-page .mg-heading-split { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:60px; align-items:end; }
#market-guide-page .mg-heading-split > p { margin:0; color:var(--mg-muted); font-size:17px; }
#market-guide-page .mg-markets { padding:76px 0; }
#market-guide-page .mg-market-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#market-guide-page .mg-market-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--mg-line); border-radius:4px; background:#fff; color:var(--mg-ink); text-decoration:none; overflow:hidden; transition:border-color .2s,box-shadow .2s; }
#market-guide-page .mg-market-card:hover { border-color:#9ab0c0; box-shadow:0 12px 28px #17384e0d; }
#market-guide-page .mg-market-card figure { width:100%; aspect-ratio:1.5; margin:0; padding:0; background:#f8fafb; overflow:hidden; border:0; border-radius:0; }
#market-guide-page .mg-market-card figure img { display:block; width:100%; height:100%; max-height:none; aspect-ratio:auto; margin:0; object-fit:contain; object-position:center; transition:transform .35s; }
#market-guide-page .mg-market-card:hover figure img { transform:scale(1.035); }
#market-guide-page .mg-market-copy { display:flex; flex-direction:column; flex:1; padding:26px 28px; }
#market-guide-page .mg-card-category { display:block; margin:0 0 16px; color:var(--mg-muted); font-size:10px; line-height:1.7; letter-spacing:.09em; text-transform:uppercase; }
#market-guide-page .mg-market-copy h3 { margin:0 0 16px; color:var(--mg-ink); font-size:27px; line-height:1.3; letter-spacing:-.025em; font-weight:500; }
#market-guide-page .mg-market-copy p { margin:0 0 22px; font-size:15px; color:var(--mg-muted); }
#market-guide-page .mg-card-link { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:auto; padding-top:16px; border-top:1px solid var(--mg-line); font-size:14px; line-height:1.7; color:var(--mg-red); font-weight:500; }
#market-guide-page .mg-card-link > span { font-size:21px; }
#market-guide-page .mg-basics { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); margin-bottom:78px; border:1px solid var(--mg-line); border-radius:5px; overflow:hidden; }
#market-guide-page .mg-basics-intro { min-width:0; padding:40px; background:linear-gradient(125deg,#102f45,#20495f); }
#market-guide-page .mg-basics-intro .mg-section-index { color:#c3d8e7; }
#market-guide-page .market-guide-main .mg-basics-intro h2 { color:#fff; font-size:43px; }
#market-guide-page .mg-basics-intro p { margin:28px 0; font-size:16px; color:#d0e1ec; }
#market-guide-page .mg-text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 0; color:var(--mg-red); font-size:14px; line-height:1.7; font-weight:500; text-decoration:none; border-bottom:1px solid var(--mg-line); }
#market-guide-page .mg-text-link span { font-size:21px; line-height:1; }
#market-guide-page .mg-basics-intro .mg-text-link { color:#fff; border-color:#ffffff30; }
#market-guide-page .mg-basics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); background:#f4f7f9; }
#market-guide-page .mg-basic-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:32px; border-left:1px solid var(--mg-line); color:var(--mg-ink); text-decoration:none; transition:background .2s; }
#market-guide-page .mg-basic-card:hover { background:#eaf0f5; }
#market-guide-page .mg-basic-card:nth-child(n+3) { border-top:1px solid var(--mg-line); }
#market-guide-page .mg-basic-card h3 { margin:0 0 16px; color:var(--mg-ink); font-size:24px; line-height:1.3; font-weight:500; letter-spacing:-.025em; }
#market-guide-page .mg-basic-card p { margin:0 0 20px; color:var(--mg-muted); font-size:14px; }
#market-guide-page .mg-small-link { display:flex; align-items:center; gap:16px; margin-top:auto; color:var(--mg-red); font-size:13px; line-height:1.7; }
#market-guide-page .mg-small-link span { font-size:20px; }
#market-guide-page .mg-resources { padding-bottom:46px; }
#market-guide-page .mg-resource-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:36px; }
#market-guide-page .mg-academy-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:40px; background:#f2f6f8; border:1px solid var(--mg-line); border-radius:4px; }
#market-guide-page .mg-academy-card h3 { margin:0 0 24px; color:var(--mg-ink); font-size:40px; line-height:1.15; font-weight:500; letter-spacing:-.03em; }
#market-guide-page .mg-academy-card p { margin:0 0 30px; font-size:17px; color:var(--mg-muted); }
#market-guide-page .mg-academy-card .mg-button { margin-top:auto; }
#market-guide-page .mg-academy-card .mg-text-link { margin-top:20px; }
#market-guide-page .mg-resource-list { min-width:0; border-top:1px solid var(--mg-line); }
#market-guide-page .mg-resource-list > a { display:grid; grid-template-columns:26px minmax(0,1fr) 24px; gap:22px; align-items:start; padding:25px 12px; border-bottom:1px solid var(--mg-line); color:var(--mg-ink); text-decoration:none; transition:background .2s; }
#market-guide-page .mg-resource-list > a:hover { background:#f4f7f9; }
#market-guide-page .mg-resource-list > a > span { color:var(--mg-red); font-size:20px; line-height:1.5; }
#market-guide-page .mg-resource-list > a .mg-resource-number { font-size:12px; line-height:2.2; }
#market-guide-page .mg-resource-list h3 { margin:0 0 9px; color:var(--mg-ink); font-size:23px; line-height:1.4; font-weight:500; }
#market-guide-page .mg-resource-list p { margin:0; color:var(--mg-muted); font-size:14px; }
#market-guide-page .mg-education-note { margin:0 0 56px; padding:22px 26px; border-left:2px solid #a8bbc9; background:#f7f9fa; color:var(--mg-muted); font-size:13px; }
#market-guide-page .mg-education-note a { color:var(--mg-red); text-underline-offset:4px; }
#market-guide-page .mg-contact { padding:56px 0; background:linear-gradient(115deg,#102f45,#244d65); }
#market-guide-page .mg-contact > .mg-container { display:flex; justify-content:space-between; align-items:center; gap:40px; }
#market-guide-page .mg-contact .mg-eyebrow { display:block; color:#c7dbe9; margin-bottom:20px; }
#market-guide-page .market-guide-main .mg-contact h2 { color:#fff; font-size:clamp(32px,3.4vw,46px); }
#market-guide-page :is(.mg-button,.mg-text-link,.mg-nav a,.mg-market-card,.mg-basic-card,.mg-resource-list > a):focus-visible { outline:2px solid var(--mg-red); outline-offset:4px; }
#market-guide-page .mg-basics-intro .mg-text-link:focus-visible { outline-color:#fff; }
@media(max-width:1200px) {
 #market-guide-page .mg-hero-grid { padding:52px 48px; gap:36px; min-height:560px; }
 #market-guide-page .mg-hero .mg-hero-art { height:400px; }
 #market-guide-page .mg-market-grid { gap:22px; }
 #market-guide-page .mg-market-copy { padding:24px; }
 #market-guide-page .mg-basics-intro,#market-guide-page .mg-academy-card { padding:32px; }
 #market-guide-page .mg-basic-card { padding:26px; }
 #market-guide-page .market-guide-main .mg-basics-intro h2 { font-size:38px; }
}
@media(max-width:1050px) { #market-guide-page :is(#markets,#basics,#resources) { scroll-margin-top:110px; } }
@media(max-width:900px) {
 #market-guide-page .mg-container { width:calc(100% - 48px); }
 #market-guide-page .mg-hero-grid { grid-template-columns:1fr; padding:44px 32px; gap:22px; min-height:0; }
 #market-guide-page .mg-hero .mg-hero-art { height:300px; }
 #market-guide-page .mg-lead { max-width:640px; }
 #market-guide-page .mg-nav { gap:10px 26px; }
 #market-guide-page .mg-nav strong { width:100%; }
 #market-guide-page .mg-heading-split { grid-template-columns:1fr; gap:24px; }
 #market-guide-page .mg-market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #market-guide-page .mg-markets { padding:56px 0; }
 #market-guide-page .mg-basics { grid-template-columns:1fr; margin-bottom:56px; }
 #market-guide-page .mg-basics-intro p { max-width:600px; }
 #market-guide-page .mg-basic-card { padding:30px; }
 #market-guide-page .mg-basic-card:nth-child(odd) { border-left:0; }
 #market-guide-page .mg-resource-layout { gap:26px; }
 #market-guide-page .mg-resource-list > a { gap:16px; }
 #market-guide-page .mg-academy-card h3 { font-size:35px; }
 #market-guide-page .mg-contact > .mg-container { flex-direction:column; align-items:flex-start; gap:28px; }
}
@media(max-width:700px) { #market-guide-page .mg-resource-layout { grid-template-columns:1fr; } }
@media(max-width:600px) {
 #market-guide-page .mg-container { width:calc(100% - 40px); }
 #market-guide-page .mg-hero-grid { padding:36px 20px; gap:18px; }
 #market-guide-page .mg-hero h1 { font-size:clamp(46px,12vw,64px); }
 #market-guide-page .mg-lead { font-size:17px; }
 #market-guide-page .mg-hero .mg-hero-art { height:240px; }
 #market-guide-page .mg-hero-topics { font-size:11px; gap:10px 18px; }
 #market-guide-page .mg-nav { gap:8px 20px; padding:20px 0; }
 #market-guide-page .mg-nav a { font-size:12px; }
 #market-guide-page .market-guide-main h2 { font-size:34px; }
 #market-guide-page .mg-section-index { margin-bottom:20px; font-size:10px; }
 #market-guide-page .mg-market-grid { grid-template-columns:1fr; gap:24px; }
 #market-guide-page .mg-market-card figure { aspect-ratio:1.5; }
 #market-guide-page .mg-market-copy { padding:26px; }
 #market-guide-page .mg-basics-intro { padding:32px 26px; }
 #market-guide-page .market-guide-main .mg-basics-intro h2 { font-size:35px; }
 #market-guide-page .mg-basics-grid { grid-template-columns:1fr; }
 #market-guide-page .mg-basic-card { padding:28px 26px; border-left:0; }
 #market-guide-page .mg-basic-card:nth-child(n+2) { border-top:1px solid var(--mg-line); }
 #market-guide-page .mg-academy-card { padding:32px 26px; }
 #market-guide-page .mg-resource-list > a { grid-template-columns:22px minmax(0,1fr) 18px; gap:14px; padding:24px 0; }
 #market-guide-page .mg-resource-list h3 { font-size:22px; }
 #market-guide-page .mg-education-note { margin-bottom:46px; padding:22px; }
 #market-guide-page .mg-contact { padding:46px 0; }
}
@media(prefers-reduced-motion:reduce) { #market-guide-page :is(.mg-market-card,.mg-market-card figure img,.mg-basic-card,.mg-resource-list > a) { transition:none; } #market-guide-page .mg-market-card:hover figure img { transform:none; } }