/* Wide desktop layout and framed navigation. Keep the existing font families. */
@media(min-width:761px){
 html body #header{display:grid;grid-template-columns:1fr auto;gap:20px 28px;padding:22px 3%;min-height:0}
 html body #header .brand{grid-column:1;grid-row:1;justify-self:start}
 html body #header .brand>span{font-size:25px;letter-spacing:5px}
 html body #header .brand small{font-size:11px}
 html body #header .header-settings{grid-column:2;grid-row:1;justify-self:end;gap:12px;flex-wrap:wrap}
 html body .language-switch button,html body .theme-switch button{font-size:15px;padding:9px 13px;min-height:42px}
 html body #header #nav{display:flex;position:static;grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--iv-line);border-radius:16px;background:var(--iv-surface);box-shadow:0 4px 18px #30271f08}
 html body #header #nav>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid var(--iv-line);border-radius:9px;background:var(--iv-bg);color:var(--iv-ink);font-size:17px;font-weight:600;line-height:1.4;white-space:normal;text-align:center;flex:1 1 auto}
 html body #header #nav>a:hover{background:var(--iv-blue);border-color:#538399;color:var(--iv-ink)}
 html body #header #nav>a:focus-visible{outline:3px solid #17649d;outline-offset:3px}
 html body #header .menu{display:none}
 html body .section,html body .proof-section,html body .journey-grid,html body .impact-inner{width:94%;max-width:1800px;margin-inline:auto}
 html body .section,html body .proof-section{padding:56px 0}
 html body .journey-section{padding-top:56px}
 html body .journey-grid{padding:0 0 56px;grid-template-columns:minmax(280px,.9fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
 html body .journey-portrait img{aspect-ratio:4/3;max-height:440px;object-fit:cover}
 html body .journey-intro{align-self:center}
 html body .journey-intro h2{font-size:clamp(34px,2.7vw,48px);margin-bottom:24px}
 html body .journey-intro p{font-size:19px;line-height:1.75;max-width:900px}
 html body .journey-pillar h3{font-size:23px}
 html body .journey-pillar p{font-size:18px;line-height:1.75}
 html body .journey-pillar svg{width:48px;height:48px}
 html body .story-more summary{font-size:17px;padding:13px 24px;background:var(--iv-surface)}
 html body .eyebrow,html body .proof-eyebrow{font-size:14px;letter-spacing:2.5px}
 html body .section-heading h2,html body .proof-section h2{font-size:clamp(34px,2.8vw,48px)}
 html body .section-heading p,html body .proof-section>p{font-size:20px;line-height:1.7;max-width:900px}
 html body .impact-stat span{font-size:18px}
 html body .pillar-grid p{font-size:18px}
 html body .pillar-grid>article{padding:32px}
 html body .workflow{font-size:18px}
 html body .edu-playlist>summary{min-height:280px;max-height:360px}
 html body .edu-playlist>summary .playlist-name{font-size:28px}
 html body .edu-playlist>summary .playlist-count{font-size:17px}
 html body .tool-tabs button,html body .tool-coming{font-size:18px;min-height:54px}
 html body .tool-panel{padding:30px}
 html body .tool-panel h3{font-size:30px}
 html body .tool-panel>p{font-size:18px}
 html body .tool-panel .tool-note{font-size:15px!important}
 html body .myfxbook-calendar{height:780px}
 html body .course-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:32px;align-items:stretch}
 html body .course-intro,html body .curriculum{padding:36px;border:1px solid var(--iv-line)}
 html body .course-intro{display:flex;flex-direction:column;align-items:flex-start}
 html body .course-intro h2{font-size:clamp(34px,2.8vw,48px)}
 html body .course-intro p,html body .curriculum p{font-size:19px;line-height:1.75}
 html body .course-stamp{margin-top:32px}
 html body .curriculum summary{font-size:21px;padding-block:22px}
 html body .curriculum-top{font-size:15px;gap:20px}
 html body .membership-preview{padding:40px;border-radius:16px;margin-block:24px}
 html body .membership-preview>.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}
 html body .membership-preview .section-heading p{margin:0}
 html body .ivory-tile{min-height:280px;max-height:350px}
 html body .ivory-tile strong{font-size:28px}
 html body .membership-table{font-size:18px}
 html body .membership-table th,html body .membership-table td{padding:18px 20px;text-align:left}
 html body .membership-preview .button,html body .course-intro .button{font-size:17px;min-height:50px}
 html body .member-note{font-size:16px;color:var(--iv-ink);margin-top:18px;line-height:1.7}
 html body .broker-section{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
 html body .broker-intro h2{font-size:32px}
 html body .broker-intro p{font-size:18px}
 html body .broker-card strong{font-size:23px}
 html body .broker-cta{font-size:16px}
 html body .broker-disclosure{font-size:15px}
 html body .community{padding:56px 32px}
 html body .community>p{font-size:20px}
 html body .proof-document strong{font-size:18px}
 html body .proof-document img{height:310px}
 html body footer{padding:36px 3%}
}
@media(min-width:761px) and (max-width:1100px){
 html body #header #nav>a{font-size:16px;padding:10px 14px;flex-basis:20%}
 html body .journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 html body .journey-intro h2{font-size:32px}
 html body .journey-intro p{font-size:17px}
 html body .course-inner,html body .membership-preview>.section-heading,html body .broker-section{grid-template-columns:1fr}
 html body .membership-preview{padding:28px}
 html body .edu-playlist>summary .playlist-name{font-size:23px}
 html body .ivory-tile strong{font-size:23px}
 html body .ivory-tile{min-height:240px}
}
/* Preserve the mobile menu behavior while giving its links a clear frame. */
@media(max-width:760px){
 html body #nav>a{border:1px solid var(--iv-line);border-radius:8px;padding:12px 16px;font-size:16px;background:var(--iv-bg);margin-block:4px}
}