/* Calm study layout with editing as an explicit mode. */
.hero{padding:26px 0 30px;gap:30px;align-items:center}.hero h1{font-size:clamp(32px,4vw,50px);margin:12px 0;line-height:1.04}.hero p{font-size:16px;max-width:540px}.hero-side{display:block}.hero-side .club-lockup{display:none}.hero .lion-watermark{display:none}.level-card{padding:18px;box-shadow:none}.workspace{gap:24px}.content-head{margin-bottom:16px}.side{box-shadow:none}.side-note{font-size:13px}.home-intro{padding:14px 16px;font-size:14px;margin-bottom:16px}.home-intro strong{font-size:16px}.card:hover{transform:none}.pattern-group>h3{margin:20px 0 10px;font-size:14px}.pattern-card{margin-bottom:12px;background:#fff;border-radius:14px}.pattern-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px}.pattern-heading h3{font-size:21px;color:#102c45;margin:0;letter-spacing:-.02em;text-transform:none}.pattern-heading>div>span{font-size:14px;color:#587089}.pattern-heading .inline-media-target{flex:0 1 auto}.pattern-heading .media-trigger{white-space:nowrap;width:auto;min-height:42px;padding:10px 14px;margin:0;background:#087cf0;color:white;border:0}.pattern-heading .media-trigger span{color:white;font-size:17px;margin:0}.pattern-study>summary{background:#f6faff;border-top:1px solid #dceaf4;padding:11px 20px;font-size:14px;color:#075fae;align-items:center}.pattern-study>summary .summary-hint{font-weight:400;font-size:13px;color:#587089}.pattern-study[open]>.pattern-body{padding:18px 20px 20px}.pattern-overview{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:start;gap:20px}.pattern-meaning h4,.ready-reference h4{font-size:14px;color:#587089;margin:0 0 6px}.pattern-meaning p{font-size:16px;line-height:1.65}.ready-reference{margin-top:16px}.ready-reference>strong{font-size:15px;color:#173b5b}.ready-reference .technique-preview{max-width:240px}.pattern-reference{padding:10px;background:#f6faff}.pattern-reference>b{font-size:12px}.pattern-reference>strong{font-size:13px}.pattern-map{padding:2px;margin-top:7px;background:transparent;border:0}.pattern-map svg{height:95px;width:100%}.pattern-map .korean-note{display:none}.pattern-extra{border-top:1px solid #dceaf4;margin-top:18px}.pattern-extra>summary{font-size:14px;padding:12px 0}.pattern-history{margin:0 0 14px;padding:12px 15px;background:#f6faff;border-radius:10px}.pattern-history li{font-size:14px}.numbered-sequence{margin-top:12px;border:1px solid #d5e6f2;border-radius:10px}.numbered-sequence>summary{font-size:14px;padding:14px}.sequence-move{padding:14px!important}.sequence-english{font-size:16px;line-height:1.65}.sequence-korean{font-size:14px}.module-test-row{font-size:14px}.technique-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.technique-tabs button{border:1px solid #bdd8ee;border-radius:999px;padding:9px 15px;background:#fff;color:#173b5b;font-weight:700;font-size:14px}.technique-tabs button[aria-pressed=true]{background:#075fae;color:#fff;border-color:#075fae}.technique-tabs button:focus-visible{outline:3px solid #6fb8f3;outline-offset:3px}.category-intro{background:transparent;border:0;border-bottom:1px solid #bdd8ee;padding:0 0 15px;border-radius:0}.category-intro h3{font-size:22px;margin:0 0 6px}.category-intro p{font-size:15px;max-width:650px}.tool-subgroup h4{font-size:15px;margin:24px 0 10px}.tool-subgroup .term-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.technique-card{padding:0;overflow:hidden;box-shadow:none}.technique-copy{padding:16px}.technique-copy strong{font-size:17px;line-height:1.4}.technique-copy span{display:block;font-size:14px;margin-top:4px;color:#587089}.technique-card>.inline-media-target{padding:0 12px 12px}.technique-preview{margin:10px 0 0;overflow:hidden;border-radius:10px;background:#eef4f8;border:1px solid #d7e6f1}.technique-preview video,.technique-preview img{display:block;width:100%;height:280px;object-fit:contain;background:#eef4f8}.technique-preview figcaption{font-size:14px;line-height:1.5;padding:12px;background:#fff;color:#42627f}.more-media{margin-top:10px}.more-media>summary{padding:8px 0;font-size:14px;color:#075fae;cursor:pointer}.media-trigger.compact{margin-top:10px;background:#eef7ff;border-color:#bdd8ee;color:#075fae;padding:10px 12px}.media-trigger.compact b{font-size:14px}.media-trigger.compact>span{font-size:16px;margin:0;color:#075fae}.media-modal{background:white;border-color:#bdd8ee;width:min(760px,100%);box-shadow:0 16px 70px #0005}.media-head{color:#102c45}.media-head p{color:#587089;font-size:14px}.media-body{background:#f0f5f9}.media-body video,.media-body img{aspect-ratio:auto;max-height:76vh;background:#f0f5f9}.media-close{background:#eef7ff;color:#075fae;border-color:#bdd8ee}.stance-actions{display:block}.stance-actions .inline-media-target{width:100%}.stance-card{align-items:start;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr)}.admin-mode-toggle{border:1px solid #bdd8ee;border-radius:999px;background:#fff;color:#075fae;padding:8px 13px;font-size:14px;font-weight:750}.admin-mode-toggle[aria-pressed=true]{background:#075fae;color:#fff}.admin-tools-link{display:none;font-size:14px;color:#075fae}.admin-editing .admin-tools-link{display:inline}.inline-upload{display:none!important}.admin-editing .inline-upload{display:block!important}.admin-editing .inline-media-target{outline:1px dashed #a3c9e5;outline-offset:3px;border-radius:8px}.inline-media-target:has(>.inline-upload:only-child){display:none}.admin-editing .inline-media-target:has(>.inline-upload:only-child){display:block}.admin-editing .pattern-heading{align-items:start}.search-result-count{font-size:14px;color:#587089}.top-actions{flex-wrap:wrap;justify-content:flex-end}.coach-scene{height:74px!important;margin-bottom:-12px!important}.coach-sprite{height:92px!important;width:120px!important}.coach-thought{font-size:13px;bottom:22px}.pattern-reference .inline-media-target{font-size:12px}
@media(max-width:700px){.hero{padding:20px 0 24px;gap:18px}.hero h1{font-size:34px}.hero .eyebrow{font-size:11px}.topbar{height:auto;min-height:72px;gap:10px;padding:12px 0}.brand span{font-size:10px}.top-actions .pill{display:none}.pattern-heading{padding:15px;gap:10px}.pattern-heading h3{font-size:19px}.pattern-study>summary{padding:11px 15px}.summary-hint{display:none}.pattern-study[open]>.pattern-body{padding:15px}.pattern-overview{grid-template-columns:minmax(0,1fr) 125px;gap:12px}.pattern-map svg{height:80px}.pattern-reference>strong{font-size:12px}.tool-subgroup .term-grid{grid-template-columns:1fr}.stance-card{grid-template-columns:1fr}.technique-preview video,.technique-preview img{height:290px}.admin-mode-toggle{font-size:13px;padding:8px 10px}.pattern-heading .media-trigger{font-size:14px;padding:9px 11px}.pattern-heading .inline-media-target{max-width:55%}.pattern-heading .inline-upload{font-size:12px}.technique-tabs{gap:6px}.technique-tabs button{padding:8px 12px}.coach-thought{font-size:12px}}
@media(max-width:420px){.pattern-overview{grid-template-columns:1fr}.pattern-overview>.pattern-reference{max-width:165px}.brand strong{font-size:12px}.topbar{flex-wrap:wrap}.pattern-heading .media-trigger span{display:none}}

/* Clearer terminology, partner-training cards, and varied Mr O'Hare reactions. */
.motion .korean-motion{display:inline-flex;align-items:center;margin:4px 0 10px;padding:5px 9px;border:1px solid #b9d9ef;border-radius:8px;background:#e8f4ff;color:#075fae;font-size:13px;font-weight:850}
.secret-list li>span{display:block;padding-top:6px;color:#173b5b;font-size:15px;line-height:1.55}
.sparring-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sparring-library .step-card{margin:0;display:flex;flex-direction:column}.sparring-library .purpose{flex:1}.sparring-library .inline-media-target{margin-top:auto}.sparring-note{margin-top:16px}.sparring-note h3{margin-top:0}
/* Study navigation. */
.hero{grid-template-columns:1fr!important}.hero-copy{max-width:760px}.left-rail{position:sticky;top:18px;align-self:start}.left-rail .side{position:static;top:auto}

/* Tenets and Student Oath. */
.tenets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tenet-card{position:relative;overflow:hidden}.tenet-number{position:absolute;right:15px;top:8px;color:#d9ecfb;font-size:42px;font-weight:950;line-height:1}.korean-box{position:relative;display:inline-flex;margin-bottom:10px;padding:5px 9px;border:1px solid #b9d9ef;border-radius:8px;background:#e8f4ff;color:#075fae;font-size:13px;font-weight:850}.tenet-card h3{position:relative;margin-top:0}.tenet-card p{position:relative}.oath-card{margin-top:16px;padding:22px;border:1px solid #9fc9e8;border-radius:16px;background:linear-gradient(125deg,#e8f4ff,#fff)}.oath-card h3{margin:12px 0}.oath-card ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:oath}.oath-card li{counter-increment:oath;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid #c6dff1;border-radius:10px;background:#fff;color:#173b5b}.oath-card li:before{content:counter(oath);width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#075fae;color:#fff;font-weight:900}
@media(max-width:850px){.left-rail{position:static}.tenets-grid{grid-template-columns:1fr}}

/* Subtle Braveheart lion watermark in the hero. */
.hero .lion-watermark{display:block!important;left:50%!important;right:auto!important;top:-18px!important;width:min(28vw,330px)!important;opacity:.022!important;transform:translateX(-50%)!important;mix-blend-mode:multiply;animation:none!important}
@media(max-width:850px){.hero .lion-watermark{left:50%!important;right:auto!important;top:-10px!important;width:240px!important;opacity:.017!important}}
@media(max-width:520px){.hero .lion-watermark{left:50%!important;right:auto!important;top:-4px!important;width:200px!important;opacity:.013!important}}

/* Keep the introduction beside the main message and order the hero cleanly. */
.hero-copy{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);column-gap:42px;align-items:end;max-width:none!important}.hero-copy .eyebrow{grid-column:1/-1}.hero-copy h1{margin-bottom:0}.hero-copy>p{margin:0 0 5px;max-width:430px}
@media(max-width:760px){.hero-copy{display:block}.hero-copy h1{margin-bottom:14px}.hero-copy>p{margin:0;max-width:560px}}

/* Hollow blue treatment for the main grade message. */
.hero h1 .outline{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.7px #075fae!important;paint-order:stroke fill}

/* A persistent section picker replaces the sideways mobile navigation. */
.nav-btn span{min-width:0;overflow-wrap:anywhere}
.nav-btn b{flex-shrink:0}
@media(max-width:850px){
  .mobile-nav{display:block;position:sticky;top:8px;scroll-margin-top:8px;z-index:30;overflow:visible;width:100%;margin:0 0 20px;padding:0}
  .mobile-section-menu{position:relative;background:#fff;border:1px solid #9fc9e8;border-radius:14px;box-shadow:0 5px 18px rgba(15,63,101,.1)}
  .mobile-section-menu>summary{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 15px;list-style:none;color:#075fae;cursor:pointer;border-radius:13px;-webkit-tap-highlight-color:transparent}
  .mobile-section-menu>summary::-webkit-details-marker{display:none}
  .section-menu-copy{display:grid;gap:1px;min-width:0;flex:1}
  .section-menu-copy>span{font-size:.875rem;font-weight:650;color:#42627f}
  .section-menu-copy>strong{font-size:1rem;line-height:1.35;color:#102c45;overflow-wrap:anywhere}
  .section-menu-icon,.section-menu-chevron{flex-shrink:0}
  .mobile-section-menu[open] .section-menu-chevron{transform:rotate(180deg)}
  .mobile-section-menu[open]>summary{background:#eef7ff}
  #mobileSectionList{position:absolute;top:calc(100% + 8px);left:0;right:0;display:grid;gap:4px;max-height:min(60vh,30rem);max-height:min(60dvh,30rem);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:7px;background:#fff;border:1px solid #9fc9e8;border-radius:14px;box-shadow:0 12px 32px rgba(15,63,101,.18)}
  .mobile-nav .nav-btn{width:100%;min-height:48px;white-space:normal;line-height:1.4;font-size:1rem;padding:11px 12px;border:0;box-shadow:none}
  .mobile-nav .nav-btn b{font-size:.75rem}
  .mobile-section-menu>summary:focus-visible,.mobile-nav .nav-btn:focus-visible{outline:3px solid #087cf0;outline-offset:2px}
  .mobile-nav .nav-btn.active:focus-visible{outline-color:#07131f}
}

/* Welcome page and a focused study workspace. */
[hidden]{display:none!important}
body[data-view="family"] .study-hero,body[data-view="family"] .workspace{display:none}
body[data-view="study"] .family-landing{display:none}
.hub-pages{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.hub-pages a{padding:9px 13px;border-radius:9px;text-decoration:none;color:#42627f;font-size:14px;font-weight:750}
.hub-pages a[aria-current="page"]{color:#075fae;background:#e9f4ff}
.family-landing{max-width:1080px;margin:0 auto;padding:48px 0 56px}
.family-intro{text-align:center;max-width:730px;margin:0 auto 32px}
.family-intro .eyebrow{justify-content:center;font-size:14px}
.family-intro .eyebrow:before{display:none}
.family-intro h1{font-size:clamp(36px,5.5vw,64px);line-height:1.07;margin:14px 0 18px;letter-spacing:-.045em}
.family-intro h1 span{color:#075fae}
.family-intro p{color:#42627f;font-size:17px;line-height:1.7;margin:0 auto 16px;max-width:660px}
.family-order{display:block;color:#587089;font-size:14px}
.family-landing .black-belt-tree{margin:0}
.black-belt-tier-head{font-size:17px;margin-top:0}
.black-belt-tier-head span,.black-belt-card span{font-size:14px}
.black-belt-card{width:180px;box-shadow:0 6px 22px #0a34590b}
.black-belt-card img{height:auto}
.black-belt-card .year{font-weight:500;color:#587089}
.join-family{max-width:720px;margin-left:auto!important;margin-right:auto!important}
.join-family .coach-note-body{padding:30px 32px;text-align:center}
.join-family .eyebrow{display:block;color:#075fae;font-size:14px}
.join-family .eyebrow:before{display:none}
.join-family h2{font-size:clamp(27px,4vw,36px);letter-spacing:-.035em;line-height:1.2;margin:8px 0 12px}
.join-family p{max-width:510px;margin:0 auto 22px;color:#42627f;font-size:16px}
.join-family-button{display:inline-flex;justify-content:center;text-decoration:none;max-width:100%;font-size:16px;box-shadow:none}
/* The asset's card line is 92.7% down its height: the last 7.3% is hands. */
.coach-note{--coach-width:140px;position:relative;isolation:isolate;margin:110px 0 24px}
.coach-note-body{position:relative;z-index:1;border:1px solid #bdd8ee;border-radius:16px;background:#fff;padding:19px 22px;box-shadow:0 4px 20px #0a345905}
.coach-peeking-image{position:absolute;z-index:2;right:24px;bottom:calc(100% - var(--coach-width) * .0532);width:var(--coach-width);height:auto;display:block;pointer-events:none;max-width:none}
.study-coach-note .coach-note-body{background:#f4f9ff}
.study-coach-note strong{color:#075fae;font-size:14px}
.study-coach-note p{margin:3px 0 0;font-size:16px;color:#24445e}
.study-hero{padding:24px 0 30px}
.study-hero h1{font-size:clamp(30px,4vw,44px)}
.study-content{min-width:0}
.section-category{display:block;font-size:14px;color:#075fae;font-weight:750;margin-bottom:4px}
.content-head p{font-size:16px;max-width:630px}
.content-head h2{line-height:1.2}
.nav-group+.nav-group{margin-top:16px;padding-top:13px;border-top:1px solid #e2ecf4}
.nav-group h3{margin:0 10px 6px;color:#587089;font-size:14px;line-height:1.4;font-weight:700}
.nav-group .nav-btn{font-size:14px;line-height:1.4;padding:9px 10px;min-height:40px}
.left-rail{max-height:calc(100dvh - 36px);overflow-y:auto;scrollbar-width:thin}

.side-note{line-height:1.55}
.study-groups{display:grid;gap:14px}
.study-group{background:#fff;border:1px solid #bdd8ee;border-radius:16px;overflow:hidden}
.study-group>summary{display:flex;align-items:center;gap:14px;padding:21px;list-style:none;cursor:pointer}
.study-group>summary::-webkit-details-marker{display:none}
.study-group>summary>span:first-child{flex:1;min-width:0}
.study-group h3{margin:0;color:#102c45;font-size:20px;line-height:1.3;letter-spacing:-.02em}
.group-description{display:block;margin-top:5px;color:#587089;font-size:14px}
.group-progress{color:#075fae;font-size:14px;white-space:nowrap}
.disclosure-mark{font-size:24px;line-height:1;color:#075fae;flex:none}
.study-group[open]>summary{background:#f4f9ff;border-bottom:1px solid #dceaf4}
.study-group[open] .disclosure-mark{transform:rotate(45deg)}
.study-group-topics{padding:0 21px}
.study-topic{padding:20px 0}
.study-topic+.study-topic{border-top:1px solid #e2ecf4}
.study-topic-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.study-topic h4{font-size:18px;margin:0;color:#173b5b}
.study-topic p{font-size:16px;color:#587089;margin:6px 0 12px;line-height:1.6}
.study-topic .check{height:36px;width:36px}
.topic-link{display:inline-flex;background:#eaf5ff;border:1px solid #bedcf2;border-radius:9px;color:#075fae;padding:9px 13px;font-size:14px;font-weight:750;min-height:42px}
.revision-notes{margin-top:12px}
.revision-notes>summary{font-size:14px;color:#42627f;cursor:pointer;padding:5px 0}
.revision-notes-body{padding:12px 0 0}
.revision-notes h5{font-size:14px;margin:16px 0 8px;color:#173b5b}
.revision-notes h5:first-child{margin-top:0}
.revision-notes ul{padding-left:20px;font-size:16px;color:#42627f}
.revision-notes .qa{font-size:16px}
.study-group>summary:focus-visible,.revision-notes>summary:focus-visible,.hub-pages a:focus-visible,.topic-link:focus-visible,.join-family-button:focus-visible{outline:3px solid #087cf0;outline-offset:3px}
@media(max-width:850px){.left-rail{max-height:none;overflow:visible}.family-landing{padding-top:32px}.nav-group .nav-btn{font-size:16px;min-height:44px}.nav-group h3{margin-top:8px}.black-belt-card{width:min(180px,calc(50% - 7px))}}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:12px}.top-actions{width:100%;justify-content:space-between}.hub-pages{flex:1}.family-intro h1{max-width:340px;margin-left:auto;margin-right:auto}.family-intro p{font-size:16px}.family-order{font-size:13px}.coach-note{--coach-width:124px;margin-top:94px}.coach-peeking-image{right:18px}.coach-note-body{padding:18px}.join-family .coach-note-body{padding:26px 20px}.join-family-button{width:100%}.study-group>summary{padding:18px;gap:10px;flex-wrap:wrap}.study-group>summary>span:first-child{flex-basis:calc(100% - 34px);order:0}.disclosure-mark{order:1}.group-progress{order:2}.study-group h3{font-size:19px}.study-group-topics{padding:0 18px}.content-head{gap:14px}.study-coach-note{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Give the peeking pose the same visible card edge in tests. */
.quiz-start{position:relative;margin-top:110px;padding-top:28px;overflow:visible}
.quiz-start .coach-avatar.thinking{position:absolute;top:-94.5px;right:24px;width:140px;height:102px;margin:0!important;z-index:3;filter:none}
.quiz-stage{margin-top:110px;position:relative}
.quiz-stage .quiz-character-row{position:absolute;right:24px;top:-94.5px;width:140px;height:102px;margin:0;z-index:3}
.quiz-stage .quiz-character{width:140px!important;height:102px!important;filter:none}
.module-question-card{position:relative;margin-top:110px;padding:18px;border:1px solid #bdd8ee;border-radius:14px;background:#f8fbff}
.module-question-card .module-peek-window{position:absolute;top:-94.5px;right:16px;width:140px;height:102px;margin:0;overflow:visible;z-index:3}
.module-question-card .module-character{width:140px!important;height:102px!important;right:0!important;bottom:0!important;filter:none}
.module-question-card .test-progress{margin:0 0 8px;font-size:14px}


.revision-notes .qa strong,.revision-notes .qa span{font-size:16px;color:#42627f}
.study-topic .check{background:#fff;border-color:#a9cae4}
.study-topic .check.done{background:#087cf0;border-color:#087cf0;color:#fff}

/* Individual, source-checked pattern diagrams. */
.verified-diagram{margin:8px 0 0;text-align:center}
.diagram-expand{display:flex;flex-direction:column;align-items:center;width:100%;border:1px solid #c9deef;border-radius:10px;background:#fff;padding:8px;color:#075fae;cursor:zoom-in}
.diagram-expand img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain}
.diagram-expand span{font-size:14px;font-weight:750;padding:6px 0 2px}
.diagram-expand:focus-visible{outline:3px solid #087cf0;outline-offset:3px}
.diagram-source{font-size:14px;color:#587089;line-height:1.5;margin:8px 0 0}
.diagram-orientation{display:block;margin-top:5px}
.diagram-view .media-modal{width:min(680px,100%)}
.diagram-view .media-body{background:#fff;padding:16px}
.diagram-view .media-body img{width:100%;height:min(58vh,560px);max-height:58dvh;aspect-ratio:auto;object-fit:contain;background:#fff}
.foundation-note{color:#587089;font-size:16px;margin:0 0 14px}
.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.foundation-body{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:16px}
.foundation-body h4{font-size:16px;margin:0 0 8px}
@media(max-width:1100px){.foundation-grid{grid-template-columns:1fr}}
@media(max-width:600px){.foundation-body{grid-template-columns:1fr}.foundation-body .verified-diagram{max-width:190px}.diagram-view .media-body{padding:8px}}

/* Put the grade choice first, across the full study workspace. */
.grade-picker{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:center;gap:24px 40px;padding:24px 28px;border:1px solid #a9cfea;border-left:5px solid #087cf0;border-radius:16px;background:linear-gradient(110deg,#e8f4ff,#f8fcff);box-shadow:0 5px 20px rgba(10,52,89,.04)}
.grade-copy h2{margin:0 0 6px;font-size:24px;line-height:1.2;letter-spacing:-.025em;color:#102c45}
.grade-copy p{margin:0;max-width:470px;font-size:16px;line-height:1.55;color:#42627f}
.grade-control{min-width:0}
.grade-control label{margin:0 0 8px;color:#075fae;font-size:14px;letter-spacing:.06em}
.grade-control select{min-height:56px;padding:12px 48px 12px 16px;border:2px solid #087cf0;border-radius:11px;background:#fff;color:#102c45;font-size:18px;font-weight:750;cursor:pointer}
.grade-control .select-wrap:after{content:"";width:9px;height:9px;border:solid #075fae;border-width:0 2px 2px 0;transform:rotate(45deg);top:21px;right:21px}
.grade-control select:hover{background:#f5faff;border-color:#075fae}
.grade-control select:focus-visible{outline:3px solid #075fae;outline-offset:3px;box-shadow:none}
.grade-control .mini-progress{gap:12px;margin-top:12px;font-size:14px;color:#42627f}
.grade-control .mini-progress strong{text-align:right;color:#173b5b}
.grade-control .bar{height:5px;margin-top:6px;background:#d0e3f2}
@media(max-width:850px){.grade-picker{margin-bottom:20px;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);padding:22px;gap:20px}.grade-copy h2{font-size:22px}}
@media(max-width:600px){.grade-picker{grid-template-columns:1fr;padding:20px;gap:16px}.grade-copy h2{font-size:21px}.grade-control select{font-size:17px}.grade-copy p{font-size:15px}}

/* Original stance photographs and measurement diagrams from the encyclopedia. */
.stance-card{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px 26px;align-items:start;padding:22px}
.stance-card .stance-title{grid-column:1/-1}
.stance-title h3{font-size:23px;line-height:1.25;margin:10px 0 6px}
.stance-title p{font-size:16px;line-height:1.6;margin:0;max-width:760px}
.stance-source-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.stance-source-image{display:flex;flex-direction:column;width:100%;min-width:0;padding:6px;border:1px solid #c9deef;border-radius:11px;background:#fff;color:#173b5b;overflow:hidden;text-align:left;cursor:zoom-in}
.stance-source-image img{display:block;width:100%;height:180px;object-fit:contain;background:#fff;border-radius:5px}
.stance-source-image>span{display:grid;gap:3px;padding:9px 6px 5px}
.stance-source-image strong{font-size:14px;line-height:1.4}
.stance-source-image small{font-size:14px;line-height:1.4;color:#587089}
.stance-source-image:hover{border-color:#087cf0;background:#f6faff}
.stance-source-image:focus-visible{outline:3px solid #087cf0;outline-offset:3px}
.stance-source-gallery .source-diagram{grid-column:1/-1}
.stance-source-gallery .source-diagram img{height:150px}
.stance-summary .spec b{font-size:14px}
.stance-summary .spec span{font-size:16px;line-height:1.55}
.stance-facts .module-test-row{display:flex;flex-wrap:wrap;gap:10px;font-size:14px}
.encyclopedia-view .media-modal{width:min(920px,100%)}
.encyclopedia-view .media-body{padding:14px;background:#fff}
.encyclopedia-view .media-body img{width:100%;height:min(68vh,680px);max-height:68dvh;object-fit:contain;background:#fff}
@media(max-width:700px){.stance-card{grid-template-columns:1fr;padding:18px;gap:18px}.stance-title h3{font-size:22px}.stance-source-image img{height:200px}.stance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.stance-summary .full{grid-column:1/-1}.encyclopedia-view .media-body{padding:8px}}
@media(max-width:360px){.stance-source-image img{height:150px}.stance-source-image>span{padding:8px 3px 4px}.stance-summary{grid-template-columns:1fr}}