/*
Theme Name: Open the Atlas
Theme URI: https://opentheatlas.com
Author: AJ Michael
Description: A lightweight block theme for Open the Atlas.
Version: 0.8.15.30
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
Text Domain: open-the-atlas
*/
:root{--ota-border:#a77b2f;--ota-shadow:0 14px 36px rgba(18,33,54,.13);--ota-rule:rgba(167,123,47,.48)}
html{scroll-behavior:smooth}body{text-rendering:optimizeLegibility}a{text-underline-offset:.18em}.wp-site-blocks{min-height:100vh}.ota-shell{border-top:1px solid rgba(167,123,47,.35);border-bottom:1px solid rgba(167,123,47,.2)}
.ota-card{border:1px solid var(--ota-rule);box-shadow:var(--ota-shadow);border-radius:3px;overflow:hidden}.ota-kicker,.ota-section-label{letter-spacing:.14em;text-transform:uppercase}.ota-section-label{font-weight:700}.ota-lead{max-width:720px}.ota-hero-title{font-size:clamp(2.4rem,5.2vw,5rem);line-height:1.08;margin-bottom:1.15rem}.ota-hero-copy{line-height:1.45;max-width:34rem;margin-top:0}.ota-hero-art{min-height:360px}.ota-hero-art img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.ota-art-frame{border:1px solid rgba(167,123,47,.75);box-shadow:var(--ota-shadow);overflow:hidden}.ota-art-frame img{width:100%;height:auto;display:block}.ota-card-grid{align-items:stretch}.ota-card-grid>.wp-block-column{display:flex}.ota-card-grid .ota-card{width:100%}.ota-card-image img{width:100%;height:180px;object-fit:cover;display:block}.ota-card-body{padding:1.65rem}.ota-number{width:2.1rem;height:2.1rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ota-border);font-family:Georgia,serif;font-weight:700}.ota-note{border-left:4px solid var(--ota-border)}.ota-route-open{border-top:4px solid var(--ota-border)}.ota-coming-soon{opacity:.78}.ota-footer-grid a{color:var(--wp--preset--color--cream);text-decoration:none}.ota-footer-grid a:hover{color:var(--wp--preset--color--gold-light);text-decoration:underline}.ota-footer-grid ul{list-style:none;padding-left:0!important;margin-left:0}.ota-footer-grid li{margin-bottom:.45rem}.ota-header-cta>a,.wp-block-navigation-item.ota-header-cta>a{background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light)!important;border:1px solid var(--wp--preset--color--gold);padding:.58rem .85rem;text-decoration:none;border-radius:2px}.wp-block-navigation__submenu-container{border-color:var(--ota-border)!important;box-shadow:var(--ota-shadow)}.wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:.65rem .9rem}.ota-dark-panel{background:var(--wp--preset--color--navy);color:var(--wp--preset--color--cream)}.ota-dark-panel h2,.ota-dark-panel h3{color:var(--wp--preset--color--gold-light)}.ota-dark-panel a{color:var(--wp--preset--color--gold-light)}.ota-journey-hero{position:relative;overflow:hidden}.ota-journey-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,33,54,.02),rgba(18,33,54,.08));pointer-events:none}.ota-step-line{position:relative}.ota-step-line:before{content:"";position:absolute;top:1.05rem;left:1rem;right:1rem;border-top:1px dashed var(--ota-border);opacity:.65;z-index:0}.ota-step-line>*{position:relative;z-index:1}.ota-model-card .wp-block-heading{min-height:2.6em}.ota-foundation-card .wp-block-heading{min-height:2.6em}.ota-lock{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--gold)}
@media(max-width:900px){.ota-header-inner{align-items:flex-start!important}.ota-card-grid{gap:1.25rem!important}.ota-step-line:before{display:none}.ota-hero-art,.ota-hero-art img{min-height:300px}.ota-model-card .wp-block-heading,.ota-foundation-card .wp-block-heading{min-height:auto}}
@media(max-width:780px){.ota-footer-grid{gap:2rem!important}.ota-hero-art,.ota-hero-art img{min-height:250px}.ota-card-image img{height:150px}}

/* v0.5.2 header, dropdown, and asset-path refinements */
.ota-site-header{position:relative;z-index:50;transition:padding-bottom .16s ease}
.ota-brand-title{display:flex;align-items:center;gap:.55rem;color:var(--wp--preset--color--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,1.7vw,1.65rem);font-weight:700;letter-spacing:.015em;line-height:1;white-space:nowrap}
.ota-brand-mark{display:inline-flex;align-items:center;justify-content:center;color:var(--wp--preset--color--gold);font-size:.95em;transform:translateY(-.02em)}
.ota-header-inner>.wp-block-navigation{position:relative;z-index:60}
.ota-header-inner .wp-block-navigation-item.has-child{position:relative}
.ota-header-inner .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container{left:0!important;right:auto!important;top:calc(100% + .18rem)!important;min-width:19rem;width:max-content;max-width:23rem;margin:0!important;background:var(--wp--preset--color--navy)!important;border:1px solid var(--wp--preset--color--gold)!important;box-shadow:var(--ota-shadow);z-index:100}
.ota-header-inner .wp-block-navigation__submenu-container:before{content:"";position:absolute;top:-.2rem;left:0;right:0;height:.2rem}
.ota-header-inner .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--wp--preset--color--cream)!important;white-space:nowrap;line-height:1.3;padding:.72rem 1rem}
.ota-header-inner .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,.ota-header-inner .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus{background:var(--wp--preset--color--navy-light)!important;color:var(--wp--preset--color--gold-light)!important}
/* Reserve room beneath an open desktop submenu so it does not cover the hero. */
@media(min-width:901px){
 body:has(.ota-header-inner .wp-block-navigation-item.has-child:hover) .ota-site-header,
 body:has(.ota-header-inner .wp-block-navigation-item.has-child:focus-within) .ota-site-header{padding-bottom:calc(var(--wp--preset--spacing--30) + 5.4rem)!important}
}
@media(max-width:900px){.ota-brand-title{font-size:1.35rem}.ota-header-inner .wp-block-navigation-item.has-child>.wp-block-navigation__submenu-container{top:auto!important;min-width:0;width:100%;max-width:none}.ota-header-inner .wp-block-navigation__submenu-container .wp-block-navigation-item__content{white-space:normal}}


/* v0.6 affiliate marketing route */
.ota-route-page{overflow:hidden}.ota-route-hero{background:radial-gradient(circle at 75% 25%,#203754 0,#122136 48%,#0b1728 100%)}.ota-route-hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.ota-route-prereq{gap:1.5rem}.ota-route-map{position:relative;padding:2rem;background-color:#f1dfbd;background-image:radial-gradient(rgba(167,123,47,.11) 1px,transparent 1px);background-size:11px 11px;border:1px solid var(--ota-border);box-shadow:var(--ota-shadow)}.ota-route-legend{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin:1.25rem 0 2rem;font-size:.88rem}.ota-route-legend span{display:inline-flex;align-items:center;gap:.4rem}.ota-legend-dot{width:.8rem;height:.8rem;border-radius:50%;display:inline-block;border:1px solid var(--ota-border)}.ota-legend-current{background:var(--wp--preset--color--gold)}.ota-legend-complete{background:var(--wp--preset--color--navy)}.ota-legend-future{background:var(--wp--preset--color--cream)}.ota-route-row{position:relative;gap:1.1rem!important}.ota-route-row--top:before,.ota-route-row--bottom:before{content:"";position:absolute;left:5%;right:5%;top:50%;border-top:3px dashed rgba(73,51,24,.72);z-index:0}.ota-route-row--top:after,.ota-route-row--bottom:after{content:"➜";position:absolute;right:1%;top:calc(50% - 1rem);font-size:1.8rem;color:#493318;z-index:0}.ota-route-row--bottom:after{content:"➜";right:auto;left:1%;transform:rotate(180deg)}.ota-route-stage{position:relative;display:block;color:var(--wp--preset--color--ink);text-decoration:none;background:rgba(251,247,237,.94);border:1px solid rgba(111,79,31,.55);box-shadow:0 7px 18px rgba(50,35,16,.14);border-radius:4px;min-width:0;z-index:2;transition:transform .16s ease,box-shadow .16s ease}.ota-route-stage:hover,.ota-route-stage:focus{transform:translateY(-3px);box-shadow:0 13px 28px rgba(50,35,16,.2)}.ota-route-stage--current{border:2px solid var(--wp--preset--color--gold);background:#fff8e9}.ota-route-stage--complete{border-color:var(--wp--preset--color--navy)}.ota-route-stage--future{opacity:.9}.ota-route-stage-art{margin:-1rem -1rem 1rem!important;overflow:hidden;border-bottom:1px solid rgba(111,79,31,.38)}.ota-route-stage-art img{width:calc(100% + 2rem);height:120px;object-fit:cover;display:block}.ota-route-stage-number{position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-family:Georgia,serif;font-weight:700}.ota-route-stage h3{margin-top:.2rem}.ota-route-state-label{margin-bottom:0;color:#7a571f;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ota-route-turn{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;padding-right:2.5%;font-size:2.4rem;color:#493318}.ota-route-detail-grid{gap:1.25rem}.ota-route-detail{scroll-margin-top:8rem}.ota-route-detail-status{display:inline-block;color:#7a571f;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ota-route-detail-action .wp-block-button__link{display:inline-block}.ota-route-detail-action a{background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:1px solid var(--wp--preset--color--gold);padding:.7rem 1rem;text-decoration:none;font-weight:700}
@media(max-width:1000px){.ota-route-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ota-route-row--top:before,.ota-route-row--bottom:before,.ota-route-row--top:after,.ota-route-row--bottom:after,.ota-route-turn{display:none}.ota-route-stage-art img{height:160px}}
@media(max-width:650px){.ota-route-map{padding:1.1rem}.ota-route-row{display:flex!important;flex-direction:column}.ota-route-row--bottom{flex-direction:column-reverse}.ota-route-stage{display:grid;grid-template-columns:120px 1fr;column-gap:1rem;align-items:start}.ota-route-stage-art{grid-row:1/5;margin:-1rem 0 -1rem -1rem!important;border-bottom:0;border-right:1px solid rgba(111,79,31,.38)}.ota-route-stage-art img{height:100%;min-height:170px;width:120px}.ota-route-stage-number{left:120px;transform:translateX(-50%)}.ota-route-stage h3,.ota-route-stage p{grid-column:2}.ota-route-hero-art img{aspect-ratio:4/3}.ota-route-prereq{display:block!important}.ota-route-prereq .wp-block-buttons{margin-top:1rem}}


/* v0.6.2 route-map rebuild */
.ota-route-hero-art img{object-position:center center!important}
.ota-route-map-v2{width:min(1320px,calc(100vw - 3rem));max-width:none!important;margin:3.25rem auto!important;padding:2.25rem 2.5rem 2.75rem;background-color:#f1dfbd;background-image:radial-gradient(rgba(167,123,47,.10) 1px,transparent 1px);background-size:12px 12px;border:1px solid var(--ota-border);box-shadow:var(--ota-shadow);box-sizing:border-box}
.ota-route-map-v2>h2,.ota-route-map-v2>.ota-route-map-kicker,.ota-route-map-v2>.ota-route-map-intro{text-align:center}
.ota-route-map-v2>.ota-route-map-intro{max-width:760px;margin-left:auto;margin-right:auto}
.ota-route-board{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:5rem 2.1rem;padding:2.3rem 1.2rem 1rem;isolation:isolate}
.ota-route-trail{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.ota-route-node{position:relative;z-index:2;display:grid;grid-template-rows:132px 1fr;min-width:0;background:rgba(251,247,237,.97);border:1px solid rgba(111,79,31,.62);border-radius:5px;box-shadow:0 8px 20px rgba(50,35,16,.16);color:var(--wp--preset--color--ink);text-decoration:none;overflow:visible;transition:transform .16s ease,box-shadow .16s ease}
.ota-route-node:hover,.ota-route-node:focus{transform:translateY(-4px);box-shadow:0 14px 30px rgba(50,35,16,.24)}
.ota-route-node>img{width:100%;height:132px;object-fit:cover;display:block;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(111,79,31,.38)}
.ota-route-node-body{display:flex;flex-direction:column;gap:.65rem;padding:1.05rem 1rem 1rem}
.ota-route-node-body strong{font-family:Georgia,'Times New Roman',serif;font-size:1.05rem;line-height:1.16;color:var(--wp--preset--color--navy)}
.ota-route-node-body small{font-size:.84rem;line-height:1.42;color:#40382e}
.ota-route-node-body em{margin-top:auto;font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a571f}
.ota-route-node-number{position:absolute;top:-1.15rem;left:50%;transform:translateX(-50%);width:2.55rem;height:2.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-family:Georgia,serif;font-size:1.1rem;font-weight:700;z-index:4;box-shadow:0 3px 8px rgba(18,33,54,.25)}
.ota-route-node--current{outline:3px solid rgba(167,123,47,.72);outline-offset:3px;background:#fff9ea}
.ota-route-node--s1{grid-column:1;grid-row:1}.ota-route-node--s2{grid-column:2;grid-row:1}.ota-route-node--s3{grid-column:3;grid-row:1}.ota-route-node--s4{grid-column:4;grid-row:1}.ota-route-node--s5{grid-column:5;grid-row:1}
.ota-route-node--s6{grid-column:5;grid-row:2}.ota-route-node--s7{grid-column:4;grid-row:2}.ota-route-node--s8{grid-column:3;grid-row:2}.ota-route-node--s9{grid-column:2;grid-row:2}.ota-route-node--s10{grid-column:1;grid-row:2}
.ota-route-mobile-note{display:none;text-align:center;font-size:.85rem;color:#6e5a3b;margin-top:1rem}
@media(max-width:1100px){.ota-route-map-v2{width:min(980px,calc(100vw - 2rem));padding:2rem}.ota-route-board{gap:4.5rem 1.15rem}.ota-route-node{grid-template-rows:110px 1fr}.ota-route-node>img{height:110px}.ota-route-node-body{padding:.9rem .8rem}.ota-route-node-body strong{font-size:.94rem}.ota-route-node-body small{font-size:.78rem}}
@media(max-width:850px){.ota-route-map-v2{width:calc(100vw - 1.25rem);padding:1.4rem}.ota-route-trail{display:none}.ota-route-board{display:flex;flex-direction:column;gap:1.4rem;padding:1.8rem 0 0}.ota-route-node{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto;min-height:160px}.ota-route-node>img{width:150px;height:100%;min-height:160px;border-right:1px solid rgba(111,79,31,.38);border-bottom:0;border-radius:4px 0 0 4px}.ota-route-node-body{padding:1.05rem 1rem}.ota-route-node-number{left:150px;top:-.9rem}.ota-route-mobile-note{display:block}}
@media(max-width:520px){.ota-route-map-v2{padding:1.15rem .9rem}.ota-route-node{grid-template-columns:105px 1fr;min-height:150px}.ota-route-node>img{width:105px;min-height:150px}.ota-route-node-number{left:105px;width:2.25rem;height:2.25rem}.ota-route-node-body strong{font-size:.92rem}.ota-route-node-body small{font-size:.76rem}}


/* v0.6.2 true serpentine route rebuild */
.ota-route-map-v3{width:min(1420px,calc(100vw - 2.5rem));max-width:none!important;margin:3.25rem auto!important;padding:2.4rem 2.6rem 3rem;background-color:#f1dfbd;background-image:radial-gradient(rgba(167,123,47,.11) 1px,transparent 1px);background-size:12px 12px;border:1px solid var(--ota-border);box-shadow:var(--ota-shadow);box-sizing:border-box;overflow:hidden}
.ota-route-map-v3>h2,.ota-route-map-v3>.ota-route-map-kicker,.ota-route-map-v3>.ota-route-map-intro{text-align:center}
.ota-route-map-v3>.ota-route-map-intro{max-width:780px;margin-left:auto;margin-right:auto}
.ota-route-board--serpentine{position:relative;height:720px;max-width:1240px;margin:0 auto;padding:0;isolation:isolate}
.ota-route-trail--serpentine{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.ota-route-trail--serpentine path{fill:none;stroke:#6f4f1f;stroke-width:6;stroke-dasharray:13 12;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#ota-route-arrow-v3);filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}
.ota-route-board--serpentine .ota-route-node{position:absolute;width:17.2%;min-width:0;display:grid;grid-template-rows:112px 1fr;background:rgba(251,247,237,.98);border:1px solid rgba(111,79,31,.68);border-radius:5px;box-shadow:0 9px 22px rgba(50,35,16,.18);color:var(--wp--preset--color--ink);text-decoration:none;overflow:visible;z-index:3;transition:transform .16s ease,box-shadow .16s ease}
.ota-route-board--serpentine .ota-route-node:hover,.ota-route-board--serpentine .ota-route-node:focus{transform:translateY(-5px);box-shadow:0 16px 32px rgba(50,35,16,.25)}
.ota-route-board--serpentine .ota-route-node>img{width:100%;height:112px;object-fit:cover;display:block;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(111,79,31,.38)}
.ota-route-board--serpentine .ota-route-node-body{display:flex;flex-direction:column;gap:.55rem;padding:.95rem .9rem .9rem;min-height:132px}
.ota-route-board--serpentine .ota-route-node-body strong{font-family:Georgia,'Times New Roman',serif;font-size:1rem;line-height:1.14;color:var(--wp--preset--color--navy)}
.ota-route-board--serpentine .ota-route-node-body small{font-size:.79rem;line-height:1.38;color:#40382e}
.ota-route-board--serpentine .ota-route-node-body em{margin-top:auto;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a571f}
.ota-route-board--serpentine .ota-route-node-number{position:absolute;top:-1.15rem;left:50%;transform:translateX(-50%);width:2.55rem;height:2.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-family:Georgia,serif;font-size:1.08rem;font-weight:700;z-index:5;box-shadow:0 3px 8px rgba(18,33,54,.25)}
.ota-route-board--serpentine .ota-route-node--current{outline:3px solid rgba(167,123,47,.72);outline-offset:3px;background:#fff9ea}
.ota-route-board--serpentine .ota-route-node--s1{left:1%;top:108px}.ota-route-board--serpentine .ota-route-node--s2{left:21.2%;top:56px}.ota-route-board--serpentine .ota-route-node--s3{left:41.4%;top:118px}.ota-route-board--serpentine .ota-route-node--s4{left:61.6%;top:62px}.ota-route-board--serpentine .ota-route-node--s5{left:81.8%;top:112px}
.ota-route-board--serpentine .ota-route-node--s6{left:81.8%;top:416px}.ota-route-board--serpentine .ota-route-node--s7{left:61.6%;top:368px}.ota-route-board--serpentine .ota-route-node--s8{left:41.4%;top:428px}.ota-route-board--serpentine .ota-route-node--s9{left:21.2%;top:374px}.ota-route-board--serpentine .ota-route-node--s10{left:1%;top:438px}
@media(max-width:1180px){.ota-route-map-v3{width:calc(100vw - 1.5rem);padding:2rem 1.35rem 2.5rem}.ota-route-board--serpentine{height:680px}.ota-route-board--serpentine .ota-route-node{width:17.6%;grid-template-rows:96px 1fr}.ota-route-board--serpentine .ota-route-node>img{height:96px}.ota-route-board--serpentine .ota-route-node-body{padding:.8rem .7rem;min-height:126px}.ota-route-board--serpentine .ota-route-node-body strong{font-size:.9rem}.ota-route-board--serpentine .ota-route-node-body small{font-size:.72rem}.ota-route-board--serpentine .ota-route-node--s1,.ota-route-board--serpentine .ota-route-node--s10{left:.5%}.ota-route-board--serpentine .ota-route-node--s2,.ota-route-board--serpentine .ota-route-node--s9{left:20.3%}.ota-route-board--serpentine .ota-route-node--s3,.ota-route-board--serpentine .ota-route-node--s8{left:40.1%}.ota-route-board--serpentine .ota-route-node--s4,.ota-route-board--serpentine .ota-route-node--s7{left:59.9%}.ota-route-board--serpentine .ota-route-node--s5,.ota-route-board--serpentine .ota-route-node--s6{left:79.7%}}
@media(max-width:900px){.ota-route-map-v3{padding:1.5rem 1rem}.ota-route-trail--serpentine{display:none}.ota-route-board--serpentine{height:auto;display:flex;flex-direction:column;gap:1.35rem;padding-top:1.5rem}.ota-route-board--serpentine .ota-route-node{position:relative!important;left:auto!important;top:auto!important;width:100%;display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto;min-height:160px}.ota-route-board--serpentine .ota-route-node>img{width:150px;height:100%;min-height:160px;border-right:1px solid rgba(111,79,31,.38);border-bottom:0;border-radius:4px 0 0 4px}.ota-route-board--serpentine .ota-route-node-body{padding:1rem;min-height:0}.ota-route-board--serpentine .ota-route-node-number{left:150px;top:-.9rem}.ota-route-mobile-note{display:block}}
@media(max-width:520px){.ota-route-map-v3{width:calc(100vw - .75rem);padding:1.15rem .75rem}.ota-route-board--serpentine .ota-route-node{grid-template-columns:108px 1fr;min-height:150px}.ota-route-board--serpentine .ota-route-node>img{width:108px;min-height:150px}.ota-route-board--serpentine .ota-route-node-number{left:108px;width:2.25rem;height:2.25rem}.ota-route-board--serpentine .ota-route-node-body strong{font-size:.9rem}.ota-route-board--serpentine .ota-route-node-body small{font-size:.74rem}}


/* v0.6.4 compact serpentine route map */
.ota-route-map-v4{width:min(1340px,calc(100vw - 2rem));max-width:none!important;margin:3.25rem auto!important;padding:2.5rem 2.7rem 3rem;background-color:#f1dfbd;background-image:radial-gradient(rgba(167,123,47,.11) 1px,transparent 1px);background-size:12px 12px;border:1px solid var(--ota-border);box-shadow:var(--ota-shadow);box-sizing:border-box;overflow:hidden}
.ota-route-map-v4>h2,.ota-route-map-v4>.ota-route-map-kicker,.ota-route-map-v4>.ota-route-map-intro{text-align:center}
.ota-route-map-v4>.ota-route-map-intro{max-width:800px;margin-left:auto;margin-right:auto}
.ota-route-board--compact{position:relative;height:560px;max-width:1200px;margin:0 auto;isolation:isolate}
.ota-route-trail--compact{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.ota-route-trail--compact .ota-route-line{fill:none;stroke:#6f4f1f;stroke-width:5;stroke-dasharray:10 11;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}
.ota-route-stop{position:absolute;width:170px;min-height:92px;display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem .8rem .72rem;background:rgba(251,247,237,.98);border:1px solid rgba(111,79,31,.7);border-radius:5px;box-shadow:0 9px 22px rgba(50,35,16,.18);color:var(--wp--preset--color--ink);text-decoration:none;z-index:3;box-sizing:border-box;transition:transform .16s ease,box-shadow .16s ease}
.ota-route-stop:hover,.ota-route-stop:focus{transform:translateY(-4px);box-shadow:0 15px 30px rgba(50,35,16,.25)}
.ota-route-stop-number{flex:0 0 2.55rem;width:2.55rem;height:2.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-family:Georgia,'Times New Roman',serif;font-size:1.05rem;font-weight:700;box-shadow:0 3px 8px rgba(18,33,54,.24)}
.ota-route-stop-copy{display:flex;min-width:0;flex-direction:column;gap:.35rem}
.ota-route-stop-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:.95rem;line-height:1.13;color:var(--wp--preset--color--navy)}
.ota-route-stop-copy em{font-style:normal;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7a571f}
.ota-route-stop--current{outline:3px solid rgba(167,123,47,.72);outline-offset:3px;background:#fff9ea}
.ota-route-stop--s1{left:4.0%;top:94px}.ota-route-stop--s2{left:23.0%;top:62px}.ota-route-stop--s3{left:42.0%;top:106px}.ota-route-stop--s4{left:61.0%;top:62px}.ota-route-stop--s5{left:80.0%;top:96px}
.ota-route-stop--s6{left:80.0%;top:364px}.ota-route-stop--s7{left:61.0%;top:400px}.ota-route-stop--s8{left:42.0%;top:358px}.ota-route-stop--s9{left:23.0%;top:404px}.ota-route-stop--s10{left:4.0%;top:366px}
@media(max-width:1120px){.ota-route-map-v4{width:calc(100vw - 1.25rem);padding:2rem 1.2rem 2.4rem}.ota-route-stop{width:150px;padding:.72rem .7rem}.ota-route-stop-copy strong{font-size:.84rem}.ota-route-stop--s1,.ota-route-stop--s10{left:2%}.ota-route-stop--s2,.ota-route-stop--s9{left:21.2%}.ota-route-stop--s3,.ota-route-stop--s8{left:40.4%}.ota-route-stop--s4,.ota-route-stop--s7{left:59.6%}.ota-route-stop--s5,.ota-route-stop--s6{left:78.8%}}
@media(max-width:900px){.ota-route-map-v4{padding:1.5rem 1rem}.ota-route-trail--compact{display:none}.ota-route-board--compact{height:auto;display:flex;flex-direction:column;gap:1rem;padding-top:1.25rem}.ota-route-stop{position:relative!important;left:auto!important;top:auto!important;width:100%;min-height:78px}.ota-route-stop-number{flex-basis:2.35rem;width:2.35rem;height:2.35rem}.ota-route-stop-copy strong{font-size:1rem}.ota-route-mobile-note{display:block}}

/* v0.6.4 route-map polish */
.ota-route-map-v4{width:min(1300px,calc(100vw - 2rem));padding:2.35rem 2.55rem 2.55rem}
.ota-route-board--compact{height:485px;max-width:1180px}
.ota-route-stop{width:184px;min-height:84px;padding:.68rem .82rem .68rem .68rem;gap:.66rem}
.ota-route-stop-number{flex-basis:2.45rem;width:2.45rem;height:2.45rem;font-size:1rem}
.ota-route-stop-copy{gap:.28rem}
.ota-route-stop-copy strong{font-size:.93rem;line-height:1.08;text-wrap:balance}
.ota-route-stop-copy em{font-size:.61rem;line-height:1.15}
.ota-route-stop--s1{left:4.0%;top:82px}.ota-route-stop--s2{left:23.0%;top:58px}.ota-route-stop--s3{left:42.0%;top:88px}.ota-route-stop--s4{left:61.0%;top:58px}.ota-route-stop--s5{left:80.0%;top:82px}
.ota-route-stop--s6{left:80.0%;top:330px}.ota-route-stop--s7{left:61.0%;top:356px}.ota-route-stop--s8{left:42.0%;top:326px}.ota-route-stop--s9{left:23.0%;top:356px}.ota-route-stop--s10{left:4.0%;top:330px}
@media(max-width:1120px){.ota-route-board--compact{height:475px}.ota-route-stop{width:158px;min-height:82px}.ota-route-stop-copy strong{font-size:.82rem}.ota-route-stop--s1,.ota-route-stop--s10{left:2.4%}.ota-route-stop--s2,.ota-route-stop--s9{left:21.4%}.ota-route-stop--s3,.ota-route-stop--s8{left:40.4%}.ota-route-stop--s4,.ota-route-stop--s7{left:59.4%}.ota-route-stop--s5,.ota-route-stop--s6{left:78.4%}}
@media(max-width:900px){.ota-route-board--compact{height:auto}.ota-route-stop{width:100%;min-height:78px}.ota-route-stop-copy strong{font-size:1rem}}

/* v0.6.5 illustrated stage cards */
.ota-route-stage-cards{max-width:1180px!important}
.ota-route-details-intro{max-width:720px;margin:0 auto 2.25rem;color:#4a4137}
.ota-stage-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;margin-top:2rem}
.ota-stage-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:260px;background:#fbf7ed;border:1px solid rgba(111,79,31,.52);box-shadow:0 10px 24px rgba(50,35,16,.12);overflow:hidden;scroll-margin-top:9rem}
.ota-stage-card--current{outline:3px solid rgba(167,123,47,.62);outline-offset:3px}
.ota-stage-card-media{position:relative;min-height:100%;background:#d9bd88;overflow:hidden}
.ota-stage-card-media img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;filter:saturate(.88) contrast(1.02)}
.ota-stage-card-number{position:absolute;top:1rem;left:1rem;width:2.65rem;height:2.65rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-family:Georgia,'Times New Roman',serif;font-size:1.1rem;font-weight:700;box-shadow:0 4px 10px rgba(18,33,54,.3)}
.ota-stage-card-body{display:flex;flex-direction:column;padding:1.35rem 1.4rem 1.2rem}
.ota-stage-card-status{margin:0 0 .4rem;color:#956b25;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ota-stage-card h3{margin:.05rem 0 .65rem;font-size:1.42rem;line-height:1.12;color:var(--wp--preset--color--navy)}
.ota-stage-card-body>p:not(.ota-stage-card-status){margin:0 0 1rem;line-height:1.5;color:#332e28}
.ota-stage-card-outcome{margin-top:auto;padding:.8rem .9rem;border-left:3px solid var(--wp--preset--color--gold);background:#f2e7d2;display:flex;flex-direction:column;gap:.2rem}
.ota-stage-card-outcome strong{font-family:Georgia,'Times New Roman',serif;color:var(--wp--preset--color--navy);font-size:.9rem}
.ota-stage-card-outcome span{font-size:.84rem;line-height:1.35;color:#40382e}
.ota-stage-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(111,79,31,.22);font-size:.78rem}
.ota-stage-card-footer a{font-weight:700;color:var(--wp--preset--color--navy)}
.ota-stage-card-badge{display:inline-flex;align-items:center;width:max-content;padding:.3rem .55rem;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ota-stage-card-badge--future{background:transparent;color:#7a571f;border:1px solid rgba(122,87,31,.48)}
@media(max-width:1050px){.ota-stage-card-grid{grid-template-columns:1fr}.ota-stage-card{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:650px){.ota-stage-card{grid-template-columns:1fr}.ota-stage-card-media{height:180px}.ota-stage-card-media img{min-height:180px;height:180px}.ota-stage-card-footer{align-items:flex-start;flex-direction:column}}


/* v0.6.7 illustrated serpentine route and Affiliate Marketing Basics cards */
.ota-route-map-v6{width:min(1380px,calc(100vw - 2rem));max-width:none!important;margin:3.25rem auto!important;padding:2.5rem 2.75rem 3rem;background-color:#f1dfbd;background-image:radial-gradient(rgba(167,123,47,.11) 1px,transparent 1px);background-size:12px 12px;border:1px solid var(--ota-border);box-shadow:var(--ota-shadow);box-sizing:border-box;overflow:hidden}
.ota-route-map-v6>h2,.ota-route-map-v6>.ota-route-map-kicker,.ota-route-map-v6>.ota-route-map-intro{text-align:center}.ota-route-map-v6>.ota-route-map-intro{max-width:820px;margin-left:auto;margin-right:auto}
.ota-route-board--illustrated{position:relative;height:620px;max-width:1220px;margin:1.5rem auto 0;isolation:isolate}
.ota-route-trail--illustrated{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.ota-route-trail--illustrated .ota-route-line{fill:none;stroke:#6f4f1f;stroke-width:5;stroke-dasharray:10 11;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}
.ota-route-card{position:absolute;width:178px;height:218px;display:flex;flex-direction:column;background:#fbf7ed;border:1px solid rgba(111,79,31,.68);box-shadow:0 10px 24px rgba(50,35,16,.16);color:var(--wp--preset--color--ink);text-decoration:none;z-index:2;overflow:visible;transition:transform .16s ease,box-shadow .16s ease}.ota-route-card:hover,.ota-route-card:focus{transform:translateY(-5px);box-shadow:0 16px 32px rgba(50,35,16,.24)}
.ota-route-card img{width:100%;height:98px;object-fit:cover;display:block;border-bottom:1px solid rgba(111,79,31,.36)}
.ota-route-card-number{position:absolute;top:-1.15rem;left:50%;transform:translateX(-50%);width:2.55rem;height:2.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-family:Georgia,'Times New Roman',serif;font-weight:700;box-shadow:0 4px 10px rgba(18,33,54,.28);z-index:3}
.ota-route-card-body{display:flex;flex-direction:column;flex:1;padding:.72rem .78rem .68rem}.ota-route-card-body strong{font-family:Georgia,'Times New Roman',serif;color:var(--wp--preset--color--navy);font-size:.9rem;line-height:1.08;text-align:center;text-wrap:balance}.ota-route-card-body em{margin-top:.42rem;font-style:normal;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a571f;text-align:center}.ota-route-card-action{margin-top:auto;align-self:center;color:var(--wp--preset--color--navy);font-size:.69rem;font-weight:800;border-bottom:1px solid currentColor}
.ota-route-card--current{outline:3px solid rgba(167,123,47,.72);outline-offset:3px;background:#fff9ea}
.ota-route-card--s1{left:2%;top:76px}.ota-route-card--s2{left:21.2%;top:42px}.ota-route-card--s3{left:40.4%;top:82px}.ota-route-card--s4{left:59.6%;top:42px}.ota-route-card--s5{left:78.8%;top:76px}
.ota-route-card--s6{left:78.8%;top:355px}.ota-route-card--s7{left:59.6%;top:395px}.ota-route-card--s8{left:40.4%;top:355px}.ota-route-card--s9{left:21.2%;top:395px}.ota-route-card--s10{left:2%;top:355px}
.ota-stage-one-articles{max-width:1320px!important}.ota-stage-one-intro{max-width:760px;margin:0 auto 2.1rem;color:#4a4137}.ota-stage-article-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2rem}.ota-stage-article-card{min-height:300px;display:flex;flex-direction:column;padding:1.2rem 1.05rem 1rem;background:#fbf7ed;border:1px solid rgba(111,79,31,.55);box-shadow:0 9px 22px rgba(50,35,16,.11);color:var(--wp--preset--color--ink);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.ota-stage-article-card:hover,.ota-stage-article-card:focus{transform:translateY(-5px);box-shadow:0 14px 30px rgba(50,35,16,.18)}.ota-stage-article-index{font-family:Georgia,'Times New Roman',serif;font-size:2.5rem;line-height:1;color:var(--wp--preset--color--gold);margin-bottom:1rem}.ota-stage-article-card strong{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.2;color:var(--wp--preset--color--navy);text-wrap:balance}.ota-stage-article-card>span:not(.ota-stage-article-index){margin-top:.9rem;font-size:.88rem;line-height:1.5;color:#40382e}.ota-stage-article-card em{margin-top:auto;padding-top:1rem;font-style:normal;font-size:.78rem;font-weight:800;color:var(--wp--preset--color--navy)}
@media(max-width:1160px){.ota-route-card{width:154px;height:210px}.ota-route-card-body strong{font-size:.8rem}.ota-route-card--s1,.ota-route-card--s10{left:1%}.ota-route-card--s2,.ota-route-card--s9{left:20.6%}.ota-route-card--s3,.ota-route-card--s8{left:40.2%}.ota-route-card--s4,.ota-route-card--s7{left:59.8%}.ota-route-card--s5,.ota-route-card--s6{left:79.4%}.ota-stage-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ota-route-map-v6{padding:1.5rem 1rem}.ota-route-trail--illustrated{display:none}.ota-route-board--illustrated{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;padding-top:1.25rem}.ota-route-card{position:relative!important;left:auto!important;top:auto!important;width:100%;height:auto;min-height:240px}.ota-route-card img{height:110px}.ota-stage-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ota-route-mobile-note{display:block}}
@media(max-width:560px){.ota-route-board--illustrated,.ota-stage-article-grid{grid-template-columns:1fr}.ota-route-card{min-height:225px}.ota-stage-article-card{min-height:0}}


/* v0.6.7 Affiliate Marketing Basics article-card layout */
.ota-stage-one-articles{max-width:1180px!important}
.ota-stage-one-intro{max-width:760px;margin:0 auto 2rem;color:#4a4137}
.ota-stage-article-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.35rem;margin:2rem auto 0;max-width:1120px;align-items:stretch}
.ota-stage-article-card{grid-column:span 2;min-height:245px;display:flex;flex-direction:column;padding:1.35rem 1.3rem 1.15rem;background:#fbf7ed;border:1px solid rgba(111,79,31,.55);box-shadow:0 9px 22px rgba(50,35,16,.11);color:var(--wp--preset--color--ink);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
.ota-stage-article-card:nth-child(4){grid-column:2/span 2}
.ota-stage-article-card:nth-child(5){grid-column:4/span 2}
.ota-stage-article-card:hover,.ota-stage-article-card:focus{transform:translateY(-5px);box-shadow:0 14px 30px rgba(50,35,16,.18)}
.ota-stage-article-index{font-family:Georgia,'Times New Roman',serif;font-size:1.75rem;line-height:1;color:var(--wp--preset--color--gold);margin-bottom:.8rem}
.ota-stage-article-card strong{font-family:Georgia,'Times New Roman',serif;font-size:1.18rem;line-height:1.22;color:var(--wp--preset--color--navy);text-wrap:balance}
.ota-stage-article-card>span:not(.ota-stage-article-index){margin-top:.75rem;font-size:.9rem;line-height:1.48;color:#40382e}
.ota-stage-article-card em{margin-top:auto;padding-top:1.15rem;font-style:normal;font-size:.82rem;font-weight:800;color:var(--wp--preset--color--navy)}
@media(max-width:900px){.ota-stage-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.ota-stage-article-card,.ota-stage-article-card:nth-child(4),.ota-stage-article-card:nth-child(5){grid-column:auto}.ota-stage-article-card:nth-child(5){grid-column:1/-1;max-width:calc(50% - .675rem);width:100%;justify-self:center}}
@media(max-width:600px){.ota-stage-article-grid{grid-template-columns:1fr}.ota-stage-article-card,.ota-stage-article-card:nth-child(4),.ota-stage-article-card:nth-child(5){grid-column:auto;max-width:none}.ota-stage-article-card{min-height:0}}

/* v0.7 article systems */
.ota-article-page{background-image:radial-gradient(rgba(167,123,47,.055) 1px,transparent 1px);background-size:14px 14px}.ota-article-breadcrumbs{color:#665b4e}.ota-article-breadcrumbs a{color:var(--wp--preset--color--navy)}.ota-article-title{font-size:clamp(2.35rem,5vw,4.8rem);max-width:920px}.ota-article-deck{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.08rem,1.7vw,1.35rem);font-style:italic;line-height:1.5;color:#24354c;max-width:850px}.ota-article-meta{color:#665b4e;gap:.55rem!important}.ota-article-atlas-art{margin:0}.ota-article-atlas-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.ota-explore-article-hero,.ota-educational-article-hero{padding:1.25rem 0 2rem;border-bottom:1px solid var(--ota-rule)}.ota-article-layout{gap:2.25rem!important}.ota-article-main{min-width:0}.ota-article-sidebar{display:flex;flex-direction:column;gap:1.5rem}.ota-article-sidebar>*{position:sticky;top:1.5rem}.ota-article-sidebar .ota-series-nav{top:19rem}.ota-toc,.ota-series-nav,.ota-horizontal-toc{background:rgba(251,247,237,.94);border:1px solid var(--ota-rule);padding:1.3rem 1.35rem}.ota-toc h2,.ota-series-nav h2,.ota-horizontal-toc h2{font-size:1.15rem;margin:0 0 1rem}.ota-toc-list{list-style:none;margin:0;padding:0}.ota-toc-list li{margin:.62rem 0;padding-left:1rem;position:relative}.ota-toc-list li:before{content:"";position:absolute;left:0;top:.68em;width:.35rem;height:.35rem;border-radius:50%;background:var(--wp--preset--color--gold)}.ota-toc-list .ota-toc-subitem{padding-left:1.8rem;font-size:.92rem}.ota-toc-list a{text-decoration:none;color:var(--wp--preset--color--navy)}.ota-toc-list a:hover{text-decoration:underline}.ota-series-nav{display:flex;flex-direction:column;gap:.65rem}.ota-series-link{display:grid;grid-template-columns:2rem 1fr;gap:.7rem;align-items:center;padding:.75rem;border:1px solid rgba(167,123,47,.35);background:#fffaf0;text-decoration:none;color:var(--wp--preset--color--navy);font-weight:700;line-height:1.3}.ota-series-link span{width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--wp--preset--color--gold);color:var(--wp--preset--color--gold);font-family:Georgia,serif}.ota-series-link.is-current{background:var(--wp--preset--color--navy);color:var(--wp--preset--color--cream)}.ota-series-link.is-current span{background:var(--wp--preset--color--gold);color:var(--wp--preset--color--navy)}.ota-article-body{font-size:1.05rem;line-height:1.78}.ota-article-body>*+*{margin-block-start:1.15em}.ota-article-body h2{font-size:clamp(1.75rem,3vw,2.35rem);margin-top:2.2em;padding-top:.4em;border-top:1px solid rgba(167,123,47,.35)}.ota-article-body h3{font-size:1.35rem;margin-top:1.8em}.ota-article-body ul,.ota-article-body ol{padding-left:1.4rem}.ota-article-body table{width:100%;border-collapse:collapse;background:#fbf7ed}.ota-article-body th,.ota-article-body td{border:1px solid rgba(167,123,47,.45);padding:.7rem;text-align:left}.ota-article-body th{background:#ead9b8;color:var(--wp--preset--color--navy)}.ota-article-body blockquote{background:#fbf7ed;padding:1rem 1.25rem}.ota-article-callout{margin:2rem 0}.ota-key-takeaway{margin:2.25rem 0}.ota-horizontal-toc{max-width:1180px;margin:1.5rem auto 0}.ota-horizontal-toc .ota-toc-list{display:flex;gap:1rem 1.6rem;flex-wrap:wrap}.ota-horizontal-toc .ota-toc-list li{margin:0}.ota-standard-article-wrap{max-width:820px!important}.ota-article-next{border:1px solid var(--ota-rule);gap:1rem}.ota-article-next a{font-weight:700}.ota-educational-article-hero .ota-article-atlas-art img{max-height:330px;object-fit:contain}.ota-explore-article-hero .ota-article-atlas-art img{max-height:300px;object-fit:contain}
@media(max-width:900px){.ota-article-layout{display:block}.ota-article-sidebar{margin-top:2rem}.ota-article-sidebar>*{position:static!important}.ota-horizontal-toc .ota-toc-list{display:block}.ota-explore-article-hero,.ota-educational-article-hero{gap:1rem!important}.ota-article-atlas-art img{max-height:240px!important;object-fit:contain}.ota-article-title{font-size:clamp(2.2rem,9vw,3.7rem)}}
@media(max-width:600px){.ota-explore-article-hero,.ota-educational-article-hero{display:flex;flex-direction:column}.ota-explore-article-hero .wp-block-column,.ota-educational-article-hero .wp-block-column{flex-basis:auto!important}.ota-article-atlas-art{max-width:280px;margin:0 auto}.ota-article-next{align-items:flex-start!important;flex-direction:column}.ota-toc,.ota-series-nav,.ota-horizontal-toc{padding:1.05rem}.ota-article-body{font-size:1rem}}


/* v0.7.2 readability, width, image, and article-navigation refinements */
/* The site is designed for readers first; no empty advertising rail is reserved. */
.ota-article-page > .alignwide,
.ota-article-page .alignwide{width:min(1280px,calc(100% - 3rem));max-width:1280px}
.ota-explore-article-hero{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}
.ota-explore-article-hero>.wp-block-column:first-child{flex-basis:20%!important}
.ota-explore-article-hero>.wp-block-column:last-child{flex-basis:80%!important}
.ota-article-layout{gap:2.75rem!important;align-items:flex-start}
.ota-article-layout>.ota-article-main{flex-basis:72%!important}
.ota-article-layout>.ota-article-sidebar{flex-basis:28%!important;max-width:310px}
.ota-article-body{font-size:1.125rem;line-height:1.72;max-width:none!important}
.ota-article-body p{max-width:78ch}
.ota-article-body li{line-height:1.65}
.ota-article-body h2{line-height:1.18}
.ota-toc,.ota-series-nav{font-size:.98rem;line-height:1.45}
.ota-article-atlas-art{background:#f4ebd8;border:1px solid rgba(167,123,47,.28);overflow:hidden}
.ota-explore-article-hero .ota-article-atlas-art img{width:100%;max-height:none;aspect-ratio:1/1;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.ota-article-next{justify-content:space-between!important}
.ota-article-next p{margin:0}
/* General site breathing room: use the wider canvas while retaining readable margins. */
.wp-site-blocks .alignwide{max-width:1280px}
@media(max-width:1100px){
  .ota-article-page > .alignwide,.ota-article-page .alignwide{width:min(100% - 2rem,1280px)}
  .ota-article-layout{gap:2rem!important}
  .ota-article-layout>.ota-article-main{flex-basis:70%!important}
  .ota-article-layout>.ota-article-sidebar{flex-basis:30%!important}
}
@media(max-width:900px){
  .ota-article-page > .alignwide,.ota-article-page .alignwide{width:min(100% - 1.5rem,1280px)}
  .ota-article-layout>.ota-article-sidebar{max-width:none}
  .ota-article-body{font-size:1.075rem}
}
@media(max-width:600px){
  .ota-article-page > .alignwide,.ota-article-page .alignwide{width:min(100% - 1.1rem,1280px)}
  .ota-article-body{font-size:1.04rem;line-height:1.68}
}

/* v0.7.3 wider reader-first canvas and consistent Atlas artwork */
/* Use more of large desktop screens without creating a permanent ad rail. */
.wp-site-blocks .alignwide{width:min(1440px,calc(100% - 3rem));max-width:1440px}
.ota-explore-page>.alignwide,
.ota-explore-page .alignwide{width:min(1400px,calc(100% - 2.5rem));max-width:1400px}
.ota-explore-page>.wp-block-columns:first-child{gap:4.25rem!important}
.ota-explore-page .ota-model-card{min-height:100%}

.ota-article-page>.alignwide,
.ota-article-page .alignwide{width:min(1380px,calc(100% - 2.5rem));max-width:1380px}
.ota-explore-article-hero{gap:2.6rem!important}
.ota-explore-article-hero>.wp-block-column:first-child{flex-basis:24%!important;max-width:330px}
.ota-explore-article-hero>.wp-block-column:last-child{flex-basis:76%!important}
.ota-article-layout{gap:3.25rem!important}
.ota-article-layout>.ota-article-main{flex-basis:78%!important}
.ota-article-layout>.ota-article-sidebar{flex-basis:22%!important;max-width:285px}
.ota-article-body p{max-width:82ch}

/* The article uses the same approved, detailed Atlas identity as Explore. */
.ota-explore-article-hero .ota-article-atlas-art{background:#0f1e31;border:1px solid rgba(167,123,47,.72);box-shadow:var(--ota-shadow)}
.ota-explore-article-hero .ota-article-atlas-art img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;object-position:center;mix-blend-mode:normal;display:block}

@media(max-width:1200px){
  .wp-site-blocks .alignwide,.ota-explore-page>.alignwide,.ota-explore-page .alignwide,.ota-article-page>.alignwide,.ota-article-page .alignwide{width:min(100% - 2rem,1200px)}
  .ota-article-layout{gap:2.25rem!important}
  .ota-article-layout>.ota-article-main{flex-basis:74%!important}
  .ota-article-layout>.ota-article-sidebar{flex-basis:26%!important}
}
@media(max-width:900px){
  .wp-site-blocks .alignwide,.ota-explore-page>.alignwide,.ota-explore-page .alignwide,.ota-article-page>.alignwide,.ota-article-page .alignwide{width:calc(100% - 1.5rem)}
  .ota-explore-page>.wp-block-columns:first-child{gap:2rem!important}
  .ota-explore-article-hero>.wp-block-column:first-child{max-width:280px}
  .ota-article-layout>.ota-article-sidebar{max-width:none}
}
@media(max-width:600px){
  .wp-site-blocks .alignwide,.ota-explore-page>.alignwide,.ota-explore-page .alignwide,.ota-article-page>.alignwide,.ota-article-page .alignwide{width:calc(100% - 1rem)}
  .ota-explore-article-hero>.wp-block-column:first-child{max-width:320px;margin-inline:auto}
}

/* v0.7.4 — reader-first wide desktop canvas
   The structural frame uses the screen; the prose itself stays readable. */
@media (min-width: 1101px) {
  .wp-site-blocks > header .alignwide,
  .wp-site-blocks > footer .alignwide,
  .wp-site-blocks main > .alignwide,
  .wp-site-blocks main .alignwide,
  .ota-article-page > .alignwide,
  .ota-article-page .alignwide,
  .ota-explore-page > .alignwide,
  .ota-explore-page .alignwide {
    width: calc(100vw - 3rem) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .ota-explore-page {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .ota-explore-page > .wp-block-columns:first-child {
    gap: clamp(3rem, 5vw, 6rem) !important;
  }

  .ota-article-page > .ota-article-breadcrumbs,
  .ota-article-page > .ota-explore-article-hero,
  .ota-article-page > .ota-educational-article-hero,
  .ota-article-page > .ota-article-layout,
  .ota-article-page > .ota-article-next {
    width: calc(100vw - 3rem) !important;
    max-width: 1540px !important;
  }

  .ota-explore-article-hero {
    gap: clamp(2.75rem, 4vw, 5rem) !important;
  }

  .ota-explore-article-hero > .wp-block-column:first-child {
    flex-basis: 22% !important;
    max-width: 340px !important;
  }

  .ota-explore-article-hero > .wp-block-column:last-child {
    flex-basis: 78% !important;
  }

  .ota-article-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 310px) !important;
    column-gap: clamp(3.5rem, 6vw, 7rem) !important;
  }

  .ota-article-layout > .ota-article-main,
  .ota-article-layout > .ota-article-sidebar {
    flex-basis: auto !important;
    max-width: none !important;
    width: auto !important;
  }

  .ota-article-main {
    min-width: 0;
  }

  .ota-article-body {
    max-width: 860px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .ota-article-body p,
  .ota-article-body li {
    max-width: 76ch;
  }

  .ota-article-sidebar {
    justify-self: end;
    width: 100% !important;
  }
}

@media (min-width: 1500px) {
  .wp-site-blocks > header .alignwide,
  .wp-site-blocks > footer .alignwide,
  .wp-site-blocks main > .alignwide,
  .wp-site-blocks main .alignwide,
  .ota-article-page > .alignwide,
  .ota-article-page .alignwide,
  .ota-explore-page > .alignwide,
  .ota-explore-page .alignwide {
    width: calc(100vw - 4rem) !important;
  }
}

/* v0.7.6 — homepage image, mobile rhythm, CTA, email block, and footer refinements */
.home .ota-card-image{
  background:var(--wp--preset--color--parchment);
  padding:1.15rem 1.15rem 0;
  box-sizing:border-box;
}
.home .ota-card-image img{
  width:100%;
  height:180px;
  object-fit:contain;
  object-position:center;
  display:block;
}
.home .ota-dark-panel .ota-art-frame{
  max-width:360px;
  margin-inline:auto;
  background:var(--wp--preset--color--navy);
}
.home .ota-dark-panel .ota-art-frame img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
}
.ota-email-resources{
  max-width:1120px!important;
  margin-inline:auto!important;
}
.ota-email-resources > *{
  max-width:760px;
}
.wp-site-blocks > footer{
  padding-top:2.75rem!important;
  padding-bottom:1.75rem!important;
}
.wp-site-blocks > footer .ota-footer-grid{
  row-gap:1.5rem!important;
}
.wp-site-blocks > footer .ota-footer-grid h3{
  margin-bottom:.65rem;
}
.wp-site-blocks > footer .ota-footer-grid li{
  margin-bottom:.32rem;
}

@media(max-width:780px){
  .home main.wp-block-group.alignfull{
    padding-top:2rem!important;
    padding-bottom:1.75rem!important;
  }
  .home .ota-hero-title{
    margin-top:.25rem;
    margin-bottom:.75rem;
  }
  .home .ota-hero-copy{
    margin-bottom:1rem;
  }
  .home .ota-hero-art,
  .home .ota-hero-art img{
    min-height:0!important;
  }
  .home .ota-hero-art img{
    aspect-ratio:4/3;
    object-fit:contain;
    background:var(--wp--preset--color--parchment);
  }
  .home .ota-card-grid{
    gap:1rem!important;
  }
  .home .ota-card{
    box-shadow:0 8px 22px rgba(18,33,54,.1);
  }
  .home .ota-card-image{
    padding:.9rem .9rem 0;
  }
  .home .ota-card-image img{
    height:auto!important;
    aspect-ratio:16/9;
    object-fit:contain;
  }
  .home .ota-card-body{
    padding:1.15rem 1.2rem 1.25rem;
  }
  .home .ota-card-body h3{
    margin-bottom:.65rem;
  }
  .home .ota-card-body p{
    margin-top:.55rem;
    margin-bottom:.55rem;
  }
  .home .ota-dark-panel{
    padding-top:2rem!important;
    padding-bottom:2rem!important;
  }
  .home .ota-dark-panel .wp-block-columns{
    gap:1.35rem!important;
  }
  .home .ota-dark-panel .ota-art-frame{
    width:min(82vw,300px);
  }
  .ota-email-resources{
    padding:1.35rem!important;
  }
  .ota-email-resources h2{
    margin-bottom:.7rem;
  }
  .ota-email-resources p{
    margin-top:.5rem;
    margin-bottom:.9rem;
  }
  .wp-site-blocks > footer{
    padding-top:2.1rem!important;
    padding-bottom:1.25rem!important;
  }
  .wp-site-blocks > footer .ota-footer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:1.25rem!important;
    row-gap:1.5rem!important;
  }
  .wp-site-blocks > footer .ota-footer-grid > :first-child{
    grid-column:1/-1;
  }
  .wp-site-blocks > footer .ota-footer-grid h3{
    margin-top:0;
    margin-bottom:.5rem;
  }
  .wp-site-blocks > footer .ota-footer-grid li{
    margin-bottom:.28rem;
  }
  .wp-site-blocks > footer hr{
    margin-top:1.5rem!important;
    margin-bottom:1rem!important;
  }
}

@media(max-width:420px){
  .wp-site-blocks > footer .ota-footer-grid{
    grid-template-columns:1fr!important;
    row-gap:1.25rem!important;
  }
  .wp-site-blocks > footer .ota-footer-grid > :first-child{
    grid-column:auto;
  }
}

/* v0.7.6 — shared mobile spacing and status hierarchy refinements */
.home .ota-card-image img{
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:contain!important;
}
.home .ota-card-image{
  padding:.9rem .9rem 0;
}
.home .ota-dark-panel{
  margin-top:clamp(1rem,2vw,1.75rem);
}

.ota-model-card,
.ota-foundation-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.ota-model-card > p:last-child,
.ota-foundation-card > p:last-child{
  margin-top:auto;
}
.ota-model-card--available,
.ota-foundation-card--available{
  border-top:3px solid var(--wp--preset--color--gold);
  background:#fff9ec!important;
  box-shadow:0 12px 28px rgba(18,33,54,.14);
}
.ota-available-label{
  margin:.1rem 0 .55rem!important;
  color:var(--wp--preset--color--gold);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
.ota-lock{
  font-size:.72rem;
  letter-spacing:.09em;
  opacity:.68;
}

/* Pull shared email blocks closer to the section above without crowding them. */
main + .wp-block-group.alignfull.has-cream-background-color,
.ota-explore-page + .wp-block-group.alignfull.has-cream-background-color,
.ota-foundations-page + .wp-block-group.alignfull.has-cream-background-color{
  padding-top:clamp(1.75rem,3vw,2.75rem)!important;
}

@media(max-width:780px){
  .ota-explore-page,
  .ota-foundations-page{
    padding-top:2.2rem!important;
    padding-bottom:2.5rem!important;
  }
  .ota-explore-page > .wp-block-columns:first-child,
  .ota-foundations-page > .wp-block-columns:first-child{
    gap:1.25rem!important;
  }
  .ota-explore-page > .wp-block-columns:first-child .ota-art-frame,
  .ota-foundations-page > .wp-block-columns:first-child .ota-art-frame{
    width:min(88%,300px);
    margin-inline:auto;
  }
  .ota-explore-page .ota-card-grid,
  .ota-foundations-page .ota-card-grid{
    gap:.85rem!important;
  }
  .ota-explore-page .ota-model-card,
  .ota-foundations-page .ota-foundation-card{
    padding:1rem 1.05rem!important;
  }
  .ota-explore-page .ota-model-card h3,
  .ota-foundations-page .ota-foundation-card h3{
    margin-top:0;
    margin-bottom:.55rem;
  }
  .ota-explore-page .ota-model-card p,
  .ota-foundations-page .ota-foundation-card p{
    margin-top:.4rem;
    margin-bottom:.4rem;
  }
  .ota-explore-page .ota-model-card--available,
  .ota-foundations-page .ota-foundation-card--available{
    padding-top:.9rem!important;
  }
  .ota-email-resources{
    margin-top:0!important;
  }
  main + .wp-block-group.alignfull.has-cream-background-color,
  .ota-explore-page + .wp-block-group.alignfull.has-cream-background-color,
  .ota-foundations-page + .wp-block-group.alignfull.has-cream-background-color{
    padding-top:1.5rem!important;
    padding-bottom:2.25rem!important;
  }
  .wp-site-blocks > footer .ota-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:1.1rem!important;
    row-gap:1.15rem!important;
  }
  .wp-site-blocks > footer .ota-footer-grid > :first-child{
    grid-column:1/-1!important;
  }
}

@media(max-width:420px){
  .wp-site-blocks > footer .ota-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:.9rem!important;
    row-gap:1rem!important;
  }
  .wp-site-blocks > footer .ota-footer-grid > :first-child{
    grid-column:1/-1!important;
  }
  .wp-site-blocks > footer .ota-footer-grid a,
  .wp-site-blocks > footer .ota-footer-grid li{
    font-size:.88rem;
  }
}

/* v0.7.7 informational pages and navigation refinements */
.ota-info-page{min-height:34vh}.ota-info-page-title{text-align:center;margin:0 auto 2.25rem!important}.ota-info-content{width:min(900px,100%);max-width:900px!important;margin-left:auto!important;margin-right:auto!important}.ota-info-content>*,.ota-info-content .wp-block-post-content>*{max-width:900px}.ota-info-content h2{margin-top:2.4rem;margin-bottom:.8rem}.ota-info-content h3{margin-top:1.75rem;margin-bottom:.55rem}.ota-info-content p{margin-top:0;margin-bottom:1.15rem}.ota-info-content .ota-trust-line{font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;font-weight:700;color:var(--wp--preset--color--navy);padding-left:1rem;border-left:3px solid var(--wp--preset--color--gold)}
.page-id-18 .ota-section-label:first-child{font-size:clamp(.86rem,.8vw,1rem)!important;letter-spacing:.11em;margin-bottom:.75rem}
@media(max-width:700px){.ota-info-page{padding-left:1.15rem!important;padding-right:1.15rem!important;padding-top:2rem!important}.ota-info-page-title{margin-bottom:1.5rem!important}.ota-info-content h2{margin-top:2rem}.ota-info-content h3{margin-top:1.4rem}}


/* v0.7.9 — shared informational-page spacing refinement */
.ota-info-page{
  min-height:34vh;
  padding-top:clamp(2.25rem,4vw,3.4rem)!important;
  padding-bottom:clamp(3.25rem,5vw,4.75rem)!important;
}
.ota-info-page-title{
  text-align:center;
  margin:0 auto clamp(1.4rem,2.3vw,1.9rem)!important;
}
.ota-info-content{
  width:min(900px,100%);
  max-width:900px!important;
  margin-inline:auto!important;
}
.ota-info-content .wp-block-post-content > :first-child{
  margin-top:0!important;
}
.ota-info-content h2{
  margin-top:clamp(2.6rem,4vw,3.25rem)!important;
  margin-bottom:.8rem!important;
}
.ota-info-content h3{
  margin-top:clamp(1.75rem,3vw,2.15rem)!important;
  margin-bottom:.55rem!important;
}
.ota-info-content p,
.ota-info-content ul,
.ota-info-content ol{
  margin-bottom:1.15rem;
}
.ota-info-content p + h2,
.ota-info-content ul + h2,
.ota-info-content ol + h2{
  margin-top:clamp(2.7rem,4vw,3.35rem)!important;
}
.ota-info-content strong:first-child{
  color:var(--wp--preset--color--navy);
}
@media(max-width:700px){
  .ota-info-page{
    padding-top:1.75rem!important;
    padding-bottom:3rem!important;
  }
  .ota-info-page-title{
    margin-bottom:1.25rem!important;
  }
  .ota-info-content h2{
    margin-top:2.25rem!important;
  }
  .ota-info-content h3{
    margin-top:1.65rem!important;
  }
}

/* =========================================================
   v0.8.0 — consolidated visual-polish milestone
   ========================================================= */

/* Refined, locally available typography; no external font dependency. */
:root{
  --ota-serif: Charter, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --ota-sans: Aptos, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ota-parchment-deep:#efe1c4;
  --ota-cream-soft:#fcf9f1;
  --ota-card-highlight:rgba(210,177,107,.20);
}

body{
  font-family:var(--ota-sans);
  font-size:1.025rem;
  line-height:1.68;
}

h1,h2,h3,h4,h5,h6,
.wp-block-heading,
.ota-brand-title,
.ota-number,
.ota-article-deck{
  font-family:var(--ota-serif);
}

p,li{
  text-wrap:pretty;
}

h1,h2,h3{
  text-wrap:balance;
}

/* Stronger parchment identity for standard informational pages. */
.ota-info-page{
  background:var(--ota-cream-soft);
}

.ota-info-page-title{
  font-family:var(--ota-serif);
}

.ota-info-content{
  box-sizing:border-box;
  background:
    radial-gradient(circle at 18% 12%, rgba(167,123,47,.045) 0 1px, transparent 1.5px) 0 0/17px 17px,
    linear-gradient(135deg, rgba(255,255,255,.22), transparent 42%),
    var(--ota-parchment-deep);
  border:1px solid rgba(167,123,47,.42);
  box-shadow:0 16px 42px rgba(18,33,54,.09);
  padding:clamp(1.65rem,3.4vw,3.4rem);
}

.ota-info-content a{
  font-weight:650;
  text-decoration-thickness:1px;
}

/* Homepage card artwork: show each source image completely on desktop. */
.home .ota-card-image{
  padding:0!important;
  background:var(--wp--preset--color--parchment);
  border-bottom:1px solid rgba(167,123,47,.34);
}

.home .ota-card-image img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block;
}

.home .ota-card{
  background:linear-gradient(180deg,var(--ota-card-highlight),transparent 32%),var(--wp--preset--color--parchment);
}

.home .ota-card-body{
  padding:clamp(1.35rem,2vw,1.8rem);
}

/* Lighter homepage hero frame and a smoother transition into the trust panel. */
.home .ota-hero-art.ota-art-frame{
  border-color:rgba(167,123,47,.48);
  box-shadow:0 12px 30px rgba(18,33,54,.11);
}

.home .ota-dark-panel{
  margin-top:clamp(.75rem,1.5vw,1.5rem);
}

/* Richer Explore and Foundations card system without visual clutter. */
.ota-explore-page .ota-model-card,
.ota-foundations-page .ota-foundation-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(167,123,47,.52);
  background:
    linear-gradient(145deg,rgba(210,177,107,.18),transparent 43%),
    var(--wp--preset--color--cream)!important;
  box-shadow:0 12px 30px rgba(18,33,54,.09);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.ota-explore-page .ota-model-card::before,
.ota-foundations-page .ota-foundation-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--wp--preset--color--gold),rgba(167,123,47,.18));
}

.ota-explore-page .ota-model-card::after,
.ota-foundations-page .ota-foundation-card::after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  right:-58px;
  bottom:-66px;
  border:1px solid rgba(167,123,47,.18);
  border-radius:50%;
  box-shadow:0 0 0 15px rgba(167,123,47,.035),0 0 0 30px rgba(167,123,47,.025);
  z-index:-1;
}

.ota-explore-page .ota-model-card:hover,
.ota-foundations-page .ota-foundation-card:hover{
  transform:translateY(-2px);
  border-color:rgba(167,123,47,.75);
  box-shadow:0 17px 38px rgba(18,33,54,.13);
}

.ota-explore-page .ota-route-open,
.ota-explore-page .ota-model-card:has(a){
  border-top:4px solid var(--wp--preset--color--gold);
  background:
    linear-gradient(145deg,rgba(210,177,107,.27),transparent 48%),
    var(--wp--preset--color--cream)!important;
}

.ota-explore-page .ota-lock{
  opacity:.68;
  font-size:.76rem;
  letter-spacing:.095em;
}

/* Make the route eyebrow an unmistakable part of the page hierarchy. */
.page-id-18 .ota-section-label:first-child,
.ota-route-page .ota-section-label:first-child,
body.page-template-page-choose-your-route .ota-section-label:first-child{
  font-size:clamp(.95rem,1vw,1.08rem)!important;
  letter-spacing:.095em!important;
  line-height:1.25;
  margin-bottom:.9rem!important;
  color:#91671f!important;
}

/* A compact, balanced desktop Email & Resources component. */
.ota-email-resources{
  max-width:1040px!important;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:clamp(2rem,5vw,5rem);
  row-gap:.65rem;
  align-items:center;
  padding:clamp(2rem,3vw,3rem)!important;
}

.ota-email-resources h2,
.ota-email-resources p{
  grid-column:1;
  max-width:660px;
}

.ota-email-resources h2{
  margin:0 0 .35rem;
}

.ota-email-resources p{
  margin:.2rem 0 0;
}

.ota-email-resources .wp-block-buttons{
  grid-column:2;
  grid-row:1/3;
  margin:0;
  align-self:center;
}

/* Footer polish: easier scanning without losing tap space. */
.wp-site-blocks > footer{
  padding-top:clamp(2.7rem,4vw,3.8rem)!important;
  padding-bottom:2rem!important;
}

.wp-site-blocks > footer .ota-footer-grid{
  column-gap:clamp(1.5rem,3vw,3.25rem)!important;
}

.wp-site-blocks > footer .ota-footer-grid h3{
  font-family:var(--ota-serif);
  letter-spacing:.01em;
}

.wp-site-blocks > footer .ota-footer-grid a{
  line-height:1.45;
}

/* Article text follows the refined typography while retaining readable measure. */
.ota-article-body{
  font-family:var(--ota-sans);
  font-size:clamp(1.075rem,.35vw + 1rem,1.16rem);
  line-height:1.72;
}

.ota-article-body h2,
.ota-article-body h3,
.ota-article-title{
  font-family:var(--ota-serif);
}

/* Prevent internal staging notes from becoming a permanent visual convention.
   Existing user-authored text is not automatically removed. */
.ota-info-content .ota-staging-note{
  border-left:3px solid var(--wp--preset--color--gold);
  padding:.8rem 1rem;
  background:rgba(255,255,255,.38);
}

@media (max-width:780px){
  body{
    font-size:1rem;
  }

  .ota-info-content{
    padding:1.35rem 1.15rem;
    border-left:0;
    border-right:0;
    box-shadow:0 10px 24px rgba(18,33,54,.07);
  }

  .home .ota-card-image{
    padding:.45rem .45rem 0!important;
  }

  .home .ota-card-image img{
    width:100%!important;
    height:auto!important;
  }

  .home .ota-hero-art.ota-art-frame{
    border-width:1px;
    box-shadow:0 8px 20px rgba(18,33,54,.09);
  }

  .ota-explore-page .ota-model-card,
  .ota-foundations-page .ota-foundation-card{
    box-shadow:0 8px 22px rgba(18,33,54,.08);
  }

  .ota-email-resources{
    display:block;
    max-width:100%!important;
    padding:1.4rem!important;
  }

  .ota-email-resources .wp-block-buttons{
    margin-top:1rem;
  }

  .page-id-18 .ota-section-label:first-child,
  .ota-route-page .ota-section-label:first-child,
  body.page-template-page-choose-your-route .ota-section-label:first-child{
    font-size:.9rem!important;
    margin-bottom:.65rem!important;
  }

  .wp-site-blocks > footer .ota-footer-grid a,
  .wp-site-blocks > footer .ota-footer-grid li{
    font-size:.92rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .ota-explore-page .ota-model-card,
  .ota-foundations-page .ota-foundation-card{
    transition:none;
  }
}

/* =========================================================
   v0.8.1 — corrective layout pass after staging review
   ========================================================= */

/* Homepage cards: retain complete artwork but restore deliberate breathing room. */
.home .ota-card-image{
  padding:.9rem .9rem 0!important;
  border-bottom:0;
}

.home .ota-card-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}

.home .ota-card-body{
  padding:1.35rem 1.45rem 1.5rem!important;
}

/* Email & Resources: tighter, left-aligned, and visually balanced. */
.ota-email-resources{
  max-width:940px!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  column-gap:2.5rem!important;
  padding:2.35rem 2.6rem!important;
}

.ota-email-resources h2,
.ota-email-resources p{
  width:auto!important;
  max-width:620px!important;
  text-align:left!important;
  justify-self:start!important;
}

.ota-email-resources .wp-block-buttons{
  justify-self:end!important;
}

.ota-email-resources .wp-block-button__link{
  white-space:nowrap;
}

/* Explore cards: remove ornamental rings and restore useful vertical rhythm. */
.ota-explore-page .ota-model-card{
  display:flex!important;
  flex-direction:column;
  min-height:205px;
  padding:1.5rem 1.45rem!important;
}

.ota-explore-page .ota-model-card::after,
.ota-foundations-page .ota-foundation-card::after{
  display:none!important;
}

.ota-explore-page .ota-model-card .wp-block-heading{
  min-height:auto!important;
  margin-top:0!important;
  margin-bottom:.85rem!important;
}

.ota-explore-page .ota-model-card p{
  margin-top:.4rem;
  margin-bottom:.7rem;
}

.ota-explore-page .ota-model-card > p:last-child{
  margin-top:auto!important;
  margin-bottom:0!important;
}

.ota-explore-page .ota-lock{
  display:inline-block;
  line-height:1.35;
}

/* Foundations cards: prevent the copy from feeling squeezed into shallow boxes. */
.ota-foundations-page .ota-foundation-card{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  min-height:150px;
  padding:1.65rem 1.5rem!important;
}

.ota-foundations-page .ota-foundation-card .wp-block-heading{
  min-height:auto!important;
  margin-top:0!important;
  margin-bottom:.75rem!important;
}

.ota-foundations-page .ota-foundation-card p{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Choose Your Route: keep the two main cards aligned without flattening the open route. */
body.page-template-page-choose-your-route .ota-route-open,
.page-id-18 .ota-route-open{
  min-height:250px;
}

body.page-template-page-choose-your-route .ota-coming-soon,
.page-id-18 .ota-coming-soon{
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Footer: force a true five-column desktop layout so Legal cannot drop below. */
.wp-site-blocks > footer .ota-footer-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,1.25fr) repeat(4,minmax(145px,1fr))!important;
  column-gap:clamp(1.5rem,2.6vw,3rem)!important;
  row-gap:1.25rem!important;
  align-items:start!important;
}

.wp-site-blocks > footer .ota-footer-grid > *{
  min-width:0;
}

.wp-site-blocks > footer .ota-footer-grid h3{
  margin-top:0!important;
}

@media (max-width:1100px){
  .wp-site-blocks > footer .ota-footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .wp-site-blocks > footer .ota-footer-grid > :first-child{
    grid-column:1/-1!important;
  }
}

@media (max-width:780px){
  .home .ota-card-image{
    padding:.65rem .65rem 0!important;
  }

  .ota-email-resources{
    display:block!important;
    max-width:100%!important;
    padding:1.45rem!important;
  }

  .ota-email-resources .wp-block-buttons{
    margin-top:1rem!important;
  }

  .ota-explore-page .ota-model-card,
  .ota-foundations-page .ota-foundation-card{
    min-height:0;
    padding:1.35rem!important;
  }

  body.page-template-page-choose-your-route .ota-route-open,
  body.page-template-page-choose-your-route .ota-coming-soon,
  .page-id-18 .ota-route-open,
  .page-id-18 .ota-coming-soon{
    min-height:0;
  }

  .wp-site-blocks > footer .ota-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:460px){
  .wp-site-blocks > footer .ota-footer-grid{
    grid-template-columns:1fr!important;
  }

  .wp-site-blocks > footer .ota-footer-grid > :first-child{
    grid-column:auto!important;
  }
}

/* v0.8.2 corrected — approved card art and reading-width changes only */
.home .ota-card-image img{
  width:100%!important;height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;
}
.ota-topic-card-art{
  margin:-1.5rem -1.45rem 1.05rem!important;width:calc(100% + 2.9rem)!important;
  max-width:none!important;overflow:hidden;border-bottom:1px solid rgba(167,123,47,.38);
  background:var(--wp--preset--color--parchment);
}
.ota-topic-card-art img{
  display:block;width:100%!important;height:auto!important;aspect-ratio:11/5;
  object-fit:cover!important;object-position:center;
}
.ota-explore-page .ota-model-card{min-height:350px;}
.ota-foundations-page .ota-foundation-card{min-height:285px;justify-content:flex-start!important;}
.ota-explore-page .ota-model-card .wp-block-heading,
.ota-foundations-page .ota-foundation-card .wp-block-heading{margin-top:.1rem!important;}
.ota-info-content{
  width:min(1120px,100%)!important;max-width:1120px!important;
  padding:clamp(2rem,3.5vw,3.5rem)!important;
}
.ota-info-content .wp-block-post-content{
  width:100%;max-width:980px!important;margin-inline:auto!important;
}
.ota-info-content .wp-block-post-content > *{max-width:980px!important;}
.ota-info-content .wp-block-post-content > p,
.ota-info-content .wp-block-post-content > ul,
.ota-info-content .wp-block-post-content > ol{max-width:88ch!important;}
.ota-info-page{padding-left:clamp(1rem,3vw,2.5rem)!important;padding-right:clamp(1rem,3vw,2.5rem)!important;}
@media(max-width:780px){
  .ota-topic-card-art{margin:-1.35rem -1.35rem 1rem!important;width:calc(100% + 2.7rem)!important;}
  .ota-explore-page .ota-model-card,.ota-foundations-page .ota-foundation-card{min-height:0;}
  .ota-info-content{padding:1.4rem 1.15rem!important;}
  .ota-info-content .wp-block-post-content > p,
  .ota-info-content .wp-block-post-content > ul,
  .ota-info-content .wp-block-post-content > ol{max-width:none!important;}
}

/* =========================================================
   v0.8.3 — homepage art, foundations art, and info-page polish
   ========================================================= */

/* Homepage cards: show the complete existing images without forced cropping. */
.home .ota-card-image{
  padding:1rem 1rem 0!important;
  background:var(--wp--preset--color--parchment);
}

.home .ota-card-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Foundations cards: keep all artwork visible and remove accidental clipping. */
.ota-foundations-page .ota-topic-card-art{
  margin:-1.5rem -1.45rem 1.05rem!important;
  width:calc(100% + 2.9rem)!important;
  max-width:none!important;
  overflow:visible!important;
  background:var(--wp--preset--color--parchment);
}

.ota-foundations-page .ota-topic-card-art img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:var(--wp--preset--color--parchment);
}

/* Informational pages: title and content now form one parchment document. */
.ota-info-page{
  padding-top:clamp(2.2rem,4vw,3.2rem)!important;
}

.ota-info-page-title{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  box-sizing:border-box;
  margin:0 auto!important;
  padding:clamp(1.8rem,3vw,2.6rem) clamp(2rem,3.5vw,3.5rem) .7rem!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(167,123,47,.045) 0 1px, transparent 1.5px) 0 0/17px 17px,
    linear-gradient(135deg, rgba(255,255,255,.22), transparent 42%),
    var(--ota-parchment-deep);
  border:1px solid rgba(167,123,47,.42);
  border-bottom:0;
  box-shadow:0 16px 42px rgba(18,33,54,.09);
}

.ota-info-content{
  border-top:0!important;
  box-shadow:0 16px 42px rgba(18,33,54,.09)!important;
  padding-top:clamp(1.15rem,2vw,1.7rem)!important;
}

/* Improve readability while preserving the Atlas identity. */
.ota-info-content,
.ota-info-content p,
.ota-info-content li,
.ota-info-content input,
.ota-info-content textarea,
.ota-info-content select,
.ota-info-content button{
  font-family:Aptos,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
}

.ota-info-content p,
.ota-info-content li{
  font-size:1.075rem;
  line-height:1.78;
}

.ota-info-content h2,
.ota-info-content h3{
  font-family:Charter,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif!important;
  font-weight:600;
  line-height:1.22;
}

.ota-info-content h2{
  font-size:clamp(1.7rem,2.4vw,2.1rem);
}

.ota-info-content h3{
  font-size:clamp(1.35rem,2vw,1.65rem);
}

@media(max-width:780px){
  .home .ota-card-image{
    padding:.7rem .7rem 0!important;
  }

  .ota-foundations-page .ota-topic-card-art{
    margin:-1.35rem -1.35rem 1rem!important;
    width:calc(100% + 2.7rem)!important;
  }

  .ota-info-page-title{
    padding:1.5rem 1.15rem .55rem!important;
  }

  .ota-info-content{
    padding-top:1rem!important;
  }

  .ota-info-content p,
  .ota-info-content li{
    font-size:1rem;
    line-height:1.7;
  }
}

/* =========================================================
   v0.8.4 — clean asset canvases and single info sheet
   ========================================================= */

/* Homepage cards use rebuilt, centered source assets with no clipping. */
.home .ota-card-image{
  padding:.8rem .8rem 0!important;
  background:var(--wp--preset--color--parchment)!important;
  overflow:visible!important;
}
.home .ota-card-image img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
}

/* Foundations artwork uses clean uniform canvases and never cover-crops. */
.ota-foundations-page .ota-topic-card-art{
  overflow:hidden!important;
  background:var(--wp--preset--color--parchment)!important;
}
.ota-foundations-page .ota-topic-card-art img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}

/* One continuous parchment sheet for title and body. */
.ota-info-sheet{
  width:min(1120px,100%)!important;
  max-width:1120px!important;
  margin-inline:auto!important;
  background:
    radial-gradient(circle at 18% 12%, rgba(167,123,47,.045) 0 1px, transparent 1.5px) 0 0/17px 17px,
    linear-gradient(135deg, rgba(255,255,255,.22), transparent 42%),
    var(--ota-parchment-deep);
  border:1px solid rgba(167,123,47,.42);
  box-shadow:0 16px 42px rgba(18,33,54,.09);
  overflow:hidden;
}

.ota-info-page-title{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(1.8rem,3vw,2.6rem) clamp(2rem,3.5vw,3.5rem) .7rem!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ota-info-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(1.1rem,2vw,1.6rem) clamp(2rem,3.5vw,3.5rem) clamp(2.2rem,4vw,3.5rem)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ota-info-content .wp-block-post-content{
  max-width:980px!important;
  margin-inline:auto!important;
}

@media(max-width:780px){
  .home .ota-card-image{padding:.55rem .55rem 0!important}
  .ota-info-page-title{padding:1.45rem 1.15rem .5rem!important}
  .ota-info-content{padding:1rem 1.15rem 2rem!important}
}

/* v0.8.5 — approved standalone Foundations artwork */
.ota-foundations-page .ota-topic-card-art{margin:-1.5rem -1.45rem 1.05rem!important;width:calc(100% + 2.9rem)!important;max-width:none!important;overflow:hidden!important;background:var(--wp--preset--color--parchment)!important;border-bottom:1px solid rgba(167,123,47,.38)}
.ota-foundations-page .ota-topic-card-art img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:900/486!important;object-fit:contain!important;object-position:center!important;margin:0!important}
@media(max-width:780px){.ota-foundations-page .ota-topic-card-art{margin:-1.35rem -1.35rem 1rem!important;width:calc(100% + 2.7rem)!important}}


/* =========================================================
   v0.8.6 — approved complete homepage cards
   Isolated from all historical .ota-card-image rules.
   ========================================================= */
.home .ota-home-card-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:clamp(1rem,2vw,1.5rem)!important;
}
.home .ota-home-card-grid > .wp-block-column{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}
.home .ota-home-card-complete{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:0!important;
  border:0!important;
  border-radius:3px!important;
  box-shadow:var(--ota-shadow)!important;
  background:transparent!important;
}
.home .ota-home-card-complete a{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.home .ota-home-card-complete img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:1 / 2!important;
  object-fit:contain!important;
  object-position:center!important;
}
.home .ota-home-card-complete a:focus-visible{
  outline:3px solid var(--wp--preset--color--gold)!important;
  outline-offset:4px!important;
}
@media(max-width:900px){
  .home .ota-home-card-grid{
    grid-template-columns:1fr!important;
    width:min(100%,34rem)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:1.5rem!important;
  }
}

/* v0.8.7 Choose Your Route redesign */
.ota-choose-page{background:#efe0c2;color:var(--wp--preset--color--ink);padding:0 0 var(--wp--preset--spacing--60)}
.ota-choose-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.ota-choose-hero{padding:clamp(2.25rem,5vw,4.5rem) 0 2.5rem;background:linear-gradient(180deg,#f6ead2 0,#efe0c2 100%)}
.ota-choose-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.ota-choose-kicker{margin:0 0 .8rem;color:#9a6b1d;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}
.ota-choose-hero h1{margin:0;color:var(--wp--preset--color--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.65rem,4.7vw,4.8rem);line-height:1.02;max-width:11ch}
.ota-choose-hero-copy>p:last-child{font-size:1.2rem;line-height:1.55;max-width:34rem;margin:1.35rem 0 0}
.ota-choose-hero-art{margin:0;border:1px solid rgba(167,123,47,.75);box-shadow:var(--ota-shadow);overflow:hidden}
.ota-choose-hero-art img{display:block;width:100%;height:auto}
.ota-choose-routes{padding:1rem 0 2.5rem}
.ota-choose-section-title{display:flex;align-items:center;gap:1.1rem;margin:0 0 1.5rem;color:var(--wp--preset--color--navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.8rem,3vw,2.5rem);text-align:center;justify-content:center}
.ota-choose-section-title:before,.ota-choose-section-title:after{content:"";height:1px;flex:1;max-width:190px;background:rgba(167,123,47,.6)}
.ota-route-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.ota-route-option{position:relative;overflow:hidden;background:#f8efdD;border:1px solid rgba(167,123,47,.55);box-shadow:0 8px 22px rgba(50,35,16,.1);display:flex;flex-direction:column;min-width:0}
.ota-route-option--open{border:2px solid var(--wp--preset--color--gold);box-shadow:0 12px 28px rgba(18,33,54,.16)}
.ota-route-status{position:absolute;top:0;left:0;z-index:2;background:#b18b4d;color:#fff;padding:.45rem .85rem;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ota-route-status--open{background:#174b2b}
.ota-route-option-art{width:100%;height:155px;object-fit:cover;display:block;border-bottom:1px solid rgba(167,123,47,.35)}
.ota-route-option-body{display:flex;flex-direction:column;gap:.7rem;padding:1.3rem 1.35rem 1.25rem;flex:1}
.ota-route-option h3{margin:0;color:var(--wp--preset--color--navy);font-family:Georgia,'Times New Roman',serif;font-size:1.55rem;line-height:1.15}
.ota-route-option h4{margin:.15rem 0 -.15rem;color:#9a6b1d;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.ota-route-option p{margin:0;line-height:1.5}
.ota-route-option ul{margin:0;padding-left:1.15rem;line-height:1.45}
.ota-route-option li+li{margin-top:.28rem}
.ota-route-strengths{display:grid;grid-template-columns:1fr;gap:.1rem}
.ota-route-primary-action{margin-top:auto;display:block;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light)!important;border:1px solid var(--wp--preset--color--gold);padding:.8rem .9rem;text-align:center;text-decoration:none;font-weight:800}
.ota-route-primary-action:hover,.ota-route-primary-action:focus{background:#203754}
.ota-route-coming-banner{margin-top:auto;background:rgba(167,123,47,.14);border-top:1px solid rgba(167,123,47,.32);padding:.65rem;text-align:center;color:#8a6425;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.76rem}
.ota-route-expectations{padding:1.25rem 0 2rem}
.ota-route-expectations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(167,123,47,.5);background:#f8efdd}
.ota-route-expectations-grid article{display:flex;gap:1rem;padding:1.4rem;align-items:flex-start}
.ota-route-expectations-grid article+article{border-left:1px solid rgba(167,123,47,.35)}
.ota-route-expectations-grid span{flex:0 0 3.2rem;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light);border:2px solid var(--wp--preset--color--gold);font-size:1.35rem}
.ota-route-expectations-grid h3{margin:0 0 .35rem;color:var(--wp--preset--color--navy);font-family:Georgia,'Times New Roman',serif;font-size:1.12rem}
.ota-route-expectations-grid p{margin:0;line-height:1.45}
.ota-route-unsure{padding:1rem 0 0}
.ota-route-unsure-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);align-items:stretch;background:var(--wp--preset--color--navy);color:var(--wp--preset--color--cream);border:1px solid var(--wp--preset--color--gold);box-shadow:var(--ota-shadow);overflow:hidden}
.ota-route-unsure-grid>div{padding:2rem}
.ota-route-unsure h2{margin:0 0 .6rem;color:var(--wp--preset--color--gold-light);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.75rem,3vw,2.5rem)}
.ota-route-unsure p{margin:0 0 1.2rem;line-height:1.55}
.ota-route-unsure img{width:100%;height:100%;min-height:240px;object-fit:cover;display:block}
.ota-route-unsure-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.ota-route-unsure-actions a{display:inline-block;color:var(--wp--preset--color--gold-light);border:1px solid var(--wp--preset--color--gold);padding:.65rem .85rem;text-decoration:none;font-weight:700}
.ota-route-unsure-actions a:hover,.ota-route-unsure-actions a:focus{background:rgba(255,255,255,.07)}
@media(max-width:1050px){.ota-route-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ota-choose-hero-grid{grid-template-columns:1fr 1.15fr}.ota-choose-hero h1{font-size:clamp(2.4rem,5.2vw,4rem)}}
@media(max-width:760px){.ota-choose-shell{width:min(100% - 28px,680px)}.ota-choose-hero-grid,.ota-route-unsure-grid{grid-template-columns:1fr}.ota-choose-hero h1{max-width:none}.ota-route-options-grid{grid-template-columns:1fr}.ota-route-expectations-grid{grid-template-columns:1fr}.ota-route-expectations-grid article+article{border-left:0;border-top:1px solid rgba(167,123,47,.35)}.ota-route-unsure img{min-height:200px}.ota-route-option-art{height:190px}}
/* v0.8.8 — Choose Your Route approved-mockup correction */
.ota-choose-page-v2{background:#f5ead3}
.ota-choose-page-v2 .ota-choose-shell{width:min(1280px,calc(100% - 56px))}
.ota-choose-page-v2 .ota-choose-hero{padding:3.1rem 0 2.2rem;background:linear-gradient(180deg,#fbf5e9 0,#f5ead3 100%)}
.ota-choose-page-v2 .ota-choose-hero-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:3.2rem}
.ota-choose-page-v2 .ota-choose-hero h1{font-size:clamp(3rem,4.8vw,5rem);max-width:10.5ch;line-height:1.04}
.ota-choose-page-v2 .ota-choose-hero-rule{display:flex;align-items:center;gap:.7rem;color:#b68735;margin:1.25rem 0 .6rem;max-width:310px}.ota-choose-page-v2 .ota-choose-hero-rule:before,.ota-choose-page-v2 .ota-choose-hero-rule:after{content:"";height:1px;background:#b68735;flex:1}
.ota-choose-page-v2 .ota-choose-hero-copy>p:last-child{font-size:1.08rem;max-width:31rem;margin-top:.7rem}
.ota-choose-page-v2 .ota-choose-hero-art{border:2px solid #a77b2f;box-shadow:0 13px 30px rgba(18,33,54,.16);border-radius:2px}
.ota-choose-page-v2 .ota-choose-section-title{font-size:2.2rem;margin-bottom:1.35rem}
.ota-choose-page-v2 .ota-route-options-grid{gap:1.35rem}
.ota-choose-page-v2 .ota-route-option{background:linear-gradient(145deg,#fffaf0,#f4e6cb);border:1px solid rgba(167,123,47,.58);box-shadow:0 7px 17px rgba(56,40,18,.1);padding:1.2rem 1.15rem 1rem;overflow:hidden}
.ota-choose-page-v2 .ota-route-option--open{border:2px solid #a77b2f}
.ota-choose-page-v2 .ota-route-status{top:14px;left:-44px;width:170px;text-align:center;transform:rotate(-35deg);padding:.38rem .3rem;background:#a47b3d;font-size:.67rem;box-shadow:0 2px 4px rgba(0,0,0,.15)}
.ota-choose-page-v2 .ota-route-status--open{background:#12314d}
.ota-choose-page-v2 .ota-route-card-head{display:grid;grid-template-columns:88px 1fr;gap:1rem;align-items:center;min-height:112px;margin-top:.2rem}
.ota-choose-page-v2 .ota-route-option-art{width:86px;height:86px;border-radius:50%;object-fit:cover;border:3px solid #a77b2f;box-shadow:inset 0 0 0 3px #122136,0 3px 8px rgba(18,33,54,.18)}
.ota-choose-page-v2 .ota-route-card-head h3{font-size:1.55rem}.ota-choose-page-v2 .ota-route-card-head p{font-size:.9rem;line-height:1.42;margin-top:.35rem}
.ota-choose-page-v2 .ota-route-option-body{padding:.7rem 0 0;gap:.55rem}
.ota-choose-page-v2 .ota-route-option h4{text-align:center;display:flex;align-items:center;gap:.5rem;justify-content:center;color:#9a6b1d}.ota-choose-page-v2 .ota-route-option h4:before,.ota-choose-page-v2 .ota-route-option h4:after{content:"";height:1px;background:rgba(167,123,47,.42);flex:1}
.ota-choose-page-v2 .ota-route-strengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;border-bottom:1px solid rgba(167,123,47,.3);padding-bottom:.6rem}
.ota-choose-page-v2 .ota-route-strengths li{font-size:.78rem;text-align:center;line-height:1.25;padding:.25rem .45rem;border-left:1px solid rgba(167,123,47,.28)}.ota-choose-page-v2 .ota-route-strengths li:first-child{border-left:0}.ota-choose-page-v2 .ota-route-strengths span{display:block;color:#a77b2f;font-size:1.4rem;margin-bottom:.25rem}
.ota-choose-page-v2 .ota-route-notes{font-size:.82rem;min-height:4.5rem}
.ota-choose-page-v2 .ota-route-primary-action{padding:.72rem .8rem;font-size:.84rem}
.ota-choose-page-v2 .ota-route-coming-banner{margin:0 -.05rem -.05rem;padding:.5rem;background:#eadcc2;border:0;border-radius:2px}
.ota-choose-page-v2 .ota-route-expectations{padding-top:1.2rem}.ota-choose-page-v2 .ota-route-expectations-grid{background:linear-gradient(145deg,#fffaf0,#f3e3c5);box-shadow:0 6px 16px rgba(56,40,18,.08)}
.ota-choose-page-v2 .ota-route-expectations-grid span{width:4rem;height:4rem;flex-basis:4rem;font-size:1.65rem}
.ota-choose-page-v2 .ota-route-unsure-grid{grid-template-columns:.92fr 1.08fr;border:2px solid #a77b2f}.ota-choose-page-v2 .ota-route-unsure-grid>div{padding:2rem 2.4rem}.ota-choose-page-v2 .ota-route-unsure h2{color:#fff;font-size:2.25rem}.ota-choose-page-v2 .ota-route-unsure img{min-height:260px;object-position:center 43%}
@media(max-width:1050px){.ota-choose-page-v2 .ota-choose-shell{width:min(100% - 36px,1000px)}.ota-choose-page-v2 .ota-route-card-head{grid-template-columns:78px 1fr}.ota-choose-page-v2 .ota-route-option-art{width:76px;height:76px}}
@media(max-width:760px){.ota-choose-page-v2 .ota-choose-shell{width:min(100% - 26px,680px)}.ota-choose-page-v2 .ota-choose-hero-grid{grid-template-columns:1fr}.ota-choose-page-v2 .ota-route-strengths{grid-template-columns:1fr}.ota-choose-page-v2 .ota-route-strengths li{display:flex;text-align:left;gap:.7rem;align-items:center;border-left:0;border-top:1px solid rgba(167,123,47,.24)}.ota-choose-page-v2 .ota-route-strengths li:first-child{border-top:0}.ota-choose-page-v2 .ota-route-strengths span{margin:0}.ota-choose-page-v2 .ota-route-unsure-grid{grid-template-columns:1fr}}
/* v0.8.9 — literal approved Choose Your Route mockup reproduction */
.ota-agreed-route-page{background:#f8efdc;color:#122136;padding-bottom:2rem}.ota-agreed-shell{width:min(1280px,calc(100% - 56px));margin:auto}.ota-agreed-hero{padding:2.2rem 0 1.4rem}.ota-agreed-hero-grid{display:grid;grid-template-columns:310px 1fr;gap:2.25rem;align-items:center}.ota-agreed-copy h1{font-family:Georgia,serif;font-size:3.15rem;line-height:1.06;margin:.4rem 0;color:#122136}.ota-agreed-copy>p:last-child{font-size:1rem;line-height:1.5}.ota-agreed-kicker{color:#9a6b1d;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.ota-agreed-rule{display:flex;align-items:center;gap:.5rem;color:#b68735;margin:.9rem 0}.ota-agreed-rule:before,.ota-agreed-rule:after{content:"";height:1px;background:#b68735;flex:1}.ota-agreed-hero figure{margin:0;border:2px solid #a77b2f}.ota-agreed-hero img{display:block;width:100%;height:auto}.ota-agreed-title{font-family:Georgia,serif;font-size:2rem;text-align:center;display:flex;align-items:center;gap:1rem;margin:1rem 0 1.1rem}.ota-agreed-title:before,.ota-agreed-title:after{content:"";height:1px;background:#b68735;flex:1}.ota-agreed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ota-agreed-card{position:relative;background:#fffaf0;border:1px solid rgba(167,123,47,.55);box-shadow:0 4px 12px rgba(56,40,18,.08);padding:1.1rem;overflow:hidden;display:flex;flex-direction:column;min-height:430px}.ota-agreed-card.open{border:2px solid #a77b2f}.ota-ribbon{position:absolute;top:12px;left:-48px;width:180px;transform:rotate(-36deg);text-align:center;background:#122f4b;color:#f4ca73;font-weight:800;text-transform:uppercase;font-size:.65rem;letter-spacing:.08em;padding:.4rem}.ota-ribbon.coming{background:#a67a37;color:#fff}.ota-agreed-card header{display:grid;grid-template-columns:84px 1fr;gap:.8rem;align-items:center;min-height:110px}.ota-agreed-card header img{width:80px;height:80px;border-radius:50%;object-fit:cover}.ota-agreed-card h3{font-family:Georgia,serif;font-size:1.45rem;margin:0 0 .35rem}.ota-agreed-card header p{font-size:.84rem;line-height:1.4;margin:0}.ota-agreed-card h4{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:#9a6b1d;text-align:center;display:flex;align-items:center;gap:.5rem;margin:.7rem 0}.ota-agreed-card h4:before,.ota-agreed-card h4:after{content:"";height:1px;background:#d4b57d;flex:1}.ota-strengths{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ddc79f;padding-bottom:.55rem}.ota-strengths span{text-align:center;color:#a77b2f;font-size:1.35rem;border-left:1px solid #ddc79f}.ota-strengths span:first-child{border-left:0}.ota-strengths small{display:block;color:#122136;font-size:.72rem;line-height:1.25;margin-top:.2rem}.ota-agreed-card ul{font-size:.78rem;line-height:1.45;margin:.1rem 0 .65rem;padding-left:1rem}.ota-main-cta{margin-top:auto;background:#122136;color:#f4ca73!important;text-align:center;text-decoration:none;padding:.72rem;font-weight:700;font-size:.82rem}.ota-coming-strip{margin-top:auto;text-align:center;background:#eadcc2;color:#9a6b1d;text-transform:uppercase;font-weight:800;letter-spacing:.1em;font-size:.72rem;padding:.5rem}.ota-agreed-expect{padding:1rem 0}.ota-expect-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fffaf0;border:1px solid #d5b77e}.ota-expect-grid article{display:flex;gap:1rem;align-items:center;padding:1rem;border-left:1px solid #d5b77e}.ota-expect-grid article:first-child{border-left:0}.ota-expect-grid img{width:78px;height:78px;border-radius:50%;object-fit:cover}.ota-expect-grid h3{font-family:Georgia,serif;margin:0 0 .25rem;font-size:1.05rem}.ota-expect-grid p{font-size:.8rem;line-height:1.4;margin:0}.ota-agreed-unsure{padding:1rem 0}.ota-unsure-grid{display:grid;grid-template-columns:43% 57%;background:#122136;border:2px solid #a77b2f;color:#fff}.ota-unsure-grid>div{padding:1.5rem 2rem}.ota-unsure-grid h2{font-family:Georgia,serif;font-size:2rem;color:#fff;margin:0 0 .5rem}.ota-unsure-grid p{font-size:.9rem;line-height:1.45}.ota-unsure-grid a{display:inline-block;border:1px solid #a77b2f;color:#f4ca73;text-decoration:none;padding:.65rem .9rem;margin:.35rem .5rem 0 0;font-weight:700;font-size:.8rem}.ota-unsure-grid img{width:100%;height:100%;object-fit:cover;display:block}.ota-agreed-route-page + .wp-block-group{margin-top:0!important}
@media(max-width:980px){.ota-agreed-hero-grid{grid-template-columns:1fr}.ota-agreed-copy h1{max-width:14ch}.ota-agreed-grid{grid-template-columns:repeat(2,1fr)}.ota-unsure-grid{grid-template-columns:1fr}.ota-unsure-grid img{max-height:260px}.ota-expect-grid{grid-template-columns:1fr}.ota-expect-grid article{border-left:0;border-top:1px solid #d5b77e}.ota-expect-grid article:first-child{border-top:0}}
@media(max-width:640px){.ota-agreed-shell{width:min(100% - 24px,620px)}.ota-agreed-copy h1{font-size:2.45rem}.ota-agreed-grid{grid-template-columns:1fr}.ota-strengths{grid-template-columns:1fr}.ota-strengths span{border-left:0;border-top:1px solid #ddc79f;padding:.5rem}.ota-agreed-card{min-height:0}.ota-unsure-grid h2{font-size:1.65rem}}

/* v0.8.10 exact approved Choose Your Route mockup reconstruction */
.ota-exact-route-page{background:#f8efdc;padding:1.1rem 0 2.25rem;overflow:hidden}
.ota-exact-shell{width:min(94vw,1180px);margin-inline:auto}
.ota-exact-route-page img{display:block;max-width:100%;height:auto}
.ota-exact-hero{display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);align-items:start;gap:1.1rem;padding-top:.35rem}
.ota-exact-hero-copy,.ota-exact-hero-art{width:100%}
.ota-exact-routes{margin-top:.75rem}
.ota-exact-section-title{width:min(74%,760px);margin:.15rem auto .25rem}
.ota-exact-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem .75rem;align-items:stretch}
.ota-exact-route-grid>img,.ota-exact-card-link,.ota-exact-card-link img{width:100%;height:100%;object-fit:fill}
.ota-exact-card-link{display:block;line-height:0;text-decoration:none}
.ota-exact-card-link:focus-visible{outline:3px solid #a77b2f;outline-offset:4px}
.ota-exact-expect{margin-top:.45rem}
.ota-exact-expect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.ota-exact-expect-grid img{width:100%;height:100%;object-fit:fill}
.ota-exact-help{display:grid;grid-template-columns:48% 52%;margin-top:.55rem;align-items:stretch}
.ota-exact-help-copy{position:relative;line-height:0}
.ota-exact-help-copy>img,.ota-exact-help-art{width:100%;height:100%;object-fit:fill}
.ota-exact-help-link{position:absolute;display:block;z-index:2;top:66%;height:24%;border-radius:2px}
.ota-exact-help-link--explore{left:12%;width:38%}
.ota-exact-help-link--foundations{left:53%;width:37%}
.ota-exact-help-link:focus-visible{outline:3px solid #f2c05a;outline-offset:2px}
@media(max-width:850px){
 .ota-exact-route-page{padding-top:.5rem}
 .ota-exact-shell{width:min(94vw,680px)}
 .ota-exact-hero{grid-template-columns:1fr;gap:.5rem}
 .ota-exact-route-grid{grid-template-columns:1fr 1fr}
 .ota-exact-expect-grid{grid-template-columns:1fr}
 .ota-exact-help{grid-template-columns:1fr}
 .ota-exact-help-copy>img,.ota-exact-help-art{height:auto}
}
@media(max-width:560px){
 .ota-exact-route-grid{grid-template-columns:1fr}
 .ota-exact-section-title{width:100%}
}

/* v0.8.11 — Choose Your Route width and complete help-banner correction */
.ota-exact-shell{width:min(94vw,1600px)}
.ota-exact-help{position:relative;display:block;margin-top:.55rem;line-height:0}
.ota-exact-help-row{display:block;width:100%;height:auto;object-fit:contain}
.ota-exact-help-link{position:absolute;display:block;z-index:2;top:60%;height:25%;border-radius:2px}
.ota-exact-help-link--explore{left:7.7%;width:19.2%}
.ota-exact-help-link--foundations{left:28.1%;width:17.8%}
@media(max-width:900px){
 .ota-exact-shell{width:min(94vw,900px)}
 .ota-exact-help-link{top:58%;height:28%}
}

/* v0.8.12 approved Affiliate Marketing route mockup */
.ota-affiliate-exact-page{background:var(--wp--preset--color--parchment);padding:1.5rem 0 0}
.ota-affiliate-exact-shell{width:min(100% - 32px,1600px);margin:0 auto}
.ota-affiliate-exact-art{position:relative;line-height:0}
.ota-affiliate-exact-art>img{display:block;width:100%;height:auto;margin:0}
.ota-affiliate-hotspot{position:absolute;display:block;z-index:2;border-radius:2px}
.ota-affiliate-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #a77b2f}
.ota-affiliate-hotspot--stage1{left:4.2%;top:21.4%;width:31.2%;height:3.6%}
.ota-affiliate-hotspot-stage1-card{left:3.8%;top:50.4%;width:45.9%;height:5.5%;z-index:20}
.ota-affiliate-hotspot--routes{left:6.2%;top:94.5%;width:16.5%;height:2.8%}
.ota-affiliate-hotspot--foundations{left:23.4%;top:94.5%;width:20%;height:2.8%}
@media(max-width:760px){.ota-affiliate-exact-page{padding-top:.75rem}.ota-affiliate-exact-shell{width:min(100% - 16px,680px)}}

/* =========================================================
   v0.8.13 — canonical Affiliate Article template
   Assembly of accepted article decisions; no sitewide redesign.
   ========================================================= */
.ota-affiliate-article-page .ota-affiliate-article-hero{
  padding-bottom:clamp(1.6rem,3vw,2.4rem);
}
.ota-affiliate-article-page .ota-article-title{
  font-size:clamp(2.25rem,4.7vw,4.35rem);
  line-height:1.08;
  margin-bottom:.8rem;
}
.ota-article-meta-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem;
  margin:.5rem 0 0;
  font-size:.92rem;
}
.ota-article-byline{font-weight:700;color:var(--wp--preset--color--navy)}
.ota-article-intro{
  width:min(1380px,calc(100% - 2.5rem));
  max-width:1380px!important;
  margin-top:clamp(1.6rem,3vw,2.4rem)!important;
}
.ota-article-quick-overview{
  max-width:980px;
  margin:0;
  padding:clamp(1.2rem,2vw,1.6rem) clamp(1.25rem,2.4vw,1.8rem);
  border-left:4px solid var(--wp--preset--color--gold);
  background:rgba(251,247,237,.9);
  box-shadow:0 8px 24px rgba(18,33,54,.07);
}
.ota-article-quick-overview .ota-article-card-label{
  margin:0 0 .45rem;
  color:var(--wp--preset--color--gold);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.ota-article-quick-overview p:last-child{
  max-width:82ch;
  margin:.15rem 0 0;
  color:var(--wp--preset--color--navy);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.45vw,1.25rem);
  line-height:1.58;
}
.ota-article-disclosure{
  max-width:980px;
  margin:1rem 0 0;
  padding:.85rem 1rem;
  border:1px solid rgba(167,123,47,.45);
  background:#fffaf0;
  color:#36465a;
  font-size:.94rem;
  line-height:1.55;
}
.ota-affiliate-article-page .ota-article-body{
  font-family:Aptos,'Segoe UI',Arial,sans-serif;
  font-size:clamp(1.075rem,1.15vw,1.16rem);
  line-height:1.72;
}
.ota-affiliate-article-page .ota-article-body > p,
.ota-affiliate-article-page .ota-article-body > ul,
.ota-affiliate-article-page .ota-article-body > ol{
  max-width:88ch;
}
.ota-affiliate-article-page .ota-article-body h2{
  scroll-margin-top:2rem;
  font-family:Georgia,'Times New Roman',serif;
}
.ota-series-link.is-planned{
  opacity:.58;
  cursor:default;
  box-shadow:none;
}
.ota-article-nav-wrap{
  width:min(1380px,calc(100% - 2.5rem));
  max-width:1380px!important;
  margin-bottom:var(--wp--preset--spacing--60)!important;
}
.ota-article-navigation{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:1rem;
  align-items:stretch;
  padding:1.15rem;
  border:1px solid var(--ota-rule);
  background:var(--wp--preset--color--cream);
}
.ota-article-nav-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:4.5rem;
  padding:.8rem 1rem;
  border:1px solid rgba(167,123,47,.32);
  background:#fffaf0;
  color:var(--wp--preset--color--navy);
  text-decoration:none;
  line-height:1.35;
}
.ota-article-nav-item:hover{text-decoration:underline}
.ota-article-nav-next{text-align:right;align-items:flex-end}
.ota-article-nav-kicker{
  margin-bottom:.25rem;
  color:#665b4e;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ota-article-nav-route{
  align-self:center;
  padding:.65rem .8rem;
  color:var(--wp--preset--color--navy);
  font-weight:700;
  text-align:center;
}
.ota-article-nav-planned{opacity:.58}
@media(max-width:900px){
  .ota-article-intro,.ota-article-nav-wrap{width:min(100% - 2rem,1200px)}
  .ota-article-navigation{grid-template-columns:1fr 1fr}
  .ota-article-nav-route{grid-column:1/-1;grid-row:2}
}
@media(max-width:600px){
  .ota-article-intro,.ota-article-nav-wrap{width:calc(100% - 1.5rem)}
  .ota-article-quick-overview{padding:1.1rem 1rem}
  .ota-article-navigation{grid-template-columns:1fr}
  .ota-article-nav-route{grid-column:auto;grid-row:auto;order:3}
  .ota-article-nav-next{text-align:left;align-items:flex-start}
}


/* =========================================================
   v0.8.13.2 — affiliate article layout QA
   Centers the readable prose column and prevents sidebar cards
   from colliding when the table of contents is taller than expected.
   ========================================================= */
@media (min-width: 901px) {
  .ota-explore-article-page .ota-article-body,
  .ota-affiliate-article-page .ota-article-body {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ota-explore-article-page .ota-article-sidebar > *,
  .ota-affiliate-article-page .ota-article-sidebar > * {
    position: static !important;
    top: auto !important;
  }
}


/* =========================================================
   v0.8.13.3 — Explore article reading QA
   Scoped only to the first Affiliate Marketing explainer.
   Aligns headings, prose, and lists to one readable measure and
   gives that measure the same breathing room as the accepted Article 1.
   ========================================================= */
.ota-explore-article-page .ota-article-body{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ota-explore-article-page .ota-article-body > p,
.ota-explore-article-page .ota-article-body > ul,
.ota-explore-article-page .ota-article-body > ol,
.ota-explore-article-page .ota-article-body > h2,
.ota-explore-article-page .ota-article-body > h3,
.ota-explore-article-page .ota-article-body > h4,
.ota-explore-article-page .ota-article-body > blockquote{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box;
}
.ota-explore-article-page .ota-article-body > ul,
.ota-explore-article-page .ota-article-body > ol{
  padding-left:1.55rem!important;
}
.ota-explore-article-page .ota-article-body > ul > li,
.ota-explore-article-page .ota-article-body > ol > li{
  max-width:none!important;
  padding-left:.18rem;
}
@media(max-width:900px){
  .ota-explore-article-page .ota-article-body{
    width:100%!important;
    max-width:none!important;
  }
}


/* =========================================================
   v0.8.13.4 — canonical Affiliate Marketing article mold
   Article 2 is the current visual reference. All affiliate
   articles now use the same template geometry. The Quick
   Overview aligns to the same left reading axis as the body.
   ========================================================= */
.ota-affiliate-article-page .ota-article-intro > .ota-article-quick-overview,
.ota-affiliate-article-page .ota-article-intro > .ota-article-disclosure{
  margin-left:0!important;
  margin-right:auto!important;
}

@media (min-width:901px){
  .ota-affiliate-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-affiliate-article-page .ota-article-intro > .ota-article-disclosure{
    align-self:flex-start;
  }
}


/* =========================================================
   v0.8.13.5 — canonical Quick Overview geometry
   The overview is part of the reading column, not a separate
   wide banner. It uses the same desktop grid as the body and
   centers an 880px card in the main reading lane.
   ========================================================= */
@media (min-width: 901px) {
  .ota-affiliate-article-page > .ota-article-intro {
    width: calc(100vw - 3rem) !important;
    max-width: 1540px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(270px,310px) !important;
    column-gap: clamp(3.5rem,6vw,7rem) !important;
    align-items: start !important;
  }

  .ota-affiliate-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-affiliate-article-page .ota-article-intro > .ota-article-disclosure {
    grid-column: 1 !important;
    width: min(100%,880px) !important;
    max-width: 880px !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .ota-affiliate-article-page .ota-article-quick-overview {
    padding: 1.15rem 1.35rem !important;
  }
}

@media (max-width: 900px) {
  .ota-affiliate-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-affiliate-article-page .ota-article-intro > .ota-article-disclosure {
    width: 100% !important;
    max-width: none !important;
  }
}

/* =========================================================
   v0.8.14 — master Open the Atlas article mold
   Affiliate, Foundation (educational), and Explore articles now
   share the accepted Affiliate reading geometry. Family identity,
   artwork, breadcrumbs/topic labels, and topic-series rails vary.
   ========================================================= */
.ota-master-article-page .ota-master-article-hero{
  padding-bottom:clamp(1.6rem,3vw,2.4rem);
}
.ota-master-article-page .ota-article-title{
  font-size:clamp(2.25rem,4.7vw,4.35rem);
  line-height:1.08;
  margin-bottom:.8rem;
}
.ota-master-article-page .ota-article-body{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-family:Aptos,'Segoe UI',Arial,sans-serif;
  font-size:clamp(1.075rem,1.15vw,1.16rem);
  line-height:1.72;
}
.ota-master-article-page .ota-article-body > p,
.ota-master-article-page .ota-article-body > ul,
.ota-master-article-page .ota-article-body > ol{
  max-width:88ch;
}
.ota-master-article-page .ota-article-body h2{
  scroll-margin-top:2rem;
  font-family:Georgia,'Times New Roman',serif;
}
.ota-master-article-page .ota-article-breadcrumbs .wp-block-shortcode,
.ota-master-article-page .ota-article-breadcrumbs .ota-article-breadcrumb-line{
  margin:0;
}
.ota-master-article-page .ota-master-article-hero .wp-block-shortcode{
  margin:0;
}
.ota-master-article-page .ota-master-article-hero .ota-section-label + .wp-block-shortcode{
  margin-top:.15rem;
}
.ota-master-article-page .ota-master-article-hero .ota-article-atlas-art img{
  width:100%;
  max-height:none!important;
  height:auto;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  mix-blend-mode:normal;
  display:block;
}
.ota-master-article-page .ota-master-article-hero .ota-article-atlas-art{
  background:#0f1e31;
  border:1px solid rgba(167,123,47,.72);
  box-shadow:var(--ota-shadow);
}

@media (min-width:901px){
  .ota-master-article-page .ota-article-body{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .ota-master-article-page .ota-article-sidebar > *{
    position:static!important;
    top:auto!important;
  }
  .ota-master-article-page > .ota-article-intro{
    width:calc(100vw - 3rem)!important;
    max-width:1540px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(270px,310px)!important;
    column-gap:clamp(3.5rem,6vw,7rem)!important;
    align-items:start!important;
  }
  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    grid-column:1!important;
    width:min(100%,880px)!important;
    max-width:880px!important;
    justify-self:center!important;
    align-self:flex-start!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  .ota-master-article-page .ota-article-quick-overview{
    padding:1.15rem 1.35rem!important;
  }
}

@media (max-width:900px){
  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    width:100%!important;
    max-width:none!important;
  }
}


/* =========================================================
   v0.8.14.1 — master article mold consolidation finish
   The entire article sidebar is one coordinated sticky stack on
   desktop. Individual TOC/series cards remain non-sticky so they
   cannot collide. Mobile/tablet stays in normal document flow.
   ========================================================= */
@media (min-width:901px){
  .ota-master-article-page .ota-article-sidebar{
    position:sticky!important;
    top:1.5rem;
    align-self:start!important;
    max-height:calc(100vh - 3rem);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-right:.15rem;
  }
  body.admin-bar .ota-master-article-page .ota-article-sidebar{
    top:3.5rem;
    max-height:calc(100vh - 4.75rem);
  }
  .ota-master-article-page .ota-article-sidebar > *{
    position:static!important;
    top:auto!important;
  }
}

/* ======================================================================
   v0.8.14.2 — launch canonical consolidation
   - folds the accepted Digital Products and Publishing & Content topic-series wiring
     into the clean canonical theme
   - activates the accepted Explore hub Start here links for those two families
   - preserves the v0.8.14.1 article mold, geometry, responsive behavior and all
     existing accepted pages
   - no article prose changes
   ====================================================================== */

/* ======================================================================
   v0.8.14.4 — before-go-live consolidated article polish
   - renders every Quick Overview paragraph with one consistent treatment
   - adds a deliberate large-desktop article state for readable type,
     reading measure, and tighter body/sidebar composition
   - external-link behavior is implemented in functions.php
   - no article prose changes
   ====================================================================== */
.ota-article-quick-overview > p:not(.ota-article-card-label){
  max-width:82ch;
  color:var(--wp--preset--color--navy);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.45vw,1.25rem);
  line-height:1.58;
  margin:.75rem 0 0;
}
.ota-article-quick-overview > p.ota-article-card-label + p{
  margin-top:.15rem;
}

@media (min-width:1800px){
  .ota-master-article-page > .ota-master-article-layout,
  .ota-master-article-page > .ota-article-intro{
    grid-template-columns:minmax(0,960px) minmax(290px,320px)!important;
    column-gap:clamp(3rem,4vw,4.5rem)!important;
    justify-content:center!important;
  }

  .ota-master-article-page .ota-article-body{
    width:min(100%,940px)!important;
    max-width:940px!important;
    font-size:1.2rem;
    line-height:1.72;
  }

  .ota-master-article-page .ota-article-body > p,
  .ota-master-article-page .ota-article-body > ul,
  .ota-master-article-page .ota-article-body > ol,
  .ota-master-article-page .ota-article-body > blockquote{
    max-width:76ch!important;
  }

  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    width:min(100%,920px)!important;
    max-width:920px!important;
  }

  .ota-master-article-page .ota-toc-list,
  .ota-master-article-page .ota-series-link{
    font-size:1rem;
  }
}



/* ======================================================================
   v0.8.14.5 — launch readability + permanent Stage 1 consolidation
   - moves the accepted large-reader article treatment into the normal desktop range
   - gives the reading body and coordinated sidebar more useful screen presence
   - permanently carries the accepted Stage 1 long-form tutorial styling
   - permanently owns both Affiliate Route Stage 1 hotspots
   ====================================================================== */
@media (min-width:1180px){
  .ota-master-article-page > .ota-master-article-layout,
  .ota-master-article-page > .ota-article-intro{
    width:calc(100vw - 3rem)!important;
    max-width:1600px!important;
    grid-template-columns:minmax(0,1020px) minmax(300px,340px)!important;
    column-gap:clamp(2.5rem,3.4vw,3.75rem)!important;
    justify-content:center!important;
  }

  .ota-master-article-page .ota-article-body{
    width:min(100%,1000px)!important;
    max-width:1000px!important;
    font-size:21px!important;
    line-height:1.68!important;
  }

  .ota-master-article-page .ota-article-body > p,
  .ota-master-article-page .ota-article-body > ul,
  .ota-master-article-page .ota-article-body > ol,
  .ota-master-article-page .ota-article-body > blockquote{
    max-width:86ch!important;
  }

  .ota-master-article-page .ota-article-body h2{
    font-size:clamp(2.05rem,2.45vw,2.6rem)!important;
    line-height:1.18!important;
  }

  .ota-master-article-page .ota-article-body h3{
    font-size:1.55rem!important;
    line-height:1.28!important;
  }

  .ota-master-article-page .ota-article-sidebar{
    width:100%!important;
  }

  .ota-master-article-page .ota-toc,
  .ota-master-article-page .ota-series-nav{
    padding:1.4rem 1.45rem!important;
    font-size:1.06rem!important;
    line-height:1.5!important;
  }

  .ota-master-article-page .ota-toc h2,
  .ota-master-article-page .ota-series-nav h2{
    font-size:1.24rem!important;
    line-height:1.25!important;
  }

  .ota-master-article-page .ota-toc-list li{
    margin:.7rem 0!important;
  }

  .ota-master-article-page .ota-toc-list .ota-toc-subitem{
    font-size:1rem!important;
  }

  .ota-master-article-page .ota-series-link{
    padding:.82rem!important;
    font-size:1.04rem!important;
    line-height:1.34!important;
  }

  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    width:min(100%,1000px)!important;
    max-width:1000px!important;
  }

  .ota-master-article-page .ota-article-quick-overview > p:not(.ota-article-card-label){
    font-size:21px!important;
    line-height:1.62!important;
    max-width:82ch!important;
  }
}


/* Canonical Stage 1 layout carried forward from the accepted v0.2.25 staging implementation. */
/*
 * Stage 1 long-form tutorial layout — canonical production styling.
 * Work WITH the theme's information-page sheet instead of breaking out
 * of it. The parchment document becomes wider; the prose remains readable;
 * screenshots/tables get the extra room.
 */
.ota-stage1-content{
    --ota-navy:#10243c;
    --ota-gold:#a77b2f;
    --ota-paper:#fbf5e8;
    --ota-rule:rgba(16,36,60,.17);
    color:var(--ota-navy);
}

/* Widen the actual parchment sheet on this page. */
@media (min-width:1180px){
    body.ota-stage1-page .ota-info-sheet{
        width:min(1460px,calc(100vw - 3.5rem))!important;
        max-width:1460px!important;
    }

    body.ota-stage1-page .ota-info-page-title{
        width:100%!important;
        max-width:none!important;
        padding-left:clamp(2rem,3vw,3.25rem)!important;
        padding-right:clamp(2rem,3vw,3.25rem)!important;
    }

    body.ota-stage1-page .ota-info-content{
        width:100%!important;
        max-width:none!important;
        padding:clamp(1.25rem,2vw,1.8rem) clamp(2rem,3vw,3.25rem) clamp(3rem,4vw,4rem)!important;
    }

    body.ota-stage1-page .ota-info-content .wp-block-post-content,
    body.ota-stage1-page .ota-info-content .wp-block-post-content > *{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }

    .ota-stage1-layout-frame{
        display:grid;
        grid-template-columns:250px minmax(0,1fr);
        gap:clamp(2.75rem,3.4vw,3.75rem);
        align-items:start;
        width:100%;
        max-width:1436px;
        margin:0 auto;
    }
}

/* Reading column */
.ota-stage1-article{
    min-width:0;
    font-size:20.5px;
    line-height:1.70;
}
.ota-stage1-article > :where(p,h2,h3,h4,blockquote,ul,ol,hr){
    max-width:980px;
}
.ota-stage1-article > :where(p,h2,h3,h4,blockquote,ul,ol,hr){
    margin-left:0;
    margin-right:auto;
}

.ota-stage1-kicker{
    letter-spacing:.06em;
    text-transform:uppercase;
    font-size:.82em;
    opacity:.72;
    margin-bottom:.55rem;
}
.ota-stage1-article h2{
    color:var(--ota-navy);
    font-size:clamp(1.86rem,2vw,2.28rem);
    line-height:1.2;
    margin-top:3.5rem;
    margin-bottom:1.05rem;
    padding-top:1.5rem;
    border-top:1px solid rgba(167,123,47,.42);
}
.ota-stage1-article h2:first-of-type{
    margin-top:.15rem;
    padding-top:0;
    border-top:0;
}
.ota-stage1-article h3{
    color:var(--ota-navy);
    font-size:1.48rem;
    line-height:1.3;
    margin-top:2.35rem;
    margin-bottom:.75rem;
}
.ota-stage1-article h4{
    color:var(--ota-navy);
    font-size:1.13rem;
    line-height:1.35;
    margin-top:1.85rem;
    margin-bottom:.6rem;
}
.ota-stage1-article p{
    margin-top:.82rem;
    margin-bottom:.82rem;
}
.ota-stage1-article hr{
    border:0;
    border-top:1px solid rgba(167,123,47,.32);
    margin-top:2.6rem;
    margin-bottom:2.6rem;
}
.ota-stage1-content blockquote{
    border-left:4px solid var(--ota-gold);
    padding:.95rem 1.15rem;
    margin-top:1.35rem;
    margin-bottom:1.35rem;
    background:rgba(255,255,255,.46);
    box-shadow:0 1px 0 rgba(16,36,60,.05);
}
.ota-stage1-content .ota-stage1-button{
    display:inline-block;
    background:var(--ota-navy);
    color:#f2c560!important;
    padding:.82rem 1.08rem;
    text-decoration:none;
    font-weight:700;
    margin:.45rem 0;
    border-radius:4px;
}
.ota-stage1-anchor{
    scroll-margin-top:5.5rem;
}

/* Screenshots and tables use the wider main column. */
.ota-stage1-table-wrap,
.ota-stage1-example-image{
    width:100%;
    max-width:1180px;
    margin-left:0;
    margin-right:auto;
}
.ota-stage1-example-image{
    margin-top:1.7rem;
    margin-bottom:1.9rem;
    padding:8px;
    background:rgba(255,255,255,.5);
    border:1px solid rgba(16,36,60,.12);
    border-radius:5px;
    box-shadow:0 3px 12px rgba(16,36,60,.05);
}
.ota-stage1-example-image img{
    display:block;
    width:100%;
    height:auto;
    margin:0;
    border:0;
    background:#fff;
}
.ota-stage1-table-wrap{
    overflow-x:auto;
    margin-top:1.55rem;
    margin-bottom:1.75rem;
    border:1px solid rgba(16,36,60,.13);
    background:rgba(255,255,255,.28);
    box-shadow:0 2px 8px rgba(16,36,60,.035);
}
.ota-stage1-table-wrap table{
    min-width:680px;
    width:100%;
    border-collapse:collapse;
    font-size:.94em;
    line-height:1.45;
}
.ota-stage1-table-wrap th,
.ota-stage1-table-wrap td{
    border:1px solid rgba(16,36,60,.19);
    padding:.72rem .76rem;
    vertical-align:top;
}
.ota-stage1-table-wrap th{
    background:rgba(16,36,60,.06);
    color:var(--ota-navy);
    font-weight:700;
}
.ota-stage1-review-note{
    max-width:1040px;
    margin:1rem 0 1.3rem;
    padding:.9rem 1.05rem;
    border-left:4px solid var(--ota-gold);
    background:#fff7df;
    color:var(--ota-navy);
}

/* Sticky desktop index */
.ota-stage1-toc{
    position:sticky;
    top:1.6rem;
    max-height:calc(100vh - 3.2rem);
    overflow:auto;
    padding:1rem 0 .9rem;
    border-top:3px solid var(--ota-gold);
    border-bottom:1px solid var(--ota-rule);
    background:rgba(251,245,232,.86);
}
body.admin-bar .ota-stage1-toc{
    top:3.6rem;
    max-height:calc(100vh - 5.2rem);
}
.ota-stage1-toc__eyebrow{
    display:block;
    padding:0 12px .24rem;
    color:var(--ota-gold);
    font-size:.73rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.ota-stage1-toc__title{
    margin:0 0 .65rem;
    padding:0 12px .72rem;
    border-bottom:1px solid var(--ota-rule);
    color:var(--ota-navy);
    font-size:1.12rem;
    line-height:1.2;
}
.ota-stage1-toc ol{
    list-style:none;
    margin:0;
    padding:0;
}
.ota-stage1-toc li{
    margin:0;
    padding:0;
}
.ota-stage1-toc a{
    display:block;
    margin:1px 0;
    padding:.43rem 10px .43rem 12px;
    border-left:3px solid transparent;
    color:rgba(16,36,60,.79);
    text-decoration:none;
    font-size:.83rem;
    line-height:1.3;
}
.ota-stage1-toc a:hover{
    background:rgba(167,123,47,.08);
    color:var(--ota-navy);
}
.ota-stage1-toc a.is-active{
    border-left-color:var(--ota-gold);
    background:rgba(167,123,47,.11);
    color:var(--ota-navy);
    font-weight:700;
}
.ota-stage1-toc__note{
    margin:.8rem 12px 0;
    padding-top:.72rem;
    border-top:1px solid var(--ota-rule);
    color:rgba(16,36,60,.62);
    font-size:.73rem;
    line-height:1.4;
}

/* Desktop sidebar replaces duplicate inline navigation. */
@media (min-width:1180px){
    .ota-stage1-inline-index{
        display:none;
    }
    .ota-stage1-back-link{
        display:none!important;
    }
}

/* Tablet/mobile keep the original in-page navigation. */
@media (max-width:1179px){
    .ota-stage1-layout-frame{
        display:block;
    }
    .ota-stage1-toc{
        display:none;
    }
    .ota-stage1-inline-index{
        display:block;
    }
    .ota-stage1-article{
        font-size:17.5px;
    }
    .ota-stage1-article > :where(p,h2,h3,h4,blockquote,ul,ol,hr){
        max-width:820px;
        margin-left:auto;
        margin-right:auto;
    }
    .ota-stage1-table-wrap,
    .ota-stage1-example-image,
    .ota-stage1-review-note{
        margin-left:auto;
        margin-right:auto;
    }
}
@media (max-width:640px){
    .ota-stage1-article{
        font-size:17px;
        line-height:1.67;
    }
    .ota-stage1-article h2{
        font-size:1.55rem;
        margin-top:2.8rem;
    }
    .ota-stage1-article h3{
        font-size:1.25rem;
    }
    .ota-stage1-example-image{
        padding:4px;
        margin-top:1.35rem;
        margin-bottom:1.55rem;
    }
    .ota-stage1-table-wrap table{
        font-size:.88em;
    }
}

@media (min-width:1180px){
    .ota-stage1-article{
        width:100%;
        max-width:none;
    }

    .ota-stage1-article > :where(p,h2,h3,h4,blockquote,ul,ol,hr){
        max-width:980px;
    }

    .ota-stage1-table-wrap,
    .ota-stage1-example-image{
        width:100%;
        max-width:1180px;
    }

    .ota-stage1-review-note{
        width:100%;
        max-width:1040px;
    }
}


@media (min-width:1180px){
    .ota-stage1-article{
        font-size:20.5px;
        line-height:1.70;
    }

    .ota-stage1-article > :where(p,h2,h3,h4,blockquote,ul,ol,hr){
        max-width:980px;
    }

    .ota-stage1-content blockquote,
    .ota-stage1-review-note{
        font-size:1em;
        line-height:1.65;
    }

    .ota-stage1-table-wrap table{
        font-size:.93em;
    }
}


@media (min-width:1180px){
    /*
     * The theme applies explicit type sizes to content elements.
     * Set the reading typography on the actual elements rather than relying
     * on inheritance from .ota-stage1-article.
     */
    .ota-stage1-article > p,
    .ota-stage1-article > ul,
    .ota-stage1-article > ol,
    .ota-stage1-article > ul > li,
    .ota-stage1-article > ol > li,
    .ota-stage1-article blockquote,
    .ota-stage1-article blockquote p,
    .ota-stage1-review-note,
    .ota-stage1-review-note p{
        font-size:21px!important;
        line-height:1.68!important;
    }

    .ota-stage1-article h2{
        font-size:38px!important;
        line-height:1.18!important;
    }

    .ota-stage1-article h3{
        font-size:29px!important;
        line-height:1.24!important;
    }

    .ota-stage1-article h4{
        font-size:23px!important;
        line-height:1.3!important;
    }

    .ota-stage1-kicker{
        font-size:15px!important;
        line-height:1.35!important;
    }

    /*
     * Keep tables slightly more compact than prose, but still comfortably
     * readable at the new desktop scale.
     */
    .ota-stage1-table-wrap table,
    .ota-stage1-table-wrap th,
    .ota-stage1-table-wrap td{
        font-size:18px!important;
        line-height:1.48!important;
    }
}

/* ======================================================================
   v0.8.14.6 — final desktop reading-scale refinement
   - responds to launch QA on a high-resolution desktop display
   - increases article body/overview/sidebar type one deliberate step
   - lets the coordinated body + sidebar group occupy more of the desktop
   - preserves readable line length rather than stretching prose edge to edge
   - no article prose or Stage 1 content changes
   ====================================================================== */
@media (min-width:1180px){
  .ota-master-article-page > .ota-master-article-layout,
  .ota-master-article-page > .ota-article-intro{
    width:calc(100vw - 1.25rem)!important;
    max-width:1740px!important;
    grid-template-columns:minmax(0,1120px) minmax(330px,380px)!important;
    column-gap:clamp(2rem,2.5vw,3rem)!important;
    justify-content:center!important;
  }

  .ota-master-article-page .ota-article-body{
    width:min(100%,1100px)!important;
    max-width:1100px!important;
    font-size:23px!important;
    line-height:1.64!important;
  }

  .ota-master-article-page .ota-article-body > p,
  .ota-master-article-page .ota-article-body > ul,
  .ota-master-article-page .ota-article-body > ol,
  .ota-master-article-page .ota-article-body > blockquote{
    max-width:78ch!important;
  }

  .ota-master-article-page .ota-article-body h2{
    font-size:clamp(2.15rem,2.55vw,2.75rem)!important;
  }

  .ota-master-article-page .ota-article-body h3{
    font-size:1.62rem!important;
  }

  .ota-master-article-page .ota-article-sidebar{
    min-width:330px!important;
    max-width:380px!important;
  }

  .ota-master-article-page .ota-toc,
  .ota-master-article-page .ota-series-nav{
    padding:1.5rem 1.55rem!important;
    font-size:1.12rem!important;
    line-height:1.52!important;
  }

  .ota-master-article-page .ota-toc h2,
  .ota-master-article-page .ota-series-nav h2{
    font-size:1.3rem!important;
  }

  .ota-master-article-page .ota-toc-list .ota-toc-subitem{
    font-size:1.05rem!important;
  }

  .ota-master-article-page .ota-series-link{
    padding:.9rem!important;
    font-size:1.1rem!important;
    line-height:1.36!important;
  }

  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    width:min(100%,1100px)!important;
    max-width:1100px!important;
  }

  .ota-master-article-page .ota-article-quick-overview > p:not(.ota-article-card-label){
    font-size:23px!important;
    line-height:1.6!important;
    max-width:78ch!important;
  }
}



/* ======================================================================
   v0.8.14.7 — responsive article geometry correction
   Launch QA found that the v0.8.14.6 sidebar scale was too dominant on
   laptop/ordinary desktop widths. This pass separates ordinary desktop
   from very-wide desktop instead of forcing one scale on both.
   - 1180–1799px: preserve the readable 23px body but return the sidebar
     to a compact, subordinate rail and keep the full sticky stack bounded.
   - 1800px+: use the extra canvas for a larger 25px reading state and a
     modestly larger rail without stretching prose into tiring line lengths.
   - no article prose, navigation, Stage 1, or resource-flow changes.
   ====================================================================== */
@media (min-width:1180px) and (max-width:1799px){
  .ota-master-article-page > .ota-master-article-layout,
  .ota-master-article-page > .ota-article-intro{
    width:calc(100vw - 2rem)!important;
    max-width:1560px!important;
  }

  .ota-master-article-page > .ota-master-article-layout > .ota-article-main{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .ota-master-article-page > .ota-master-article-layout > .ota-article-sidebar{
    flex:0 0 285px!important;
    width:285px!important;
    min-width:0!important;
    max-width:285px!important;
  }

  .ota-master-article-page .ota-article-body{
    width:min(100%,1040px)!important;
    max-width:1040px!important;
    font-size:23px!important;
    line-height:1.64!important;
  }

  .ota-master-article-page .ota-article-body > p,
  .ota-master-article-page .ota-article-body > ul,
  .ota-master-article-page .ota-article-body > ol,
  .ota-master-article-page .ota-article-body > blockquote{
    max-width:76ch!important;
  }

  .ota-master-article-page .ota-toc,
  .ota-master-article-page .ota-series-nav{
    padding:1.15rem 1.15rem!important;
    font-size:.96rem!important;
    line-height:1.44!important;
  }

  .ota-master-article-page .ota-toc h2,
  .ota-master-article-page .ota-series-nav h2{
    font-size:1.12rem!important;
    line-height:1.22!important;
  }

  .ota-master-article-page .ota-toc-list li{
    margin:.52rem 0!important;
  }

  .ota-master-article-page .ota-toc-list .ota-toc-subitem{
    font-size:.9rem!important;
  }

  .ota-master-article-page .ota-series-link{
    padding:.66rem .7rem!important;
    font-size:.91rem!important;
    line-height:1.28!important;
  }

  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    width:min(100%,1040px)!important;
    max-width:1040px!important;
  }

  .ota-master-article-page .ota-article-quick-overview > p:not(.ota-article-card-label){
    font-size:23px!important;
    line-height:1.6!important;
    max-width:76ch!important;
  }
}

@media (min-width:1800px){
  .ota-master-article-page > .ota-master-article-layout,
  .ota-master-article-page > .ota-article-intro{
    width:calc(100vw - 4rem)!important;
    max-width:2060px!important;
  }

  .ota-master-article-page > .ota-master-article-layout > .ota-article-main{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .ota-master-article-page > .ota-master-article-layout > .ota-article-sidebar{
    flex:0 0 320px!important;
    width:320px!important;
    min-width:0!important;
    max-width:320px!important;
  }

  .ota-master-article-page .ota-article-body{
    width:min(100%,1160px)!important;
    max-width:1160px!important;
    font-size:25px!important;
    line-height:1.62!important;
  }

  .ota-master-article-page .ota-article-body > p,
  .ota-master-article-page .ota-article-body > ul,
  .ota-master-article-page .ota-article-body > ol,
  .ota-master-article-page .ota-article-body > blockquote{
    max-width:72ch!important;
  }

  .ota-master-article-page .ota-article-body h2{
    font-size:clamp(2.3rem,2.45vw,2.9rem)!important;
  }

  .ota-master-article-page .ota-article-body h3{
    font-size:1.72rem!important;
  }

  .ota-master-article-page .ota-toc,
  .ota-master-article-page .ota-series-nav{
    padding:1.3rem 1.35rem!important;
    font-size:1rem!important;
    line-height:1.48!important;
  }

  .ota-master-article-page .ota-toc h2,
  .ota-master-article-page .ota-series-nav h2{
    font-size:1.18rem!important;
  }

  .ota-master-article-page .ota-toc-list li{
    margin:.58rem 0!important;
  }

  .ota-master-article-page .ota-toc-list .ota-toc-subitem{
    font-size:.94rem!important;
  }

  .ota-master-article-page .ota-series-link{
    padding:.72rem .76rem!important;
    font-size:.96rem!important;
    line-height:1.3!important;
  }

  .ota-master-article-page .ota-article-intro > .ota-article-quick-overview,
  .ota-master-article-page .ota-article-intro > .ota-article-disclosure{
    width:min(100%,1160px)!important;
    max-width:1160px!important;
  }

  .ota-master-article-page .ota-article-quick-overview > p:not(.ota-article-card-label){
    font-size:25px!important;
    line-height:1.58!important;
    max-width:72ch!important;
  }
}


/* ======================================================================
   v0.8.14.8 — mobile launch QA correction
   - keeps accepted desktop geometry intact
   - hides the desktop-only On This Page card on tablet/mobile
   - left-aligns the WordPress mobile navigation and uses a conventional
     three-line menu icon
   - gives the Affiliate Marketing route a readable mobile-native layout
     instead of shrinking the approved desktop poster to phone width
   - tightens the homepage Atlas image frame and removes the baked-in pale
     strips from the compass image by cropping inside its existing frame
   - makes the Companion setup-guide filename read as a filename, not a CTA
   ====================================================================== */

/* The desktop sidebar remains unchanged; the TOC is not useful after the
   article when WordPress stacks the columns on smaller screens. */
@media (max-width:900px){
  .ota-master-article-page .ota-article-sidebar .ota-toc{
    display:none!important;
  }
}

/* Mobile header: conventional hamburger plus a left-reading menu. */
@media (max-width:900px){
  .ota-header-inner{
    align-items:center!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container-open{
    width:34px;
    height:30px;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:0!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container-open svg{
    display:none!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container-open:before{
    content:"";
    display:block;
    width:24px;
    height:2px;
    background:var(--wp--preset--color--navy);
    box-shadow:0 -7px 0 var(--wp--preset--color--navy),0 7px 0 var(--wp--preset--color--navy);
  }
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding:2rem clamp(1.25rem,6vw,2rem)!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container{
    width:100%!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    text-align:left!important;
    justify-content:flex-start!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
    width:100%!important;
    padding-left:1rem!important;
    text-align:left!important;
  }
  .ota-header-inner .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
    right:1.25rem!important;
    left:auto!important;
  }
}

/* Homepage image frames on small screens. */
.ota-compass-art{
  aspect-ratio:255/180;
}
.ota-compass-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media (max-width:780px){
  .ota-hero-art{
    width:100%;
    min-height:0!important;
    aspect-ratio:1/1;
  }
  .ota-hero-art img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Resources: this is a filename inside the ZIP, not a web link. */
.ota-companion-filename{
  margin:1rem 0 1.25rem;
}
.ota-companion-filename code{
  display:inline-block;
  max-width:100%;
  padding:.45rem .6rem;
  border:1px solid rgba(167,123,47,.38);
  background:rgba(255,255,255,.48);
  color:var(--wp--preset--color--navy);
  font-size:.94em;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-decoration:none!important;
  cursor:text;
}

/* Affiliate route: preserve the approved poster on desktop; render the same
   information as real, readable content on phones/tablets. */
.ota-affiliate-mobile{display:none}
@media (max-width:760px){
  .ota-affiliate-exact-art{display:none!important}
  .ota-affiliate-mobile{
    display:block;
    color:var(--wp--preset--color--navy);
    font-family:Aptos,'Segoe UI',Arial,sans-serif;
    line-height:1.55;
    padding:.25rem 0 1.25rem;
  }
  .ota-affiliate-mobile__hero{
    padding:1.15rem 1rem 1.25rem;
    border:1px solid rgba(167,123,47,.42);
    background:#fffaf0;
  }
  .ota-affiliate-mobile__kicker,
  .ota-affiliate-mobile__section-label{
    margin:0 0 .45rem;
    color:#9a6b1d;
    font-weight:800;
    font-size:.76rem;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
  .ota-affiliate-mobile h1,
  .ota-affiliate-mobile h2,
  .ota-affiliate-mobile h3{
    font-family:Georgia,'Times New Roman',serif;
    color:var(--wp--preset--color--navy);
  }
  .ota-affiliate-mobile h1{
    margin:.1rem 0 .25rem;
    font-size:clamp(2.15rem,10vw,3rem);
    line-height:1.05;
  }
  .ota-affiliate-mobile__hero h2{
    margin:.15rem 0 .8rem;
    color:#9a6b1d;
    font-size:clamp(1.65rem,7.5vw,2.2rem);
    line-height:1.12;
  }
  .ota-affiliate-mobile__hero p{
    font-size:1.05rem;
    margin:.7rem 0 1rem;
  }
  .ota-affiliate-mobile__cta,
  .ota-affiliate-mobile__footer-link{
    display:block;
    width:100%;
    box-sizing:border-box;
    background:var(--wp--preset--color--navy);
    color:var(--wp--preset--color--gold-light)!important;
    border:1px solid var(--wp--preset--color--gold);
    padding:.9rem 1rem;
    font-weight:800;
    line-height:1.3;
    text-align:center;
    text-decoration:none;
  }
  .ota-affiliate-mobile__hero-art{
    display:block;
    width:100%;
    height:auto;
    margin:1rem 0 0;
    border:1px solid rgba(167,123,47,.7);
  }
  .ota-affiliate-mobile__section{
    margin-top:1rem;
    padding:1rem;
    border:1px solid rgba(167,123,47,.42);
    background:rgba(255,250,240,.8);
  }
  .ota-affiliate-mobile__section > h2{
    margin:0 0 .85rem;
    font-size:1.55rem;
    line-height:1.2;
  }
  .ota-affiliate-mobile__benefits{
    display:grid;
    grid-template-columns:1fr;
    gap:.7rem;
  }
  .ota-affiliate-mobile__benefit{
    padding:.85rem;
    border:1px solid rgba(167,123,47,.28);
    background:#fffaf0;
  }
  .ota-affiliate-mobile__benefit h3{
    margin:0 0 .25rem;
    font-size:1.12rem;
  }
  .ota-affiliate-mobile__benefit p{
    margin:0;
    font-size:.96rem;
  }
  .ota-affiliate-mobile__facts{
    display:grid;
    gap:.45rem;
    margin-top:.8rem;
    padding-top:.8rem;
    border-top:1px solid rgba(167,123,47,.35);
    font-size:.94rem;
  }
  .ota-affiliate-mobile__route{
    list-style:none;
    counter-reset:ota-mobile-stage;
    padding:0;
    margin:0;
    display:grid;
    gap:.7rem;
  }
  .ota-affiliate-mobile__stage{
    counter-increment:ota-mobile-stage;
    display:grid;
    grid-template-columns:2.55rem minmax(0,1fr);
    gap:.75rem;
    align-items:start;
    padding:.85rem;
    border:1px solid rgba(167,123,47,.34);
    background:#fffaf0;
  }
  .ota-affiliate-mobile__stage:before{
    content:counter(ota-mobile-stage);
    width:2.35rem;
    height:2.35rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--wp--preset--color--navy);
    color:var(--wp--preset--color--gold-light);
    border:2px solid var(--wp--preset--color--gold);
    font-family:Georgia,'Times New Roman',serif;
    font-weight:800;
  }
  .ota-affiliate-mobile__stage h3{
    margin:.05rem 0 .18rem;
    font-size:1.08rem;
    line-height:1.2;
  }
  .ota-affiliate-mobile__stage p{
    margin:0;
    font-size:.94rem;
    line-height:1.45;
  }
  a.ota-affiliate-mobile__stage{
    color:inherit;
    text-decoration:none;
    border:2px solid var(--wp--preset--color--gold);
    box-shadow:0 5px 14px rgba(18,33,54,.08);
  }
  a.ota-affiliate-mobile__stage .ota-affiliate-mobile__start{
    display:inline-block;
    margin-top:.45rem;
    color:#8a5d13;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .ota-affiliate-mobile__two{
    display:grid;
    gap:.8rem;
  }
  .ota-affiliate-mobile__panel{
    padding:.9rem;
    border:1px solid rgba(167,123,47,.3);
    background:#fffaf0;
  }
  .ota-affiliate-mobile__panel h3{
    margin:0 0 .5rem;
    font-size:1.18rem;
  }
  .ota-affiliate-mobile__panel ul{
    margin:.25rem 0 0;
    padding-left:1.15rem;
  }
  .ota-affiliate-mobile__panel li{
    margin:.42rem 0;
  }
  .ota-affiliate-mobile__footer{
    margin-top:1rem;
    padding:1.1rem 1rem;
    background:var(--wp--preset--color--navy);
    color:var(--wp--preset--color--cream);
    border:1px solid var(--wp--preset--color--gold);
  }
  .ota-affiliate-mobile__footer h2{
    margin:0 0 .35rem;
    color:#fff;
    font-size:1.65rem;
  }
  .ota-affiliate-mobile__footer p{
    margin:.35rem 0 .9rem;
  }
  .ota-affiliate-mobile__footer-actions{
    display:grid;
    gap:.6rem;
  }
  .ota-affiliate-mobile__footer-link{
    background:transparent;
  }
}


/* ======================================================================
   v0.8.14.9 — mobile QA hardening
   These rules deliberately use WordPress-generic selectors as fallbacks
   because saved block/template markup can differ from the file-template
   classes while still rendering the same components.
   ====================================================================== */

@media (max-width:900px){
  /* On This Page is a desktop aid. Never stack it after the article. */
  .ota-toc,
  aside[aria-label="On this page"],
  aside[aria-label="On This Page"]{
    display:none!important;
  }

  /* WordPress Navigation can inherit right-justification from desktop. */
  header .wp-block-navigation,
  .ota-site-header .wp-block-navigation{
    --navigation-layout-justification-setting:flex-start!important;
    --navigation-layout-justify:flex-start!important;
  }
  header .wp-block-navigation__responsive-container-open,
  .ota-site-header .wp-block-navigation__responsive-container-open{
    width:36px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    padding:0!important;
  }
  header .wp-block-navigation__responsive-container-open svg,
  .ota-site-header .wp-block-navigation__responsive-container-open svg{
    display:none!important;
  }
  header .wp-block-navigation__responsive-container-open::before,
  .ota-site-header .wp-block-navigation__responsive-container-open::before{
    content:""!important;
    display:block!important;
    width:25px!important;
    height:2px!important;
    background:var(--wp--preset--color--navy,#122136)!important;
    box-shadow:0 -7px 0 var(--wp--preset--color--navy,#122136),0 7px 0 var(--wp--preset--color--navy,#122136)!important;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:clamp(1.25rem,6vw,2rem)!important;
    padding-right:clamp(1.25rem,6vw,2rem)!important;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    width:100%!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    width:100%!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
  body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
    width:100%!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:1rem!important;
    margin-left:0!important;
  }

  /* Homepage Atlas: force the artwork to occupy the entire framed square. */
  figure.ota-hero-art,
  .ota-hero-art.wp-block-image{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden!important;
  }
  figure.ota-hero-art > img,
  .ota-hero-art.wp-block-image > img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:scale(1.035);
    transform-origin:center;
  }

  /* Compass crop must survive stacked mobile columns too. */
  figure.ota-compass-art,
  .ota-compass-art.wp-block-image{
    display:block!important;
    width:100%!important;
    aspect-ratio:255/180!important;
    overflow:hidden!important;
  }
  figure.ota-compass-art > img,
  .ota-compass-art.wp-block-image > img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Any normalized Companion filename is informational text, never a CTA. */
.ota-companion-filename,
.ota-companion-filename *{
  pointer-events:none!important;
  cursor:text!important;
  text-decoration:none!important;
}
.ota-companion-filename-inline{
  display:inline-block;
  max-width:100%;
  padding:.35rem .5rem;
  border:1px solid rgba(167,123,47,.38);
  background:rgba(255,255,255,.48);
  color:var(--wp--preset--color--navy,#122136)!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  pointer-events:none!important;
  cursor:text!important;
  text-decoration:none!important;
}


/* ======================================================================
   v0.8.15.0 — rendered-mobile override
   These rules are intentionally independent of Site Editor template markup.
   JavaScript adds the ota-runtime-* hooks directly to the rendered DOM.
   ====================================================================== */
@media (max-width:900px){
  /* Phone hero: remove the thin side frame and make Atlas visually fill it. */
  .ota-hero-art.ota-art-frame,
  figure.ota-hero-art.ota-art-frame{
    border:0!important;
    overflow:hidden!important;
  }
  .ota-hero-art.ota-art-frame > img,
  figure.ota-hero-art.ota-art-frame > img{
    transform:scale(1.10)!important;
    transform-origin:center center!important;
  }

  /* Runtime hamburger is real markup, not a pseudo-element. */
  .ota-runtime-menu-bars{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:5px!important;
    width:25px!important;
    height:28px!important;
  }
  .ota-runtime-menu-bars > span{
    display:block!important;
    width:25px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#122136!important;
    box-shadow:none!important;
  }
  .wp-block-navigation__responsive-container-open.ota-runtime-hamburger-fixed::before,
  .wp-block-navigation__responsive-container-open.ota-runtime-hamburger-fixed::after{
    content:none!important;
    display:none!important;
  }

  /* If a TOC wrapper is found at runtime, it stays gone on mobile. */
  .ota-runtime-mobile-toc-hidden{
    display:none!important;
  }

  /* Runtime Affiliate route supersedes the shrunken poster on phones. */
  .ota-runtime-affiliate-desktop-hidden{
    display:none!important;
  }
  .ota-runtime-affiliate-route{
    display:block!important;
    width:min(100% - 24px,680px)!important;
    margin:0 auto 1.25rem!important;
    color:#122136!important;
    font-family:Aptos,'Segoe UI',Arial,sans-serif!important;
    line-height:1.5!important;
  }
  .ota-runtime-affiliate-route *{box-sizing:border-box}
  .ota-runtime-affiliate-hero,
  .ota-runtime-affiliate-section{
    margin:0 0 1rem!important;
    padding:1rem!important;
    background:#fffaf0!important;
    border:1px solid rgba(167,123,47,.45)!important;
  }
  .ota-runtime-affiliate-kicker{
    margin:0 0 .35rem!important;
    color:#8a5d13!important;
    font-size:.76rem!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .ota-runtime-affiliate-route h1,
  .ota-runtime-affiliate-route h2,
  .ota-runtime-affiliate-route h3{
    font-family:Georgia,'Times New Roman',serif!important;
    color:#122136!important;
  }
  .ota-runtime-affiliate-route h1{
    margin:.1rem 0 .25rem!important;
    font-size:clamp(2rem,10vw,3rem)!important;
    line-height:1.05!important;
  }
  .ota-runtime-affiliate-hero h2{
    margin:0 0 .65rem!important;
    color:#8a5d13!important;
    font-size:clamp(1.4rem,7vw,2rem)!important;
    line-height:1.12!important;
  }
  .ota-runtime-affiliate-hero p{font-size:1rem!important}
  .ota-runtime-affiliate-hero img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:.9rem 0 0!important;
    border:0!important;
  }
  .ota-runtime-affiliate-cta{
    display:block!important;
    width:100%!important;
    margin:.9rem 0 0!important;
    padding:.9rem 1rem!important;
    background:#122136!important;
    color:#f4ca73!important;
    border:1px solid #a77b2f!important;
    font-weight:800!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  .ota-runtime-affiliate-section > h2{
    margin:0 0 .75rem!important;
    font-size:1.45rem!important;
  }
  .ota-runtime-stage-list{
    display:grid!important;
    gap:.7rem!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  .ota-runtime-stage-card{
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:.75rem!important;
    align-items:center!important;
    min-height:88px!important;
    padding:.65rem!important;
    background:#fff!important;
    border:1px solid rgba(167,123,47,.35)!important;
  }
  .ota-runtime-stage-card.is-open{
    border:2px solid #a77b2f!important;
    box-shadow:0 4px 12px rgba(18,33,54,.08)!important;
  }
  .ota-runtime-stage-card img{
    display:block!important;
    width:72px!important;
    height:72px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    border:2px solid #a77b2f!important;
  }
  .ota-runtime-stage-card h3{
    margin:0 0 .2rem!important;
    font-size:1.04rem!important;
    line-height:1.18!important;
  }
  .ota-runtime-stage-card p{
    margin:0!important;
    font-size:.9rem!important;
    line-height:1.38!important;
  }
  a.ota-runtime-stage-card{
    color:#122136!important;
    text-decoration:none!important;
  }
  .ota-runtime-stage-start{
    display:inline-block!important;
    margin-top:.3rem!important;
    color:#8a5d13!important;
    font-size:.78rem!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
  }
  .ota-runtime-affiliate-links{
    display:grid!important;
    gap:.55rem!important;
  }
  .ota-runtime-affiliate-links a{
    display:block!important;
    padding:.75rem .8rem!important;
    border:1px solid #a77b2f!important;
    color:#122136!important;
    font-weight:700!important;
    text-align:center!important;
    text-decoration:none!important;
  }
}

/* ======================================================================
   v0.8.15.2 — focused post-launch polish sprint
   Scope only:
   - give the desktop homepage hero more depth without changing its structure;
   - restore a small visual/info cue to the homepage trust panel;
   - make Email & Resources feel like a designed destination instead of a flat CTA;
   - restore stage artwork to the readable mobile Affiliate route;
   - keep "Stage 1", "Stage 2", etc. together on narrow headings.
   No article geometry, article prose, route logic, forms, Reach, GA4, or desktop
   Affiliate poster changes.
   ====================================================================== */

/* Homepage hero: preserve the accepted split layout, but let the artwork live
   in a richer Atlas field instead of a plain parchment rectangle. */
@media (min-width:901px){
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
      linear-gradient(90deg,
        var(--wp--preset--color--parchment) 0%,
        var(--wp--preset--color--parchment) 45.5%,
        #0d2034 45.5%,
        #091a2b 100%)!important;
    border-bottom:1px solid rgba(167,123,47,.42);
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type::before{
    content:"";
    position:absolute;
    z-index:0;
    top:-12%;
    right:-7%;
    width:min(58vw,880px);
    aspect-ratio:1;
    pointer-events:none;
    opacity:.55;
    background:
      radial-gradient(circle at center, transparent 0 31%, rgba(210,177,107,.18) 31.2% 31.45%, transparent 31.7% 46%, rgba(210,177,107,.11) 46.2% 46.45%, transparent 46.7%),
      repeating-conic-gradient(from 12deg at center, rgba(210,177,107,.09) 0 1deg, transparent 1deg 15deg),
      radial-gradient(circle at 68% 28%, rgba(242,192,90,.78) 0 1.5px, transparent 2.2px),
      radial-gradient(circle at 82% 61%, rgba(242,192,90,.55) 0 1px, transparent 1.8px),
      radial-gradient(circle at 35% 20%, rgba(242,192,90,.5) 0 1px, transparent 1.8px);
    mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 100%);
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type > .wp-block-columns{
    position:relative;
    z-index:1;
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type > .wp-block-columns > .wp-block-column:first-child{
    padding-right:clamp(.5rem,2vw,2rem);
  }
  .home .ota-hero-art.ota-art-frame{
    position:relative;
    overflow:hidden!important;
    border:1px solid rgba(210,177,107,.34)!important;
    background:#0b1d30!important;
    box-shadow:0 22px 54px rgba(2,10,18,.34)!important;
  }
  .home .ota-hero-art.ota-art-frame img{
    position:relative;
    z-index:1;
  }
  .home .ota-hero-art.ota-art-frame::after{
    content:"EXPLORE  •  LEARN  •  CHOOSE";
    position:absolute;
    z-index:2;
    left:50%;
    bottom:.72rem;
    transform:translateX(-50%);
    width:max-content;
    max-width:calc(100% - 2rem);
    padding:.42rem .78rem;
    border:1px solid rgba(210,177,107,.55);
    background:rgba(7,21,35,.84);
    color:#e6c57e;
    font-size:clamp(.66rem,.72vw,.78rem);
    font-weight:700;
    line-height:1;
    letter-spacing:.16em;
    white-space:nowrap;
    box-shadow:0 6px 18px rgba(0,0,0,.2);
  }
}

/* Trust panel: a little more depth and a deliberate next step, echoing the
   stronger early homepage without recreating the old design. */
.home .ota-dark-panel{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 92% 45%,rgba(210,177,107,.075),transparent 28%),
    var(--wp--preset--color--navy)!important;
}
.home .ota-dark-panel::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:330px;
  height:330px;
  right:-115px;
  bottom:-155px;
  border:1px solid rgba(210,177,107,.12);
  border-radius:50%;
  box-shadow:0 0 0 32px rgba(210,177,107,.025),0 0 0 64px rgba(210,177,107,.018);
  pointer-events:none;
}
.home .ota-home-about-link{
  margin:1.1rem 0 0!important;
  font-size:.98rem;
  text-align:right;
}
.home .ota-home-about-link a{
  color:var(--wp--preset--color--gold-light)!important;
  text-decoration:none;
  border-bottom:1px solid rgba(210,177,107,.42);
  padding-bottom:.12rem;
}
.home .ota-home-about-link a:hover,
.home .ota-home-about-link a:focus-visible{
  border-bottom-color:var(--wp--preset--color--gold-light);
}

/* Email & Resources: compact letter/seal accent.
   Keep the CTA text-led. The artwork is a small visual cue, not a second hero. */
.ota-email-resources{
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(1rem,2.5vw,1.8rem)!important;
  row-gap:.38rem!important;
  align-items:center!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.42),transparent 52%),
    var(--wp--preset--color--parchment)!important;
  border-color:rgba(167,123,47,.58)!important;
}
.ota-email-resources::before{
  content:"";
  grid-column:1;
  grid-row:1 / 3;
  width:106px;
  height:94px;
  justify-self:center;
  border:1px solid rgba(167,123,47,.48);
  border-radius:2px;
  background:url("assets/images/email-letter-detail-v2.jpg") center / cover no-repeat;
  box-shadow:0 6px 16px rgba(18,33,54,.10);
}
.ota-email-resources h2,
.ota-email-resources p{
  grid-column:2!important;
  width:auto!important;
  max-width:620px!important;
  justify-self:start!important;
  text-align:left!important;
}
.ota-email-resources h2{grid-row:1!important;align-self:end!important}
.ota-email-resources p{grid-row:2!important;align-self:start!important;margin-top:.15rem!important}
.ota-email-resources .wp-block-buttons{
  grid-column:3!important;
  grid-row:1 / 3!important;
  width:auto!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}

/* Mobile Affiliate route: restore the useful stage illustrations from the
   original route artwork while retaining the readable real-text mobile cards. */
@media (max-width:760px){
  .ota-affiliate-mobile__stage > div::before{
    content:"";
    display:block;
    width:100%;
    height:clamp(96px,28vw,138px);
    margin:0 0 .7rem;
    border:1px solid rgba(167,123,47,.34);
    background-color:#ead7ad;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  }
  .ota-affiliate-mobile__route > li:nth-child(1) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-1.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(2) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-2.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(3) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-3.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(4) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-4.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(5) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-5.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(6) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-6.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(7) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-7.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(8) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-8.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(9) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-9.jpg")}
  .ota-affiliate-mobile__route > li:nth-child(10) .ota-affiliate-mobile__stage > div::before{background-image:url("assets/images/stage-10.jpg")}

  /* Keep the successfully repaired homepage phone presentation unchanged. */
  .home .ota-hero-art.ota-art-frame::after{display:none!important}

  /* Keep the email accent small on phones too. */
  .ota-email-resources{
    grid-template-columns:72px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:.9rem!important;
    padding:1.35rem!important;
  }
  .ota-email-resources::before{
    grid-column:1;
    grid-row:1 / 3;
    width:68px;
    height:62px;
    align-self:start;
  }
  .ota-email-resources h2,
  .ota-email-resources p{
    grid-column:2!important;
  }
  .ota-email-resources .wp-block-buttons{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:start!important;
    margin-top:.35rem!important;
  }
}

/* ======================================================================
   v0.8.15.3 — focused polish correction
   - corrects the desktop homepage interpretation of the earlier approved
     visual reference: richer dark hero, larger Atlas, and useful hero copy;
   - preserves the already-good mobile homepage presentation;
   - fixes short mobile labels such as "Affiliate Marketing · Stage 1" so
     the stage number does not orphan onto a second line;
   - preserves the v0.8.15.2 Email & Resources treatment and mobile route art.
   ====================================================================== */

@media (min-width:901px){
  /* The first 15.2 pass left too much empty navy around a framed square.
     Bring the desktop hero closer to the stronger early Atlas composition
     without changing the rest of the homepage. */
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type{
    background:
      radial-gradient(circle at 79% 24%,rgba(224,178,85,.07),transparent 24%),
      linear-gradient(180deg,#0a1c2e 0%,#0b1f33 100%)!important;
    color:var(--wp--preset--color--cream)!important;
    padding-top:clamp(2.2rem,3.5vw,4rem)!important;
    padding-bottom:clamp(2.2rem,3.5vw,4rem)!important;
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type::before{
    opacity:.28!important;
    right:-12%!important;
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type > .wp-block-columns{
    width:min(1480px,calc(100vw - 72px))!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:clamp(2.2rem,4vw,5.5rem)!important;
    align-items:center!important;
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type > .wp-block-columns > .wp-block-column:first-child{
    flex-basis:42%!important;
    padding-right:0!important;
  }
  .home .wp-site-blocks > main.wp-block-group.alignfull:first-of-type > .wp-block-columns > .wp-block-column:nth-child(2){
    flex-basis:58%!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }

  /* Keep the file-template copy as the mobile source of truth; desktop gets
     a purpose-built text treatment inserted by functions.php. */
  .home .ota-home-desktop-copy ~ .ota-kicker,
  .home .ota-home-desktop-copy ~ .ota-hero-title,
  .home .ota-home-desktop-copy ~ .ota-hero-copy,
  .home .ota-home-desktop-copy ~ .wp-block-buttons{
    display:none!important;
  }
  .home .ota-home-desktop-copy{
    max-width:520px;
    color:var(--wp--preset--color--cream);
  }
  .home .ota-home-desktop-copy h1{
    margin:0;
    max-width:9ch;
    color:var(--wp--preset--color--cream)!important;
    font-family:var(--ota-serif);
    font-size:clamp(3.4rem,4.65vw,5.5rem);
    line-height:.98;
    letter-spacing:-.025em;
    text-wrap:balance;
  }
  .home .ota-home-desktop-rule{
    position:relative;
    width:min(300px,72%);
    height:1px;
    margin:1.55rem 0 1.35rem;
    background:var(--wp--preset--color--gold);
  }
  .home .ota-home-desktop-rule::after{
    content:"✦";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-52%);
    padding:0 .55rem;
    background:#0b1f33;
    color:var(--wp--preset--color--gold-light);
    font-size:1.05rem;
  }
  .home .ota-home-desktop-copy p{
    max-width:31rem;
    margin:0 0 1.2rem;
    color:rgba(252,247,237,.93)!important;
    font-size:clamp(1.05rem,1.15vw,1.22rem);
    line-height:1.55;
  }
  .home .ota-home-desktop-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.9rem;
    margin-top:1.25rem;
  }
  .home .ota-home-desktop-primary{
    display:inline-flex;
    align-items:center;
    min-width:250px;
    justify-content:center;
    padding:.92rem 1.35rem;
    border:1px solid #d6ad62;
    border-radius:3px;
    background:linear-gradient(180deg,#e0b96d,#c99742);
    color:#111b28!important;
    font-family:var(--ota-serif);
    font-size:1.1rem;
    font-weight:700;
    letter-spacing:.045em;
    text-decoration:none;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
  }
  .home .ota-home-desktop-secondary{
    display:inline-block;
    margin-left:.15rem;
    color:#b9d5eb!important;
    font-size:1rem;
    text-decoration:none;
    border-bottom:1px solid transparent;
  }
  .home .ota-home-desktop-secondary:hover,
  .home .ota-home-desktop-secondary:focus-visible{
    border-bottom-color:currentColor;
  }

  .home .ota-hero-art.ota-art-frame{
    width:min(100%,720px)!important;
    max-width:720px!important;
    min-height:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .home .ota-hero-art.ota-art-frame img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:570px!important;
    object-fit:contain!important;
    object-position:center!important;
    border:1px solid rgba(210,177,107,.28);
    box-shadow:0 22px 52px rgba(0,0,0,.28);
  }
  .home .ota-hero-art.ota-art-frame::after{
    display:none!important;
  }
}

@media (max-width:640px){
  /* The real Stage 1 eyebrow is short enough to stay on one line. */
  body.ota-stage1-page .ota-stage1-kicker,
  body.ota-stage1-page .ota-stage-label-nowrap{
    white-space:nowrap!important;
    letter-spacing:.045em!important;
  }
}



/* ======================================================================
   v0.8.15.4 — focused polish correction 2
   - supersedes the uninstalled v0.8.15.3 candidate;
   - replaces the oversized/incorrect Email & Resources globe/books panel art
     with a compact envelope-and-seal detail derived from existing Atlas art;
   - keeps Email & Resources text-led on desktop and mobile;
   - preserves all v0.8.15.3 homepage and Stage 1 label corrections.
   ====================================================================== */


/* ======================================================================
   v0.8.15.5 — focused homepage polish completion
   Scope only:
   - make the approved desktop Atlas hero image fill its own frame cleanly;
   - remove the secondary Affiliate link beneath the main homepage CTA;
   - use the approved purpose-made envelope artwork in Email & Resources;
   - strengthen homepage trust/route-intro readability on large displays;
   - raise desktop navigation text one modest step;
   - preserve accepted mobile homepage, Affiliate route and Stage 1 behavior.
   ====================================================================== */

/* Approved Email & Resources art — a purpose-made envelope/compass seal. */
.ota-email-resources::before{
  background-image:url("assets/images/email-letter-detail-v2.jpg")!important;
  background-position:center!important;
  background-size:cover!important;
}

/* The About path belongs with the trust statement, not beneath the compass. */
.home .ota-home-about-link{
  margin:.85rem 0 0!important;
  text-align:left!important;
  font-size:1.03rem!important;
}

@media (min-width:901px){
  /* The image itself is square. Give it a square frame so it fills the border
     without side gutters, and overscan a hair to hide the source-edge strip. */
  .home .ota-hero-art.ota-art-frame{
    width:min(100%,680px)!important;
    max-width:680px!important;
    aspect-ratio:1 / 1!important;
    min-height:0!important;
    overflow:hidden!important;
    border:1px solid rgba(210,177,107,.32)!important;
    background:#0b1f33!important;
    box-shadow:0 22px 52px rgba(0,0,0,.28)!important;
  }
  .home .ota-hero-art.ota-art-frame img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:scale(1.012);
    border:0!important;
    box-shadow:none!important;
  }

  /* This secondary route link was useful during construction but competes
     with the main homepage action now that the entry architecture is clear. */
  .home .ota-home-desktop-secondary{display:none!important}
  .home .ota-home-desktop-actions{gap:0!important}

  /* Trust section: large-screen copy should not read like footer text. */
  .home .ota-dark-panel .wp-block-columns{
    column-gap:clamp(2rem,4vw,4.5rem)!important;
  }
  .home .ota-dark-panel .wp-block-column:nth-child(2) > p:first-child{
    max-width:70ch!important;
    font-size:clamp(1.08rem,1.15vw,1.22rem)!important;
    line-height:1.58!important;
  }
  .home .ota-dark-panel .wp-block-column:nth-child(2) > h2{
    margin-top:.7rem!important;
    margin-bottom:.55rem!important;
    font-size:clamp(1.55rem,1.8vw,2rem)!important;
    line-height:1.24!important;
  }
  .home .ota-dark-panel .ota-kicker{
    font-size:.9rem!important;
    letter-spacing:.18em!important;
  }

  /* The route chooser is a major homepage decision point. Give its intro the
     same readable weight as the rest of the page rather than tiny helper copy. */
  .home .wp-block-group:has(> .ota-home-card-grid) > .ota-section-label{
    font-size:.9rem!important;
  }
  .home .wp-block-group:has(> .ota-home-card-grid) > h2{
    font-size:clamp(1.9rem,2.15vw,2.35rem)!important;
    line-height:1.2!important;
  }
  .home .wp-block-group:has(> .ota-home-card-grid) > p:not(.ota-section-label){
    max-width:880px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(1.06rem,1.08vw,1.15rem)!important;
    line-height:1.58!important;
  }

  /* Primary navigation was slightly smaller than ordinary body copy. */
  .ota-site-header .wp-block-navigation-item__content{
    font-size:1.025rem!important;
    line-height:1.28!important;
  }
}


/* ======================================================================
   v0.8.15.6 — route-intro sizing correction
   - makes the homepage route-intro helper copy visually commensurate with
     the large illustrated cards beneath it on desktop;
   - preserves the accepted heading, cards, mobile layout, and all v0.8.15.5
     polish behavior.
   ====================================================================== */
@media (min-width:901px){
  .home .wp-block-group:has(> .ota-home-card-grid) > .ota-section-label{
    font-size:.98rem!important;
  }
  .home .wp-block-group:has(> .ota-home-card-grid) > p:not(.ota-section-label){
    font-size:clamp(1.20rem,1.22vw,1.30rem)!important;
    line-height:1.55!important;
  }
}


/* ======================================================================
   v0.8.15.7 — desktop navigation affordance + sizing correction
   - folds the v0.8.15.6 route-intro sizing correction into the same build;
   - raises primary desktop navigation one additional step for easier scanning;
   - adds clear hover, keyboard-focus, and current-page states so the header
     visibly behaves like navigation instead of static text;
   - preserves mobile navigation behavior and all other v0.8.15.6 polish.
   ====================================================================== */
@media (min-width:901px){
  /* The main navigation should read as a primary control, not secondary copy. */
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta) > .wp-block-navigation-item__content,
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta) > .wp-block-navigation-item__content-wrapper > .wp-block-navigation-item__content{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:2.2rem;
    padding:.16rem .04rem .22rem!important;
    border-bottom:2px solid transparent;
    color:var(--wp--preset--color--navy)!important;
    font-size:1.08rem!important;
    font-weight:600!important;
    line-height:1.25!important;
    white-space:nowrap;
    text-decoration:none!important;
    cursor:pointer;
    transition:color .16s ease,border-color .16s ease,transform .16s ease;
  }

  /* Hover/focus should be unmistakable but still restrained and on-brand. */
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):hover > .wp-block-navigation-item__content,
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):focus-within > .wp-block-navigation-item__content,
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta) > .wp-block-navigation-item__content:hover,
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta) > .wp-block-navigation-item__content:focus-visible{
    color:#9a6b1d!important;
    border-bottom-color:var(--wp--preset--color--gold)!important;
    transform:translateY(-1px);
  }

  /* Keep the dropdown chevron visually tied to the hovered label. */
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-icon,
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-icon{
    color:#9a6b1d!important;
  }
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-icon svg,
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-icon svg{
    stroke:currentColor!important;
  }

  /* Current page gets a quiet persistent orientation cue. */
  .ota-site-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta) > .wp-block-navigation-item__content[aria-current="page"]{
    color:#9a6b1d!important;
    border-bottom-color:rgba(167,123,47,.72)!important;
  }

  /* Keyboard users get a stronger focus cue without changing mouse styling. */
  .ota-site-header .wp-block-navigation-item__content:focus-visible,
  .ota-site-header .ota-header-cta > .wp-block-navigation-item__content:focus-visible{
    outline:2px solid var(--wp--preset--color--gold)!important;
    outline-offset:4px!important;
  }

  /* The branded CTA should react too; otherwise it feels inert beside the links. */
  .ota-site-header .ota-header-cta > .wp-block-navigation-item__content{
    font-size:1.05rem!important;
    font-weight:700!important;
    transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
  }
  .ota-site-header .ota-header-cta > .wp-block-navigation-item__content:hover,
  .ota-site-header .ota-header-cta > .wp-block-navigation-item__content:focus-visible{
    background:var(--wp--preset--color--gold)!important;
    color:var(--wp--preset--color--navy)!important;
    box-shadow:0 5px 14px rgba(18,33,54,.16);
    transform:translateY(-1px);
  }
}

/* ======================================================================
   v0.8.15.8 — final polish corrections from live review
   - make top-level desktop navigation react unmistakably on hover;
   - increase the homepage route-intro helper copy to match the visual weight
     of the large illustrated cards beneath it;
   - enlarge/crop the approved Email & Resources envelope so it reads as a
     deliberate visual anchor rather than a tiny icon in a wide parchment card;
   - preserve all accepted mobile behavior and site functionality.
   ====================================================================== */

@media (min-width:901px){
  /* Robust top-level navigation treatment.  This intentionally targets the
     rendered nav structure directly rather than depending on a theme-specific
     wrapper that a saved Site Editor header can omit. */
  body header nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item:not(.ota-header-cta) > a.wp-block-navigation-item__content,
  body header nav.wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta) > a.wp-block-navigation-item__content{
    display:inline-flex!important;
    align-items:center!important;
    padding:.34rem .42rem .38rem!important;
    border-radius:3px!important;
    color:var(--wp--preset--color--navy)!important;
    font-size:1.12rem!important;
    font-weight:600!important;
    line-height:1.22!important;
    text-decoration:none!important;
    box-shadow:inset 0 -2px 0 transparent!important;
    transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
  }
  body header nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item:not(.ota-header-cta):hover > a.wp-block-navigation-item__content,
  body header nav.wp-block-navigation > ul.wp-block-navigation__container > li.wp-block-navigation-item:not(.ota-header-cta):focus-within > a.wp-block-navigation-item__content,
  body header nav.wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):hover > a.wp-block-navigation-item__content,
  body header nav.wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):focus-within > a.wp-block-navigation-item__content{
    color:#8b5f18!important;
    background:rgba(167,123,47,.10)!important;
    box-shadow:inset 0 -2px 0 var(--wp--preset--color--gold)!important;
    transform:translateY(-1px)!important;
  }

  /* Route intro: use a stable source class plus the runtime fallback class.
     The helper sentence is intentionally close to card-copy scale now. */
  body.home .ota-home-route-intro > .ota-section-label,
  body.home .ota-home-route-intro-runtime > .ota-section-label{
    font-size:1.05rem!important;
    letter-spacing:.15em!important;
  }
  body.home .ota-home-route-intro > h2,
  body.home .ota-home-route-intro-runtime > h2{
    font-size:clamp(2.1rem,2.35vw,2.6rem)!important;
    line-height:1.18!important;
  }
  body.home .ota-home-route-intro > p:not(.ota-section-label),
  body.home .ota-home-route-intro-runtime > p:not(.ota-section-label){
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(1.34rem,1.36vw,1.46rem)!important;
    line-height:1.5!important;
  }

  /* Email & Resources: make the approved envelope a real visual anchor. */
  .ota-email-resources{
    grid-template-columns:215px minmax(0,1fr) auto!important;
    column-gap:clamp(1.4rem,2.5vw,2.25rem)!important;
    padding-top:clamp(2rem,3vw,2.75rem)!important;
    padding-bottom:clamp(2rem,3vw,2.75rem)!important;
  }
  .ota-email-resources::before{
    width:196px!important;
    height:148px!important;
    background-image:url("assets/images/email-letter-detail-v3.jpg")!important;
    background-position:center!important;
    background-size:cover!important;
    border-color:rgba(167,123,47,.62)!important;
    box-shadow:0 9px 22px rgba(18,33,54,.15)!important;
  }
}


/* ======================================================================
   v0.8.15.9 — cohesive navigation + email CTA correction
   - fixes the real WordPress Navigation DOM path (responsive-container wrappers)
     so every top-level desktop navigation item visibly reacts site-wide;
   - turns Email & Resources into one compact two-part CTA instead of a small
     picture floating in a large parchment field;
   - gives the homepage route-intro copy enough visual weight beside the large
     illustrated cards;
   - preserves accepted mobile route, Stage 1, hero, article, Reach, and search
     behavior.
   ====================================================================== */

@media (min-width:901px){
  /* GLOBAL PRIMARY NAVIGATION
     WordPress renders the top-level list inside responsive-container wrappers,
     so style the actual list items rather than assuming the list is a direct
     child of <nav>. This applies consistently across the site. */
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item{
    position:relative!important;
    border-radius:4px!important;
    transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
  }
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > a,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > button{
    font-size:1.16rem!important;
    font-weight:600!important;
    line-height:1.22!important;
    color:var(--wp--preset--color--navy)!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):hover,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):focus-within{
    background:rgba(167,123,47,.13)!important;
    box-shadow:inset 0 -3px 0 var(--wp--preset--color--gold)!important;
    transform:translateY(-1px)!important;
  }
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):hover > .wp-block-navigation-item__content,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):hover > a,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):focus-within > .wp-block-navigation-item__content,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):focus-within > a,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):hover > .wp-block-navigation__submenu-icon,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.ota-header-cta):focus-within > .wp-block-navigation__submenu-icon{
    color:#8b5f18!important;
  }
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"]{
    color:#8b5f18!important;
    box-shadow:inset 0 -3px 0 rgba(167,123,47,.72)!important;
  }

  /* ROUTE INTRO — deliberately close to the scale of the copy embedded in the
     three large illustrated cards below it. */
  body.home .ota-home-route-intro > .ota-section-label,
  body.home .ota-home-route-intro-runtime > .ota-section-label{
    font-size:1.10rem!important;
    line-height:1.35!important;
  }
  body.home .ota-home-route-intro > p:not(.ota-section-label),
  body.home .ota-home-route-intro-runtime > p:not(.ota-section-label){
    max-width:1050px!important;
    font-size:clamp(1.42rem,1.48vw,1.58rem)!important;
    line-height:1.52!important;
  }

  /* EMAIL & RESOURCES — one compact composition.
     The envelope becomes the left panel; heading, promise, and CTA stay together
     in the right panel. No floating image and no isolated button column. */
  .ota-email-resources{
    max-width:860px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:245px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:0!important;
    row-gap:0!important;
    align-items:stretch!important;
    overflow:hidden!important;
    background:linear-gradient(135deg,#fbf3df 0%,#f4e5c5 100%)!important;
    border:1px solid rgba(167,123,47,.62)!important;
    box-shadow:0 14px 34px rgba(18,33,54,.10)!important;
  }
  .ota-email-resources::before{
    grid-column:1!important;
    grid-row:1 / 4!important;
    width:100%!important;
    height:100%!important;
    min-height:205px!important;
    margin:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    border:0!important;
    border-right:1px solid rgba(167,123,47,.55)!important;
    border-radius:0!important;
    background-image:url("assets/images/email-letter-detail-v3.jpg")!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    box-shadow:none!important;
  }
  .ota-email-resources h2{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    padding:1.55rem 1.8rem .25rem!important;
    max-width:none!important;
    font-size:1.65rem!important;
    line-height:1.2!important;
  }
  .ota-email-resources p{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    padding:.35rem 1.8rem .45rem!important;
    max-width:44rem!important;
    font-size:1.08rem!important;
    line-height:1.55!important;
  }
  .ota-email-resources .wp-block-buttons{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:start!important;
    align-self:start!important;
    margin:0!important;
    padding:.65rem 1.8rem 1.55rem!important;
  }
}

@media (max-width:900px){
  /* The shared Email & Resources CTA remains coherent on phones/tablets: image
     first, then heading/copy/button as a single stack. */
  .ota-email-resources{
    display:block!important;
    max-width:680px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .ota-email-resources::before{
    content:"";
    display:block!important;
    width:100%!important;
    height:clamp(130px,34vw,190px)!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(167,123,47,.5)!important;
    border-radius:0!important;
    background-image:url("assets/images/email-letter-detail-v3.jpg")!important;
    background-position:center!important;
    background-size:cover!important;
    box-shadow:none!important;
  }
  .ota-email-resources h2{
    margin:0!important;
    padding:1.25rem 1.3rem .25rem!important;
  }
  .ota-email-resources p{
    margin:0!important;
    padding:.35rem 1.3rem .5rem!important;
  }
  .ota-email-resources .wp-block-buttons{
    margin:0!important;
    padding:.55rem 1.3rem 1.35rem!important;
    justify-content:flex-start!important;
  }
}


/* ======================================================================
   v0.8.15.10 — CTA button + email image final correction
   - restores the Open the Atlas header CTA default gold-on-navy styling so the
     label is visible before hover/focus on every page;
   - replaces the Email & Resources image treatment with a correctly proportioned
     full-envelope asset shown without stretch/distortion.
   ====================================================================== */

@media (min-width:901px){
  /* Keep the brand CTA visibly styled at rest; v0.8.15.9 generic top-level nav
     rules overrode the CTA text color, which made the label disappear against
     the navy button background. */
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > .wp-block-navigation-item__content,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > a,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:2.7rem!important;
    padding:.62rem 1.02rem!important;
    background:var(--wp--preset--color--navy)!important;
    color:var(--wp--preset--color--gold-light)!important;
    border:1px solid var(--wp--preset--color--gold)!important;
    border-radius:2px!important;
    font-size:1.05rem!important;
    font-weight:700!important;
    line-height:1.1!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta:hover > .wp-block-navigation-item__content,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta:hover > a,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta:focus-within > .wp-block-navigation-item__content,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta:focus-within > a,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > .wp-block-navigation-item__content:hover,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > a:hover,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > .wp-block-navigation-item__content:focus-visible,
  nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.ota-header-cta > a:focus-visible{
    background:var(--wp--preset--color--gold)!important;
    color:var(--wp--preset--color--navy)!important;
    box-shadow:0 5px 14px rgba(18,33,54,.16)!important;
    transform:translateY(-1px)!important;
  }

  /* Show the approved full envelope without stretch.  Use a dedicated navy image
     panel and contain sizing so the entire envelope stays visible. */
  .ota-email-resources{
    max-width:980px!important;
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  .ota-email-resources::before{
    min-height:240px!important;
    background-image:url("assets/images/email-letter-detail-v4.png")!important;
    background-position:center center!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-color:var(--wp--preset--color--navy)!important;
  }
}

@media (max-width:900px){
  .ota-email-resources::before{
    background-image:url("assets/images/email-letter-detail-v4.png")!important;
    background-position:center center!important;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-color:var(--wp--preset--color--navy)!important;
  }
}

/* ======================================================================
   v0.8.15.11 — Open the Atlas path-card restoration
   - restores the three approved illustrated path cards on /open-the-atlas/;
   - uses the same complete card artwork already accepted on the homepage;
   - preserves all v0.8.15.10 navigation and Email & Resources corrections.
   ====================================================================== */
.ota-open-atlas-paths > h2{
  margin-bottom:0!important;
}
.ota-open-atlas-paths .ota-home-card-complete{
  width:100%;
  margin:0;
}
.ota-open-atlas-paths .ota-home-card-complete a,
.ota-open-atlas-paths .ota-home-card-complete img{
  display:block;
  width:100%;
  height:auto;
}

/* v0.8.15.12 — Website Foundation article-series catalog: Domain/Hosting/Website + WordPress vs Website Builder. No visual geometry changes. */


/* v0.8.15.14 — Foundation Website hub activation.
   Activates the Website card and links Start here to Article 6. */

/* v0.8.15.13 — Website Foundation heading-spacing correction.
   Scope is intentionally limited to the Website article series so existing
   accepted article families keep their current geometry. */
body.ota-series-website .ota-article-body h2{
  margin-top:1.45em;
}

/* v0.8.15.15 — Website Foundation Article 8 series wiring only; no visual/CSS changes. */

/* v0.8.15.16 — Niche & Audience Foundation Article 9 series/hub wiring only; no visual/CSS changes. */


/* v0.8.15.25 — Open the Atlas Glossary: wide-screen presence refinement */
.ota-glossary-page{background:var(--wp--preset--color--cream);color:var(--wp--preset--color--ink);max-width:none!important;width:100%!important}
/* Break the glossary bands out of WordPress's global contentSize constraint. */
.ota-glossary-hero-shell,.ota-glossary-finder,.ota-glossary-main{box-sizing:border-box;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.ota-glossary-hero-shell{background:var(--wp--preset--color--parchment);padding:60px 0 48px;border-bottom:1px solid rgba(167,123,47,.22)}
.ota-glossary-hero{width:min(1320px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,31%) minmax(0,69%);align-items:center;gap:36px}
.ota-glossary-kicker{color:var(--wp--preset--color--gold);text-transform:uppercase;letter-spacing:.15em;font-size:14px;font-weight:800;margin:0 0 12px}
.ota-glossary-title{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:clamp(50px,5.15vw,76px);line-height:1.04;color:var(--wp--preset--color--navy);margin:0 0 18px}
.ota-glossary-tagline{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:24px;line-height:1.35;color:var(--wp--preset--color--navy);margin:0 0 23px;max-width:none}
.ota-glossary-intro{max-width:610px;margin:0 0 13px;font-size:19px;line-height:1.65}
.ota-glossary-art{margin:0;border:1px solid rgba(167,123,47,.75);box-shadow:var(--ota-shadow);overflow:hidden;background:#e8d4ad}
.ota-glossary-art img{display:block;width:100%;height:clamp(455px,35vw,565px);object-fit:cover;object-position:center 47%}
.ota-glossary-finder{padding:20px 0 18px;background:var(--wp--preset--color--cream);border-bottom:1px solid rgba(167,123,47,.28)}
.ota-glossary-finder-inner{width:min(1320px,calc(100% - 48px));margin-inline:auto;display:flex;align-items:end;justify-content:space-between;gap:24px}
.ota-glossary-search-label{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:15px;line-height:1.2;color:var(--wp--preset--color--navy);margin:0 0 5px}
.ota-glossary-search-wrap{position:relative;width:min(340px,100%)}
.ota-glossary-search-wrap:before{content:'⌕';position:absolute;left:12px;top:50%;transform:translateY(-53%);color:var(--wp--preset--color--gold);font-size:22px;line-height:1}
.ota-glossary-search{box-sizing:border-box;width:100%;font:inherit;font-size:15px;color:var(--wp--preset--color--ink);background:#fffdf7;border:1px solid rgba(167,123,47,.58);box-shadow:0 3px 12px rgba(18,33,54,.05);padding:9px 12px 9px 37px;border-radius:2px;outline:none}
.ota-glossary-search:focus{border-color:var(--wp--preset--color--gold);box-shadow:0 0 0 3px rgba(167,123,47,.12)}
.ota-glossary-finder-hint{font-size:14px;color:#6b5a42;margin:0 0 2px;text-align:right}
.ota-glossary-main{background:var(--wp--preset--color--cream);padding:42px 0 82px}
.ota-glossary-grid{width:min(1320px,calc(100% - 48px));margin-inline:auto;display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:34px!important;align-items:start!important}
.ota-glossary-grid>.wp-block-column{min-width:0!important;flex-basis:auto!important}
.ota-glossary-rail-column{width:46px!important;max-width:46px!important;position:sticky;top:18px;align-self:flex-start!important;height:max-content;z-index:8}
.ota-glossary-content{min-width:0;font-size:17px}
.ota-glossary-content>.wp-block-group{margin-left:0!important;margin-right:0!important;max-width:none!important}
.ota-glossary-letter{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:32px;line-height:1;color:var(--wp--preset--color--navy);margin:0 0 22px;padding:0 0 9px;border-bottom:1px solid var(--wp--preset--color--gold);scroll-margin-top:24px}
.ota-glossary-entry{width:100%;box-sizing:border-box;padding:0 0 27px;margin:0 0 25px;border-bottom:1px solid rgba(167,123,47,.18);scroll-margin-top:24px;transition:background-color .18s ease,box-shadow .18s ease,padding .18s ease}
.ota-glossary-entry h3{font-family:Georgia,'Times New Roman',serif;font-weight:600;font-size:25px;line-height:1.2;color:var(--wp--preset--color--navy);margin:0 0 10px}
.ota-glossary-entry p{margin:0 0 11px;max-width:74ch;line-height:1.6}
.ota-glossary-entry ul{margin:8px 0 11px;padding-left:21px}
.ota-glossary-see{display:inline-block;margin-top:3px;font-size:13px;line-height:1.35;font-weight:600;color:#786445;text-decoration-color:rgba(120,100,69,.48);text-underline-offset:2px}
.ota-glossary-entry.ota-glossary-highlight{background:#fff6df;border-left:4px solid var(--wp--preset--color--gold);border-bottom-color:rgba(167,123,47,.48);padding:14px 18px 27px 20px;box-shadow:none}
.ota-glossary-rail{position:static;max-height:calc(100vh - 36px);overflow:auto;scrollbar-width:none;border-left:1px solid rgba(167,123,47,.28);padding-left:13px}
.ota-glossary-rail::-webkit-scrollbar{display:none}
.ota-glossary-rail a,.ota-glossary-rail span{width:25px;height:21px;margin:1px 0;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:2px;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:13px;line-height:1;color:var(--wp--preset--color--navy)}
.ota-glossary-rail a:hover,.ota-glossary-rail a:focus,.ota-glossary-rail a.active{background:var(--wp--preset--color--navy);color:var(--wp--preset--color--gold-light)}
.ota-glossary-rail .empty{opacity:.28;cursor:default}
body.admin-bar .ota-glossary-rail-column{top:50px}
.ota-glossary-no-results{display:none;padding:18px 0 32px;font-family:Georgia,'Times New Roman',serif;font-size:19px;color:var(--wp--preset--color--navy)}
@media(min-width:1600px){.ota-glossary-content{font-size:20px}.ota-glossary-entry h3{font-size:28px}.ota-glossary-letter{font-size:36px}.ota-glossary-see{font-size:14px}.ota-glossary-search{font-size:16px}}
@media(max-width:900px){.ota-glossary-hero-shell{padding:44px 0 36px}.ota-glossary-hero{width:min(100% - 28px,760px);display:grid;grid-template-columns:1fr;gap:28px}.ota-glossary-art{max-width:900px}.ota-glossary-art img{height:auto;aspect-ratio:4/3}.ota-glossary-finder{padding:17px 0}.ota-glossary-finder-inner{width:min(100% - 28px,760px);display:block}.ota-glossary-finder-hint{display:none}.ota-glossary-main{padding:0 0 64px}.ota-glossary-grid{width:min(100% - 28px,760px);display:flex!important;flex-direction:column;gap:0!important}.ota-glossary-rail-column{order:-1;width:100%!important;max-width:none!important;position:sticky;top:0;align-self:stretch!important;height:auto;z-index:8;background:rgba(251,247,237,.97)}.ota-glossary-rail{position:static;width:100%;max-height:none;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;gap:3px;background:rgba(251,247,237,.97);border-left:0;border-bottom:1px solid rgba(167,123,47,.32);padding:8px 0;margin-bottom:32px}.ota-glossary-letter,.ota-glossary-entry{scroll-margin-top:58px}body.admin-bar .ota-glossary-rail-column{top:46px}.ota-glossary-rail a,.ota-glossary-rail span{flex:0 0 27px;width:27px;height:27px;margin:0}}
@media(max-width:600px){.ota-glossary-title{font-size:48px}.ota-glossary-tagline{font-size:21px}.ota-glossary-search-wrap{width:100%}.ota-glossary-entry h3{font-size:23px}.ota-glossary-content{font-size:16px}}