:root{--forest:#0d2b24;--forest-2:#184338;--cream:#f5f3ed;--paper:#fffefa;--gold:#c7a36a;--ink:#142b25;--muted:#68756e;--line:#e1e4dc;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#a0783f}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px;z-index:100}.skip-link:focus{left:8px}.site-header{height:82px;background:var(--paper);border-bottom:1px solid #eceee8;position:sticky;top:0;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:11px;align-items:center;font-size:18px;letter-spacing:-.5px;line-height:1.1;white-space:nowrap}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-weight:700}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:1.65px;color:#778279;margin-top:5px}.brand-mark{display:grid;place-items:center;background:transparent;width:43px;height:43px;border-radius:13px;overflow:hidden;flex:none}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.site-nav{display:flex;gap:27px;align-items:center}.site-nav a{font-size:12px;font-weight:600;color:#53645b}.site-nav a:hover{color:#a0783f}.header-cta{font-size:12px;font-weight:700;color:var(--forest);border:1px solid #b5c0b6;border-radius:5px;padding:11px 14px}.header-cta span{margin-left:9px;color:#a0783f}.menu-toggle{display:none}.hero{background:var(--forest);color:#f5f3ed;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid #ffffff0c;right:-100px;top:-140px;box-shadow:0 0 0 55px #ffffff05,0 0 0 110px #ffffff04}.hero-grid{min-height:488px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;z-index:1}.eyebrow{margin:0 0 13px;font-size:10px;letter-spacing:2px;font-weight:700;color:#8c9a8e}.hero .eyebrow{color:#cfdbcf}.live-dot,.quiz-dot{width:8px;height:8px;background:#c7a36a;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 0 4px #c7a36a22}.hero h1{font:500 clamp(48px,6vw,75px)/1.06 var(--serif);letter-spacing:-2px;margin:0 0 20px}.hero h1 em{font-weight:500;color:#d8bd8c}.hero-copy{max-width:510px;color:#c3cdc4;font-size:15px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.button{display:inline-flex;gap:24px;align-items:center;padding:13px 18px;border-radius:4px;font-size:12px;font-weight:700}.button span{font-size:17px}.button-light{background:#f5f3ed;color:var(--forest)}.button-light:hover{background:#d8bd8c;color:var(--forest)}.button-dark{background:var(--forest);color:#fff}.button-dark:hover{background:#244f40;color:#fff}.text-link{font-size:12px;font-weight:700;color:var(--forest)}.text-link span{color:#a0783f;margin-left:8px}.text-link-light{color:#f5f3ed}.text-link-light span{color:#d8bd8c}.hero-note{margin-top:26px;color:#9eada1;font-size:11px}.note-icon{display:inline-grid;place-items:center;border:1px solid #799082;border-radius:50%;width:17px;height:17px;font-size:9px;margin-right:8px;color:#d8bd8c}.hero-art{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d9c09130;border-radius:50%;width:340px;height:340px;transform:rotate(-25deg)}.orbit-two{width:255px;height:390px;transform:rotate(41deg);border-color:#d9c09124}.hero-seal{display:flex;flex-direction:column;align-items:center;justify-content:center;width:190px;height:190px;border:1px solid #d9c09188;outline:1px solid #d9c09155;outline-offset:9px;border-radius:50%;color:#d8bd8c;transform:rotate(-9deg)}.hero-seal span{font-size:9px;letter-spacing:3px}.hero-seal strong{font:600 27px var(--serif);letter-spacing:1px;margin:4px}.hero-seal b{font-size:20px;margin-top:5px}.art-label{position:absolute;font-size:8px;letter-spacing:2.2px;color:#b4c0b3}.label-top{top:51px;right:43px;transform:rotate(8deg)}.label-bottom{bottom:54px;left:33px;transform:rotate(-8deg)}.art-spark{position:absolute;color:#d8bd8c;font-size:23px}.spark-a{top:91px;left:72px}.spark-b{bottom:96px;right:69px}.quickbar{background:#edeee7;border-bottom:1px solid #e3e5dc}.home-search{display:flex;align-items:center;border:1px solid #d7ddd4;background:#f7f8f3;border-radius:4px;height:35px;margin-right:6px}.home-search input{width:180px;border:0;background:transparent;outline:0;padding:0 10px;font-size:10px;color:var(--ink)}.home-search button{height:100%;width:34px;border:0;background:transparent;color:#a0783f;font-size:18px;cursor:pointer}.quickbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px}.quick-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#879088;font-weight:700}.quickbar a{font-size:11px;font-weight:600;color:#43554b}.quickbar a span{margin-left:8px;color:#ad8246}.section{padding-top:83px;padding-bottom:83px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px;gap:30px}.section-heading h2,.feature-band h2,.closing-inner h2{font:500 clamp(32px,4vw,43px)/1.15 var(--serif);letter-spacing:-1px;margin:0}.section-heading>p{max-width:360px;font-size:13px;color:var(--muted);margin:0 0 3px}.force-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.force-card{min-height:225px;position:relative;padding:23px 22px;border-radius:7px;display:flex;gap:16px;overflow:hidden;transition:transform .2s}.force-card:hover{transform:translateY(-3px);color:inherit}.army-card{background:#edf0e8}.paf-card{background:#edf0f1}.navy-card{background:#f2eee7}.force-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff9;color:#40604d;font:500 22px var(--serif);flex:none}.paf-card .force-symbol{color:#4e6470}.navy-card .force-symbol{color:#87734c}.force-card-copy{padding-top:4px;position:relative;z-index:1}.force-kicker{font-size:8px;letter-spacing:1.5px;color:#77867a;font-weight:700}.force-card h3{font:600 23px var(--serif);margin:6px 0 5px}.force-card p{font-size:11px;color:#5f6d64;margin:0 0 19px;max-width:250px}.card-link{font-size:10px;font-weight:700;color:#2e5843}.card-link b{margin-left:12px}.force-number{position:absolute;bottom:8px;right:14px;font:500 52px var(--serif);color:#30483b0b}.section-tint{background:var(--cream)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step-card{background:transparent;border-top:1px solid #cfd4c9;padding:18px 5px 0;position:relative}.step-card>span{font-size:10px;color:#a0783f;font-weight:700;letter-spacing:1px}.step-icon{float:right;font-size:22px;color:#8c9b8d;margin-right:7px}.step-card h3{font:600 19px var(--serif);margin:28px 0 6px}.step-card p{font-size:12px;color:#69756d;margin:0 0 16px;max-width:310px}.step-card a{font-size:10px;font-weight:700;color:#345944}.step-card a b{margin-left:8px;color:#a0783f}.feature-band{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.feature-band>div:first-child>p:not(.eyebrow){max-width:430px;color:var(--muted);font-size:13px;margin:16px 0 21px}.quiz-preview{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fafaf6;box-shadow:0 16px 35px #1233280a}.quiz-preview-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#7b8980;font-weight:700}.quiz-dot{margin:5px 0 0}.preview-question{font:500 16px var(--serif);margin:22px 0 0}.sequence{font:600 25px var(--serif);letter-spacing:6px;margin:3px 0 18px}.sequence span{color:#c2c7bd}.preview-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-options span{border:1px solid #e0e4dc;border-radius:4px;padding:8px 10px;font-size:10px;color:#58665c}.preview-options .preview-correct{background:#e8efe7;border-color:#b9cbbb;color:#264e38}.preview-correct b{float:right}.preview-caption{font-size:9px;color:#8c978e;margin-top:14px}.articles-section{padding-top:5px;padding-bottom:87px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{border:1px solid var(--line);padding:22px;border-radius:6px;transition:border-color .2s,transform .2s}.article-card:hover{border-color:#bac7bb;transform:translateY(-2px);color:inherit}.article-type{font-size:9px;letter-spacing:1.4px;color:#a0783f;font-weight:700}.article-card h3{font:600 19px/1.35 var(--serif);margin:13px 0 8px}.article-card p{font-size:11px;color:#748077;min-height:38px;margin:0 0 20px}.article-read{font-size:9px;color:#818c83}.article-read b{float:right;color:#a0783f}.closing-cta{background:#e8e9df;padding:47px 0}.closing-inner{display:flex;justify-content:space-between;align-items:center}.eyebrow-light{color:#748578}.site-footer{background:#0b251f;color:#edf0e9;padding:53px 0 18px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:38px}.brand-footer{color:#fff}.footer-brand>p{font-size:11px;color:#9ca99e;max-width:245px;margin-top:17px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-main h3{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#c1aa7c;margin:5px 0 7px}.footer-main a:not(.brand){font-size:10px;color:#bdc8bf}.footer-main a:hover{color:#e4c890}.footer-bottom{border-top:1px solid #ffffff20;padding-top:15px;display:flex;justify-content:space-between;gap:20px;color:#829188;font-size:9px}
/* Inner pages */
.page-hero{background:var(--forest);color:#f5f3ed;padding:53px 0 58px}.breadcrumbs{font-size:10px;color:#abb8ad;margin-bottom:21px}.breadcrumbs a{color:#d8bd8c}.breadcrumbs span{margin:0 8px;color:#71877b}.page-hero h1{font:500 clamp(39px,5vw,55px)/1.12 var(--serif);letter-spacing:-1px;margin:0 0 12px;max-width:800px}.page-hero p{max-width:650px;color:#c1cdc3;font-size:14px;margin:0}.page-body{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:58px;padding-top:50px;padding-bottom:75px}.content h2{font:600 28px/1.2 var(--serif);margin:37px 0 10px;letter-spacing:-.5px}.content h3{font:600 19px var(--serif);margin:23px 0 6px}.content p,.content li{font-size:13px;color:#59685f}.content p{margin:0 0 14px}.content ul,.content ol{padding-left:21px}.content li{padding:3px 0}.content a:not(.button){color:#2d6546;text-decoration:underline;text-underline-offset:3px}.callout{border-left:3px solid var(--gold);background:#f3f2eb;padding:15px 17px;margin:20px 0;border-radius:0 5px 5px 0}.callout strong{display:block;font-size:12px;margin-bottom:3px}.callout p{margin:0;font-size:11px}.route-list{display:grid;gap:12px;margin:19px 0}.route-item{border:1px solid var(--line);border-radius:6px;padding:16px}.route-item h3{margin:0 0 4px}.route-item p{margin:0;font-size:11px}.route-item .tag{display:inline-block;background:#eef1e9;color:#58705e;border-radius:3px;padding:3px 7px;font-size:9px;margin-bottom:8px}.side-card{background:#f3f2eb;border-radius:6px;padding:19px;height:max-content;position:sticky;top:102px}.side-card h3{font:600 17px var(--serif);margin:0 0 10px}.side-card a{display:block;font-size:11px;padding:8px 0;border-top:1px solid #dfe1d8;color:#53645a}.side-card .side-note{font-size:10px;color:#7b867e;margin-top:13px}.source-note{border-top:1px solid var(--line);padding-top:16px;margin-top:35px;font-size:.875rem;color:var(--muted)}.quiz-panel{border:1px solid var(--line);border-radius:8px;padding:22px;margin:20px 0}.quiz-progress{font-size:10px;color:#839087}.quiz-panel h3{margin:10px 0 15px}.quiz-answers{display:grid;gap:8px}.quiz-answer{border:1px solid var(--line);background:#fff;border-radius:4px;text-align:left;padding:11px 13px;cursor:pointer;font-size:12px;color:#41534a}.quiz-answer:hover,.quiz-answer:focus{border-color:#6f9478;background:#f7faf5}.quiz-answer.correct{background:#e8f1e7;border-color:#77a17b}.quiz-answer.incorrect{background:#f8ece9;border-color:#c6897c}.quiz-feedback{font-size:12px;color:#475b4d;margin:13px 0 0;min-height:24px}.quiz-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.quiz-controls button,.search-form button{border:0;background:var(--forest);color:#fff;border-radius:4px;padding:10px 15px;font-size:11px;font-weight:700;cursor:pointer}.quiz-score{font-size:11px;color:#718075}.search-form{display:flex;gap:8px;margin:19px 0}.search-form input{width:min(100%,500px);padding:12px;border:1px solid #ccd4cb;border-radius:4px}.search-results{display:grid;gap:10px}.search-result{padding:15px;border:1px solid var(--line);border-radius:5px}.search-result h3{margin:0 0 4px;font:600 17px var(--serif)}.search-result p{font-size:11px;margin:0}.empty-result{font-size:12px;color:#77847b}.article-meta{font-size:10px;color:#829087;margin-top:10px}
@media(max-width:850px){.site-nav{gap:14px}.site-nav a{font-size:11px}.header-cta{display:none}.hero-grid{grid-template-columns:1.1fr .9fr}.hero-art{transform:scale(.84)}.quickbar-inner{flex-wrap:wrap;justify-content:flex-start;padding:13px 0}.quick-label{width:100%}.quickbar a{width:calc(50% - 12px);padding:3px 0}.steps-grid{grid-template-columns:repeat(2,1fr)}.feature-band{gap:35px}.page-body{grid-template-columns:minmax(0,1fr) 220px;gap:28px}}
@media(max-width:650px){.shell{width:min(100% - 34px,520px)}.site-header{height:70px}.brand{font-size:16px}.brand-mark{width:38px;height:38px}.menu-toggle{display:block;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 11px;font-size:11px;color:var(--forest)}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:14px 20px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 10px 18px #172c2410}.site-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.site-nav a{padding:10px 0;border-bottom:1px solid #edf0e9}.hero-grid{display:block;padding-top:47px;padding-bottom:22px}.hero h1{font-size:55px}.hero-copy{font-size:13px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-art{height:290px;transform:none;margin-top:0}.hero-seal{width:145px;height:145px}.hero-seal strong{font-size:21px}.orbit{width:245px;height:245px}.orbit-two{width:200px;height:285px}.art-label{font-size:7px}.label-top{top:30px;right:15px}.label-bottom{bottom:30px;left:4px}.quickbar-inner{gap:7px 14px}.home-search{width:100%;margin:0 0 4px}.home-search input{width:100%}.quickbar a{font-size:10px}.section{padding-top:56px;padding-bottom:56px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2,.feature-band h2,.closing-inner h2{font-size:35px}.desktop-only{display:none}.force-grid,.steps-grid,.article-grid{grid-template-columns:1fr}.force-card{min-height:180px}.step-card h3{margin-top:18px}.feature-band{grid-template-columns:1fr;gap:28px}.articles-section{padding-top:0;padding-bottom:57px}.article-card p{min-height:0}.closing-inner{align-items:flex-start;flex-direction:column;gap:20px}.footer-main{grid-template-columns:1fr 1fr;gap:27px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}.page-hero{padding:38px 0}.page-hero h1{font-size:42px}.page-hero p{font-size:12px}.page-body{display:flex;flex-direction:column;padding-top:31px;padding-bottom:55px}.side-card{position:static;order:2}.content h2{font-size:25px;margin-top:30px}.search-form{flex-wrap:wrap}.search-form input{width:100%}}
.quiz-tools{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.quiz-tools label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--muted)}.quiz-tools select{min-width:210px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit}.quiz-tools select:focus-visible{outline:3px solid #63d0c055;outline-offset:2px}

/* Prominent, manually refreshed recruitment feed */
.openings-feature{padding-top:48px;padding-bottom:12px}.openings-feature-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.openings-feature-head h2{font:600 clamp(28px,3vw,38px)/1.15 var(--serif);letter-spacing:-.5px;margin:2px 0 8px;color:var(--forest)}.openings-feature-head p:not(.eyebrow){font-size:13px;color:#68766d;margin:0;max-width:560px}.feed-stamp{display:flex;align-items:center;gap:8px;color:#77847b;font-size:10px;margin:20px 0 12px}.feed-stamp .live-dot{width:7px;height:7px;background:#b78342;border-radius:50%}.opening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.opening-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}.opening-card{border:1px solid var(--line);border-radius:7px;padding:16px;background:#fff;min-width:0}.opening-card-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;margin-bottom:10px}.opening-status{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;letter-spacing:.15px}.status-reported{background:#f6efdf;color:#815b21}.status-review{background:#f6e9e6;color:#8e4c3f}.status-confirmed{background:#e5f1e7;color:#3d7048}.opening-service{font-size:9px;color:#7c887f}.opening-card h2,.opening-card h3{font:600 18px/1.25 var(--serif);margin:0 0 8px;color:#253d31}.opening-grid-home .opening-card h3{font-size:16px}.opening-card p{font-size:11px;line-height:1.55;color:#647168;margin:0 0 10px}.opening-card .opening-meta{font-size:10px;color:#7c887f}.opening-card a{font-size:10px;color:#2d6546;font-weight:700;text-decoration:underline;text-underline-offset:3px}.opening-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px}.opening-grid-page{margin:18px 0 28px}.opening-grid-page .opening-card h2{font-size:21px}.feed-caveat{font-size:10px;color:#77847b;margin:12px 0 0;max-width:850px}.openings-feature>.button{white-space:nowrap}
@media(max-width:900px){.opening-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.openings-feature{padding-top:32px}.openings-feature-head{align-items:start;flex-direction:column}.opening-grid,.opening-grid-home{grid-template-columns:1fr}.opening-card{padding:14px}}

/* Navigation and full-card interaction improvements */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b58b4b;outline-offset:3px}
.site-nav a[aria-current="page"]{color:#815f2d;font-weight:800}
.route-item[href]{display:block;color:inherit;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s}
.content a.route-item[href]:not(.button){color:inherit;text-decoration:none}
.route-item[href]:hover{color:inherit;border-color:#b9c6b9;transform:translateY(-2px);box-shadow:0 8px 20px #142b2510}
.route-item[href]:focus-visible{outline:3px solid #b58b4b;outline-offset:2px}
.route-card-cta{display:block;margin-top:12px;color:#345944;font-size:10px;font-weight:700}
.route-card-cta b{margin-left:5px;color:#a0783f}
a.step-card{display:block;color:inherit;text-decoration:none;transition:border-color .18s,transform .18s}
a.step-card:hover{color:inherit;border-color:#a0783f;transform:translateY(-2px)}
a.step-card:focus-visible{outline:3px solid #b58b4b;outline-offset:3px}
.step-card-link{display:inline-block;font-size:10px;font-weight:700;color:#345944}
.step-card-link b{margin-left:8px;color:#a0783f}
.opening-card{position:relative;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.opening-card:hover{transform:translateY(-2px);border-color:#b9c6b9;box-shadow:0 8px 20px #142b2510}
.opening-card:focus-within{outline:3px solid #b58b4b;outline-offset:2px}
.opening-card > .opening-card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}
.opening-card .opening-links{position:relative;z-index:2}
.opening-card .card-hit{position:static;display:inline-block}
.opening-card .card-hit::after{content:"";position:absolute;inset:0;border-radius:inherit}
@media(max-width:900px){
  .menu-toggle{display:block;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 11px;font-size:11px;color:var(--forest);cursor:pointer}
  .site-nav{display:none;position:absolute;top:81px;left:24px;right:24px;padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 24px #172c2415}
  .site-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .site-nav a{padding:10px 0;border-bottom:1px solid #edf0e9}
}
@media(max-width:650px){.site-nav{top:69px;left:17px;right:17px}}

/* Timed practice modes */
.practice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.practice-options .route-item{padding:20px}
.practice-options .route-item h3{font-size:21px;margin:8px 0}
.quiz-panel.timed-quiz{padding:22px;background:#fff}
.quiz-screen[hidden]{display:none}
.quiz-ready,.quiz-section-gate{padding:8px 2px}
.quiz-summary{font:600 20px/1.35 var(--serif)!important;color:var(--forest)!important}
.quiz-random-note,.quiz-load-status,.quiz-section-time{font-size:11px!important;color:#68766d!important}
.quiz-topic-picker{display:grid;gap:5px;max-width:340px;margin:16px 0;font-size:11px;font-weight:700;color:var(--muted)}
.quiz-topic-picker select{padding:11px 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);font:inherit}
.quiz-panel .button{border:0;cursor:pointer}
.quiz-panel button:disabled{opacity:.52;cursor:not-allowed}
.quiz-statusbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:13px}
.quiz-statusbar p{margin:0}
.quiz-step-status{font-size:10px;font-weight:700;color:#815f2d}
.quiz-clock{min-width:82px;text-align:center;background:#f3f2eb;border-radius:6px;padding:6px 11px;color:var(--forest)}
.quiz-clock span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#78857d}
.quiz-clock output{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.quiz-progressbar{width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;margin:0 0 18px;background:#edf0e9}
.quiz-progressbar::-webkit-progress-bar{background:#edf0e9}
.quiz-progressbar::-webkit-progress-value{background:#7b987a;border-radius:10px}
.quiz-progressbar::-moz-progress-bar{background:#7b987a;border-radius:10px}
.quiz-run h2{font:600 24px/1.3 var(--serif);margin:12px 0 18px;color:#203a2e}
.quiz-answer.selected{border-color:#7b987a;background:#eef4eb;color:#203a2e}
.quiz-hint{font-size:.875rem;color:var(--muted);margin-top:12px!important}
.quiz-result-summary{font-size:17px!important;font-weight:700;color:var(--forest)!important}
.quiz-result-caveat{background:#f3f2eb;border-radius:5px;padding:12px 14px}
.quiz-review{display:grid;gap:10px;margin-top:22px}
.quiz-review-item{border:1px solid var(--line);border-radius:6px;padding:14px;background:#fff}
.quiz-review-item h3{font-size:16px!important;margin:0 0 8px!important}
.quiz-review-item p{margin:5px 0!important;font-size:11px!important}
.quiz-review-item .review-correct{color:#356543!important;font-weight:700}
.quiz-review-item .review-incorrect{color:#8a5146!important;font-weight:700}
.quiz-controls .text-link{font-size:11px;font-weight:700;color:#345944}
@media(max-width:650px){
  .practice-options{grid-template-columns:1fr}
  .quiz-panel.timed-quiz{padding:15px}
  .quiz-statusbar{align-items:flex-start}
  .quiz-run h2{font-size:21px}
  .quiz-controls{gap:12px;flex-wrap:wrap}
  .quiz-controls .button{width:100%}
}
/* Cleaner, label-free recruitment cards. */
.opening-grid-home .opening-card{padding:18px 17px 16px;border-color:#dce6ed;border-radius:9px;box-shadow:0 4px 14px #12365a08;transition:transform .2s,box-shadow .2s,border-color .2s}.opening-grid-home .opening-card:hover{transform:translateY(-3px);border-color:#9fc6ce;box-shadow:0 12px 24px #12365a12}.opening-grid-home .opening-card h3{font:600 17px/1.2 var(--serif);color:#16334d;margin:0 0 10px}.opening-grid-home .opening-card p{font-size:11px;line-height:1.5;color:#627789;min-height:50px}.opening-grid-home .opening-card a{display:inline-flex;align-items:center;gap:6px;border-top:1px solid #e7edf0;padding-top:10px;width:100%;text-decoration:none;color:#12365a;font-size:9px}.opening-grid-home .opening-card a:after{content:'↗';margin-left:auto;color:#0f9f91}.opening-grid-page .opening-card{border:1px solid #dce6ed;border-radius:10px;padding:21px;background:linear-gradient(145deg,#fff,#f8fbfc);box-shadow:0 6px 20px #12365a08}.opening-grid-page .opening-card h2{color:#16334d}.opening-grid-page .opening-card p{color:#5e7181}.hero-news-top{color:#0b7885!important}.hero-news-top i{display:none}

.opening-card>.opening-service{display:block;margin:0 0 7px;font-size:9px;letter-spacing:.35px;color:#0b7885;font-weight:700}
.hero-news-card .notice-meta{display:none}

/* Homepage opening cards: clean treatment aligned with the guide cards below */
.opening-grid-home .opening-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;padding:22px;background:transparent;box-shadow:none;transition:border-color .2s,transform .2s}
.opening-grid-home .opening-card:hover{transform:translateY(-2px);border-color:#bac7bb;box-shadow:none}
.opening-grid-home .opening-service{display:block;margin:0 0 9px;font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#a0783f;font-weight:700}
.opening-grid-home .opening-card h3{font:600 19px/1.3 var(--serif);color:var(--ink);margin:0 0 8px}
.opening-grid-home .opening-card p{font-size:11px;line-height:1.55;color:var(--muted);min-height:38px;margin:0 0 16px}
.opening-grid-home .opening-card a{display:block;margin-top:auto;padding-top:16px;text-decoration:none;color:#818c83;font-size:9px;font-weight:700}
.opening-grid-home .opening-card .card-hit{position:relative;z-index:2}
.opening-grid-home .opening-card .card-hit:after{content:none!important;display:none!important}

/* Shared rhythm for homepage content sections */
.openings-feature,.section,.articles-section{padding-top:64px;padding-bottom:64px}
.openings-feature+.section,.section+.section,.feature-band+.articles-section{padding-top:0}
@media(max-width:760px){.openings-feature,.section,.articles-section{padding-top:56px;padding-bottom:56px}.openings-feature+.section,.section+.section,.feature-band+.articles-section{padding-top:0}}
/* Mobile comfort, safe-area support and animated return-to-top control */
.menu-toggle,.site-nav a,.header-cta{min-height:44px}
.menu-toggle{align-items:center;justify-content:center;padding:0 14px}
.scroll-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;background:var(--forest);color:#fff;box-shadow:0 6px 20px #0d2b2430;display:grid;place-items:center;font-size:22px;line-height:1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.site-nav a{display:flex;align-items:center;padding:10px 12px}.menu-toggle{display:inline-flex;min-width:60px}.site-header{padding-top:env(safe-area-inset-top)}}@media(max-width:650px){.header-cta{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-top{transition:none}*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Keep the brand and navigation on one optical baseline. */
.brand-name{display:block;white-space:nowrap;line-height:1.05}.brand-name b{display:inline;font-weight:700}.brand small{white-space:nowrap}.site-nav a{display:flex;align-items:center;justify-content:center;min-height:44px}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}.header-inner{align-items:center}.site-nav{align-self:stretch}.brand{align-self:center}
@media(max-width:900px){.header-inner{gap:12px}.site-nav{gap:10px}.site-nav a{font-size:10px}}
@media(max-width:650px){.site-nav{align-self:auto}.site-nav a{justify-content:flex-start}.brand{font-size:14px}.brand-name{letter-spacing:-.3px}}

/* Match the navigation row to the button's fixed center line. */
.site-nav{align-self:center;height:44px;align-items:center}.site-nav a{height:44px;line-height:1.2}
@media(max-width:900px){.site-nav{align-self:auto;height:auto;align-items:stretch}.site-nav a{height:44px;justify-content:flex-start}}

.header-cta{height:44px;padding:0 14px;line-height:1;box-sizing:border-box}

/* Interactive random question on the home page. */
.preview-question{line-height:1.45}
.preview-options{margin-top:15px}
.preview-option{display:flex;align-items:flex-start;gap:9px;width:100%;min-height:44px;padding:10px;border:1px solid #e0e4dc;border-radius:4px;background:#fff;color:#58665c;text-align:left;font-size:11px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.preview-option span{border:0;border-radius:0;padding:0;font:inherit;color:inherit}
.preview-option:hover:not(:disabled),.preview-option:focus-visible{border-color:#9eae9f;background:#f4f7f1;outline:none}
.preview-option:disabled{cursor:default}
.preview-option-letter{flex:none;color:#9a7846;font-weight:700}
.preview-option.is-correct{border-color:#b8cdb9;background:#eaf1e9;color:#28533e}
.preview-option.is-incorrect{border-color:#d6b7ae;background:#f8eeeb;color:#824c42}
.preview-feedback{margin:12px 0 0;color:#53665a;font-size:11px;line-height:1.55}
.preview-feedback.is-correct{color:#28533e}
.preview-feedback.is-incorrect{color:#824c42}
.preview-next{margin-top:10px;padding:7px 0;border:0;background:transparent;color:#345944;font-size:10px;font-weight:700;cursor:pointer}
.preview-next[hidden]{display:none}
.preview-next span{margin-left:7px;color:#a0783f;font-size:15px}

/* Official board directory on the student past-paper page. */
.board-region{margin:10px 0;border:1px solid var(--line);border-radius:6px;background:#fff}
.board-region summary{padding:14px 16px;color:#234b39;font-size:13px;font-weight:700;cursor:pointer}
.board-region summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.board-links{list-style:none;margin:0;padding:0 16px 12px}
.board-links li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-top:1px solid #e6e9e2}
.board-links li a{font-size:12px;font-weight:700}
.board-links li span{font-size:11px;color:#6f7d73}
.student-quick-link{margin:25px 0 0;text-align:right;color:#61766a;font-size:13px}
.student-quick-link a{color:#28563d;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.student-quick-link{text-align:left}.board-region summary{padding:13px}.board-links{padding:0 13px 10px}}
.preview-next:focus-visible{outline:2px solid #a0783f;outline-offset:3px}
.preview-caption{margin-top:14px}

/* Hidden ad placements should not create empty gaps in the page rhythm. */




/* Give every homepage section the same breathing room above its heading. */
.openings-feature,.section,.articles-section{padding-top:48px;padding-bottom:64px}
.openings-feature+.section,.section+.section{padding-top:48px}
.closing-cta{padding-top:48px}
@media(max-width:760px){
  .openings-feature,.section,.articles-section{padding-top:40px;padding-bottom:48px}
  .openings-feature+.section,.section+.section{padding-top:40px}
  .closing-cta{padding-top:40px}
}

/* Phone layout: keep controls reachable, readable, and inside the viewport. */
@media(max-width:650px){
  .header-cta{display:none!important}
  .brand{min-height:44px}
  .hero-copy{font-size:15px;line-height:1.65}
  .hero-actions .text-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px}
  .picker-tabs,.hero-news-tabs{gap:8px}
  .picker-tabs button,.hero-news-tabs button{min-width:44px;min-height:44px;padding:10px 12px}
  .picker-content>a,.hero-news-story>a{min-height:44px;align-items:center;padding:10px 0}
  .quickbar a{display:flex;align-items:center;min-height:44px;font-size:12px}
  .home-search{height:44px}
  .home-search button{width:44px}
  .home-search input{font-size:16px}
  .openings-feature-head>.button,.section-heading>a{display:inline-flex;align-items:center;min-height:44px}
  .opening-grid-home .opening-card a,.opening-grid-page .opening-card a{display:flex;align-items:center;min-height:44px;padding-top:10px;font-size:12px}
  .opening-grid-home .opening-card p,.opening-grid-page .opening-card p{font-size:13px;line-height:1.55;min-height:0}
  .breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
  .content p,.content li{font-size:15px;line-height:1.7}
  .side-card a{display:flex;align-items:center;min-height:44px}
  .content p>a:only-child{display:inline-flex;align-items:center;min-height:44px}
  .quiz-controls button{min-height:44px}
  .footer-main a:not(.brand){display:flex;align-items:center;min-height:44px;font-size:12px}
  .search-form input,.quiz-tools select{font-size:16px;min-height:44px}
}

.force-symbol svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.career-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.career-cards .route-item{min-height:190px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;background:#fff;padding:22px;box-shadow:0 4px 14px #142b2508}
.career-cards .route-card-cta{margin-top:auto;padding-top:16px;color:#345944;font-size:12px;font-weight:700}
.career-cards .route-item .tag{display:block;background:transparent;color:#76521e;border-radius:0;padding:0;margin:0 0 9px;font-size:9px;line-height:1.4;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}
@media(max-width:850px){.career-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.career-cards{grid-template-columns:1fr}.career-cards .route-item{min-height:160px;padding:18px}}

/* Markhor Careers shared theme. Layout behavior lives in site.css. */
:root {
  --forest: #112f48;
  --forest-2: #173d59;
  --paper: #fff;
  --cream: #f5f2eb;
  --ink: #142d42;
  --muted: #4b6172;
  --line: #d9e3e8;
  --gold: #90601f;
  --accent: #17665d;
  --mint: #a9e0d1;
  --wash: #eef5f3;
  --canvas: #fcfbf8;
  --radius: 16px;
  --radius-control: 9px;
  --card-shadow: 0 2px 4px #17344a08;
  --lift-shadow: 0 10px 24px #17344a12;
  --gutter: clamp(16px, 4vw, 48px);
  --section-space: clamp(36px, 6vw, 82px);
  --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: Georgia, "Times New Roman", serif;
  --ease: 160ms ease;
}
body { background: var(--canvas); color: var(--ink); font: 400 16px/1.65 var(--sans); }
.shell { width: min(1200px, calc(100% - 2 * var(--gutter))); }
main { overflow-wrap: anywhere; }
:where(a, button, input, select, summary, textarea):focus-visible {
  outline: 3px solid #287d72;
  outline-offset: 3px;
}
:where(button, input, select, textarea) { font-family: inherit; }
.site-header {
  height: auto;
  min-height: 72px;
  background: var(--paper);
  border-color: var(--line);
  padding: env(safe-area-inset-top) 0 0;
}
.header-inner { min-height: 71px; gap: clamp(10px, 2vw, 28px); }
.brand { gap: 10px; font-size: 17px; color: var(--ink); }
.brand-mark { width: 38px; height: 38px; border-radius: 10px; background: transparent; }
.brand small { color: var(--muted); font-size: 9px; letter-spacing: .09em; }
.site-nav { display: flex; gap: 2px; height: auto; }
.site-nav a, .menu-toggle, .header-cta {
  min-height: 44px;
  border-radius: var(--radius-control);
  font: 650 14px/1.25 var(--sans);
}
.site-nav a { color: var(--ink); padding: 8px 12px; white-space: nowrap; }
.site-nav a:hover, .site-nav a[aria-current] { background: var(--wash); color: var(--accent); }
.menu-toggle { display: none; }
.header-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  color: var(--forest);
  border: 1px solid var(--line);
  white-space: nowrap;
}
.header-cta:hover { background: var(--wash); color: var(--accent); }
.hero {
  background: radial-gradient(ellipse at 83% 12%, #24536a, transparent 65%), var(--forest);
  color: #fff;
}
.hero-grid {
  min-height: 0;
  padding-block: clamp(38px, 7vw, 98px);
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(24px, 6vw, 96px);
  align-items: center;
}
.hero h1, .page-hero h1 {
  font: 500 clamp(2.55rem, 5.8vw, 5.1rem)/1.02 var(--serif);
  letter-spacing: -.048em;
  margin: 0 0 18px;
}
.hero h1 em { color: var(--mint); font-weight: inherit; }
.hero-copy, .page-hero p { font-size: clamp(1rem, 1.6vw, 1.18rem); line-height: 1.6; max-width: 58ch; }
.hero-copy { color: #e2edf2; }
.hero-actions { gap: 14px 22px; flex-wrap: wrap; margin-top: 26px; }
.hero-art { width: 100%; height: auto; min-height: 0; margin: 0; display: block; transform: none; }
.route-picker {
  color: var(--ink);
  width: min(100%, 440px);
  margin-inline: auto 0;
  background: var(--canvas);
  border-radius: var(--radius);
  padding: clamp(16px, 3vw, 26px);
  box-shadow: 0 16px 42px #071d3450;
}
.picker-head, .eyebrow, .opening-service, .force-kicker, .article-type, .quiz-preview-head, .tag {
  font: 750 .73rem/1.4 var(--sans);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--accent);
}
.picker-head { border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.picker-tabs { display: flex; gap: 6px; margin-block: 14px; }
.picker-tabs button, .preview-next {
  padding: 8px 12px;
  min-height: 44px;
  border-radius: var(--radius-control);
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  font-size: .9rem;
  font-weight: 650;
  cursor: pointer;
}
.picker-tabs button:hover, .preview-next:hover { background: var(--wash); }
.picker-tabs button[aria-selected="true"] { background: var(--forest); border-color: var(--forest); color: white; }
.picker-content h2 { font: 500 clamp(1.4rem, 2.6vw, 2rem)/1.15 var(--serif); margin: 4px 0; }
.picker-content small { color: var(--accent); }
.picker-content p { margin: 0; color: var(--muted); }
.picker-content a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; margin-top: 12px; border-top: 1px solid var(--line); color: var(--accent); font-weight: 700; }
.quickbar { background: var(--paper); border-block: 1px solid var(--line); }
.section, .articles-section, .openings-feature,
.openings-feature + .section, .section + .section, .feature-band + .articles-section, .closing-cta {
  padding-block: var(--section-space);
}
.section-tint { background: var(--cream); }
.section-tint + .section-tint { border-top: 1px solid #e2ded4; }
.section-heading, .openings-feature-head { gap: 16px 28px; margin-bottom: 24px; }
.section-heading h2, .openings-feature-head h2, .feature-band h2, .closing-inner h2 {
  color: var(--ink);
  font: 500 clamp(1.95rem, 4vw, 3.45rem)/1.08 var(--serif);
  letter-spacing: -.035em;
}
.section-heading > p, .feature-band > div:first-child > p:not(.eyebrow),
.openings-feature-head p:not(.eyebrow), .feed-stamp, .feed-caveat, .article-meta, .source-note { color: var(--muted); font-size: .95rem; }
.opening-grid, .route-list, .force-grid, .step-grid, .article-grid { gap: clamp(12px, 2vw, 22px); }
.route-item, .career-cards .route-item, .force-card, .article-card, .step-card,
.opening-card, .opening-grid-home .opening-card, .opening-grid-page .opening-card, .quiz-preview, .quiz-panel.timed-quiz, .side-card, .search-result, .board-region {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  box-shadow: var(--card-shadow);
}
.route-item, .career-cards .route-item, .force-card, .article-card, .step-card,
.opening-card, .opening-grid-home .opening-card, .opening-grid-page .opening-card, .quiz-preview, .quiz-panel.timed-quiz, .side-card, .search-result {
  padding: clamp(16px, 2.5vw, 28px);
}
a.route-item, a.force-card, a.article-card, a.step-card, a.search-result, .opening-card {
  transition: box-shadow var(--ease), border-color var(--ease), transform var(--ease);
}
:is(a.route-item, a.force-card, a.article-card, a.step-card, a.search-result, .opening-card):focus-within {
  border-color: #7eada5;
}
@media (hover: hover) {
  :is(a.route-item, a.force-card, a.article-card, a.step-card, a.search-result, .opening-card):hover {
    border-color: #7eada5;
    box-shadow: var(--lift-shadow);
    transform: translateY(-2px);
  }
}
.route-item h3, .practice-options .route-item h3, .force-card h3, .article-card h3, .step-card h3,
.opening-card h2, .opening-grid-home .opening-card h3, .search-result h3 {
  color: var(--ink);
  font: 500 clamp(1.23rem, 2vw, 1.6rem)/1.22 var(--serif);
  letter-spacing: -.018em;
}
.route-item p, .force-card p, .article-card p, .step-card p, .opening-card p,
.opening-grid-home .opening-card p, .search-result p, .opening-card .opening-meta {
  color: var(--muted);
  font-size: .93rem;
  line-height: 1.55;
  min-height: 0;
}
:is(.route-card-cta, .career-cards .route-card-cta, .card-link, .article-read, .step-card-link),
.opening-grid-home .opening-card a, .opening-grid-page .opening-card a { color: var(--accent); font-size: .875rem; font-weight: 700; }
.opening-grid-home .opening-card a { display: flex; align-items: center; min-height: 44px; padding-top: 8px; }
.force-card { min-height: 0; }
.force-symbol { color: var(--accent); background: var(--wash); }
.force-number, .picker-mark { display: none; }
.button, .search-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  border-radius: var(--radius-control);
  padding: 10px 16px;
  font: 700 .94rem/1.35 var(--sans);
  cursor: pointer;
  transition: background-color var(--ease), color var(--ease);
}
.button-dark, .search-form button { background: var(--forest); color: white; }
.button-dark:hover, .search-form button:hover { background: var(--forest-2); color: white; }
.button-light { background: white; color: var(--forest); }
.button-light:hover { background: var(--mint); color: var(--forest); }
.text-link { font-size: .92rem; color: var(--accent); }
.text-link-light, .text-link-light:hover { color: var(--mint); }
.page-hero { background: var(--cream); border-bottom: 1px solid var(--line); color: var(--ink); padding-block: clamp(24px, 4.5vw, 60px); }
.page-hero h1 { max-width: 23ch; font-size: clamp(2.1rem, 4.6vw, 4rem); color: var(--ink); }
.page-hero p { margin: 0; color: var(--muted); }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 14px; font-size: .85rem; color: var(--muted); }
.breadcrumbs a, .breadcrumbs span { color: var(--muted); margin: 0; min-height: 0; }
.breadcrumbs a:hover { text-decoration: underline; }
.page-body {
  grid-template-columns: minmax(0, 1fr) minmax(205px, 265px);
  align-items: start;
  gap: clamp(20px, 4vw, 60px);
  padding-block: clamp(24px, 5vw, 64px);
}
.content, .side-card { min-width: 0; }
.content :where(p, li) { max-width: 75ch; }
.content > p:first-child { margin-top: 0; }
.content :is(h2, h3):not(.route-item *, .opening-card *, .search-result *) { color: var(--ink); }
.content h2 { font: 500 clamp(1.55rem, 3vw, 2.4rem)/1.16 var(--serif); letter-spacing: -.025em; }
.content p, .content li { font-size: 1rem; line-height: 1.7; color: var(--muted); }
.content :where(p, li) > a:not(.button), .content .source-note a { color: var(--accent); text-decoration-thickness: .08em; text-underline-offset: .16em; }
.callout { background: var(--wash); color: var(--ink); border: 1px solid #c8e1d8; border-left: 4px solid var(--accent); border-radius: var(--radius-control); padding: 16px 18px; }
.callout p:last-child { margin-bottom: 0; }
.side-card h2 { font: 500 1.3rem/1.2 var(--serif); margin: 0 0 10px; }
.side-card a { min-height: 44px; display: flex; align-items: center; font-size: .91rem; color: var(--accent); border-color: var(--line); }
.side-card .side-note { color: var(--muted); }
.search-form label { grid-column: 1 / -1; font-weight: 700; color: var(--ink); }
.search-form, .quiz-topic-picker { gap: 10px; }
.search-form input, .quiz-topic-picker select, .quiz-tools select, .home-search input {
  min-width: 0;
  min-height: 46px;
  border: 1px solid #9aadb7;
  border-radius: var(--radius-control);
  color: var(--ink);
  background: var(--paper);
  font-size: 1rem;
}
.search-results { display: grid; gap: 12px; }
.search-result h3 { margin: 0 0 6px; }
.search-result p { margin: 0; }
.board-region summary { color: var(--ink); min-height: 44px; font-size: .95rem; }
.board-links a { color: var(--accent); }
.quiz-preview { min-height: 248px; }
.quiz-panel .button:disabled { background: #e5ecee; color: #52616b; opacity: 1; cursor: not-allowed; }
.quiz-clock { background: var(--wash); color: var(--ink); }
.quiz-random-note, .quiz-load-status, .quiz-section-time { color: var(--muted) !important; font-size: .88rem !important; }
.quiz-option, .preview-option, .quiz-answer { min-height: 44px; }
.site-footer { background: var(--forest); color: white; }
.footer-brand > p, .brand-footer small, .footer-bottom, .footer-main a:not(.brand) { color: #dbe6ec; }
.site-footer a:hover { color: white; text-decoration: underline; }
.site-footer :focus-visible, .hero :focus-visible { outline-color: var(--mint); }
.hero .route-picker :focus-visible { outline-color: var(--accent); }
@media (max-width: 970px) {
  .site-header .menu-toggle { display: inline-flex; align-items: center; justify-content: center; padding-inline: 14px; color: var(--ink); border: 1px solid var(--line); background: var(--paper); }
  .site-header .site-nav { display: none; position: absolute; inset: 100% var(--gutter) auto; height: auto; padding: 8px; overflow-y: auto; max-height: 65dvh; border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); box-shadow: var(--lift-shadow); }
  .site-header .site-nav.is-open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-header .site-nav a { justify-content: start; white-space: normal; border: 0; }
  .header-cta { margin-inline-start: auto; }
  .site-header .header-inner { justify-content: space-between; }
}
@media (max-width: 760px) {
  .hero-grid, .page-body { grid-template-columns: minmax(0, 1fr); }
  .hero-grid { gap: 22px; }
  .route-picker { margin-inline: 0; }
  .section-heading, .openings-feature-head { align-items: flex-start; flex-direction: column; }
  .breadcrumbs { font-size: .8rem; }
}
@media (max-width: 470px) {
  .header-inner { min-height: 62px; }
  .site-header { min-height: 62px; }
  .site-header .header-cta { display: none; }
  .search-form { display: grid; grid-template-columns: minmax(0, 1fr); }
  .search-form button { justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

.nav-more { position: relative; }
.nav-more summary {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: var(--radius-control);
  font: 650 14px/1.25 var(--sans);
  cursor: pointer;
  list-style: none;
}
.nav-more summary::-webkit-details-marker { display: none; }
.nav-more summary::after {
  content: "";
  width: 6px;
  height: 6px;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg) translateY(-2px);
}
.nav-more[open] summary, .nav-more summary:hover { color: var(--accent); background: var(--wash); }
.nav-more-links {
  position: absolute;
  inset: calc(100% + 6px) 0 auto auto;
  min-width: 168px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: var(--radius-control);
  background: var(--paper);
  box-shadow: var(--lift-shadow);
}
.nav-more-links a { justify-content: start; }
.site-nav .mobile-search-link { display: none; }
.picker-tabs button[aria-pressed="true"] { background: var(--forest); border-color: var(--forest); color: white; }
.brand-footer { color: #fff; }
.footer-main { grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr)); gap: clamp(16px, 3vw, 36px); }
.footer-main h2 { color: white; font: 700 .86rem/1.4 var(--sans); margin: 0 0 6px; }
.footer-main a:not(.brand) { line-height: 1.4; font-size: .875rem; }
.content .search-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.search-result { display: block; }
.search-result h3 { text-decoration: underline; text-underline-offset: .2em; }
.content table { max-width: 100%; }
@media (max-width: 970px) {
  .nav-more-links { position: static; min-width: 0; padding: 0; border: 0; box-shadow: none; }
  .site-header .site-nav { align-items: start; }
  .site-nav .mobile-search-link { display: flex; }
  .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 470px) {
  .content .search-form { grid-template-columns: minmax(0, 1fr); }
}

#main, .quiz-screen, #quiz-question, #quiz-result-heading { scroll-margin-top: 90px; }
.quiz-answer { color: var(--ink); border-color: var(--line); }
.quiz-answer:not(:disabled):hover { background: var(--wash); border-color: var(--accent); }

/* Task-led homepage and expanded guide navigation. */
.home-intro {
  background: #f5f2eb;
  border-bottom: 1px solid #dfdfd6;
}
.intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr);
  gap: clamp(32px, 6vw, 90px);
  align-items: center;
  padding-block: clamp(36px, 6vw, 84px);
}
.intro-copy > .eyebrow { margin-bottom: 24px; color: #35685d; }
.home-intro h1 {
  color: var(--forest);
  font: 650 clamp(3rem, 6.2vw, 5.8rem)/.99 var(--sans);
  letter-spacing: -.045em;
  margin: 0 0 26px;
}
.home-intro h1 em {
  font-family: var(--serif);
  font-weight: 400;
  color: #2d6a5b;
  letter-spacing: -.045em;
}
.intro-description { font-size: clamp(1rem, 1.5vw, 1.15rem); color: var(--muted); line-height: 1.65; margin: 0 0 28px; }
.intro-search label { display: block; margin-bottom: 8px; font-size: .9rem; font-weight: 650; }
.intro-search-row { display: flex; padding: 5px; gap: 6px; background: white; border: 1px solid #9daea8; border-radius: 12px; max-width: 560px; box-shadow: 0 3px 0 #173d5910; }
.intro-search input { width: 0; flex: 1; min-width: 0; border: 0; padding: 10px; border-radius: 8px; background: white; font-size: 16px; color: var(--ink); }
.intro-search button { min-height: 48px; padding: 8px 16px; color: white; background: var(--forest); border: 0; border-radius: 8px; font-size: .95rem; font-weight: 650; cursor: pointer; }
.intro-search button:hover { background: var(--accent); }
.popular-links { display: flex; gap: 4px 14px; flex-wrap: wrap; align-items: center; margin-top: 12px; color: var(--muted); font-size: .84rem; }
.popular-links a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; min-height: 32px; display: inline-flex; align-items: center; }
.journey-panel { background: var(--forest); color: white; border-radius: 24px 24px 60px 24px; padding: clamp(22px, 3vw, 36px); box-shadow: 12px 12px 0 #dbe6dc; }
.journey-panel > .eyebrow { color: #bad5cb; font-size: .7rem; margin: 0 0 18px; }
.journey-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; min-height: 86px; border-top: 1px solid #ffffff26; color: white; }
.journey-link strong { display: block; font: 500 clamp(1.35rem, 2.1vw, 1.7rem)/1.2 var(--serif); }
.journey-link small { display: block; margin-top: 6px; font-size: .84rem; color: #cbdae0; }
.journey-link b { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border: 1px solid #ffffff35; border-radius: 50%; font-size: 17px; font-weight: 400; transition: background var(--ease), color var(--ease); }
.journey-link:hover { color: var(--mint); }
.journey-link:hover b { background: var(--mint); color: var(--forest); }
.journey-link:focus-visible { outline-color: var(--mint); }
.journey-note { color: #cbdae0; font-size: .8rem; line-height: 1.5; margin: 18px 20px 0 0; }
.site-nav .nav-more { position: static; }
.header-inner { position: relative; }
.nav-more-links { inset: 100% 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding: 28px; border-radius: 0 0 16px 16px; border-top: 3px solid var(--accent); box-shadow: 0 18px 30px #112f4826; }
.navigation-group > p { font: 750 .74rem/1.5 var(--sans); color: var(--accent); text-transform: uppercase; letter-spacing: .08em; margin: 0 0 10px 12px; }
.navigation-group a { font-weight: 500; }
.opening-grid-home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.opening-grid-home .opening-card { border-left: 3px solid var(--accent); box-shadow: none; padding: 24px; }
.opening-grid-home .opening-card h3 { font-family: var(--sans); font-weight: 650; font-size: 1.15rem; letter-spacing: -.025em; }
.opening-grid-home .opening-card p { margin-bottom: 12px; }
.openings-feature-head h2 { max-width: 16ch; }
.content .route-item h3, .opening-grid-page .opening-card h3, .career-cards .route-item h3, .search-result h3 { font-family: var(--sans); font-weight: 650; font-size: 1.18rem; }
.career-cards .route-item { border-radius: 12px; box-shadow: none; }
.section-heading { align-items: end; }
.section-heading > p { max-width: 38ch; }
.service-selector { margin: 0 0 24px; }
.service-selector .route-picker { width: 100%; margin: 0; box-shadow: none; background: var(--wash); display: grid; grid-template-columns: 160px 220px minmax(0, 1fr); gap: 18px; align-items: center; }
.service-selector .picker-head { border: 0; padding: 0; }
.service-selector .picker-tabs { margin: 0; }
.service-selector .picker-content { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 18px; align-items: center; }
.service-selector .picker-content h2 { font: 650 1.1rem/1.3 var(--sans); }
.service-selector .picker-content p { grid-column: 1; font-size: .84rem; }
.service-selector .picker-content a { grid-column: 2; grid-row: 1 / 3; gap: 16px; margin: 0; border: 0; font-size: .88rem; }
.contents-nav { padding-bottom: 20px; border-bottom: 1px solid var(--line); margin-bottom: 22px; }
.contents-nav a { font-weight: 500; line-height: 1.4; padding-block: 9px; }
.contents-nav a:hover, .contents-nav a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.content h2[id] { scroll-margin-top: 100px; }
.page-hero { background: #f5f2eb; }
.page-hero h1 { max-width: 27ch; }
.page-hero .breadcrumbs { margin-bottom: 24px; }
@media (min-width: 971px) {
  .side-card:has(.contents-nav) { position: sticky; top: 94px; max-height: calc(100dvh - 118px); overflow-y: auto; }
}
@media (max-width: 970px) {
  .site-nav .nav-more { grid-column: 1 / -1; }
  .site-nav .nav-more-links { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 0; gap: 20px; border: 0; box-shadow: none; }
  .site-nav .navigation-group a { font-size: .85rem; }
  .intro-grid { gap: 28px; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }
  .service-selector .route-picker { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 760px) {
  .intro-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-bottom: 42px; }
  .home-intro h1 { font-size: clamp(3rem, 9.7vw, 4.5rem); }
  .intro-copy > .eyebrow { margin-bottom: 16px; }
  .journey-panel { box-shadow: 6px 6px 0 #dbe6dc; border-radius: 18px 18px 38px 18px; }
  .journey-link { min-height: 70px; padding-block: 14px; }
  .journey-note { margin-top: 16px; }
  .opening-grid-home { grid-template-columns: minmax(0, 1fr); }
  .section-heading { align-items: start; }
  .service-selector .picker-content { display: block; }
  .service-selector .picker-content a { justify-content: start; margin-top: 10px; }
  .side-card .contents-nav { display: none; }
  .contents-nav { margin: 0; border: 0; padding: 0; }
  .contents-nav a { min-height: 44px; }
}
@media (max-width: 390px) {
  .site-nav .nav-more-links { grid-template-columns: 1fr; }
  .intro-search button { padding-inline: 12px; }
}

.mobile-contents { display: none; }
@media (max-width: 760px) {
  .mobile-contents { display: block; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); margin-bottom: 24px; }
  .mobile-contents summary { min-height: 48px; padding: 12px 16px; font-weight: 650; cursor: pointer; color: var(--ink); }
  .mobile-contents nav { padding: 0 16px 12px; }
  .mobile-contents a { display: flex; align-items: center; min-height: 44px; padding-block: 8px; color: var(--accent); font-size: .93rem; }
}

/* Keep small labels readable against their card and section backgrounds. */
.opening-grid-home .opening-service, .opening-card > .opening-service,
.step-card > span { color: var(--accent); font-size: .75rem; }
.preview-caption, .student-quick-link { color: var(--muted); font-size: .875rem; }

/* Phone interface: persistent destinations, compact tasks and a full-screen directory. */
.mobile-tabs { display: none; }
.mobile-directory { padding: 0; border: 0; color: var(--ink); background: var(--canvas); }
.mobile-directory::backdrop { background: #112f4880; }
@media (max-width: 760px) {
  html { scroll-padding-block: 76px calc(88px + env(safe-area-inset-bottom)); }
  body:has(.mobile-tabs:not([hidden])) { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
  body.mobile-directory-open { position: fixed; width: 100%; overflow: hidden; }
  .site-header { min-height: 60px; padding-top: env(safe-area-inset-top); }
  .header-inner { min-height: 60px; gap: 8px; }
  .brand { font-size: 16px; gap: 8px; }
  .brand-mark { width: 32px; height: 32px; border-radius: 9px; }
  .brand small { font-size: 8px; letter-spacing: .08em; }
  .site-header .menu-toggle { margin-left: auto; padding-inline: 12px; border: 0; background: var(--wash); }
  .site-header .header-cta { display: inline-flex; margin-left: 0; border: 0; padding-inline: 8px; min-width: 44px; }
  .site-header .header-cta span { display: none; }
  .mobile-tabs:not([hidden]) {
    position: fixed; inset: auto 0 0; z-index: 30;
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px; padding: 6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    min-height: calc(70px + env(safe-area-inset-bottom));
    background: var(--paper); border-top: 1px solid var(--line); box-shadow: 0 -3px 16px #112f4808;
  }
  .site-footer .mobile-tabs a, .mobile-tabs button {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px; min-width: 0; min-height: 56px; padding: 5px 2px;
    border: 0; border-radius: 12px; background: transparent; color: var(--muted);
    font: 600 11px/1.2 var(--sans); text-decoration: none; cursor: pointer;
  }
  .site-footer .mobile-tabs a[aria-current], .site-footer .mobile-tabs a[data-active], .mobile-tabs button[data-active] {
    color: var(--accent); background: var(--wash); font-weight: 750;
  }
  .site-footer .mobile-tabs a:hover { color: var(--accent); text-decoration: none; }
  .mobile-tabs :focus-visible { outline: 2px solid var(--accent); outline-offset: -3px; }
  .mobile-tabs.keyboard-hidden { display: none; }
  .mobile-directory[open] {
    position: fixed; inset: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0;
    overflow-y: auto; overscroll-behavior: contain;
    padding: env(safe-area-inset-top) var(--gutter) max(24px, env(safe-area-inset-bottom));
  }
  .mobile-directory-head { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 68px; background: var(--canvas); border-bottom: 1px solid var(--line); }
  .mobile-directory-head h2 { margin: 0; font: 700 21px/1.3 var(--sans); letter-spacing: -.03em; }
  .mobile-directory-head button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); background: white; border-radius: 10px; color: var(--ink); font-size: 14px; }
  .mobile-directory-head button span { display: inline-block; font-size: 22px; line-height: 1; }
  .mobile-directory-search { margin-block: 22px; }
  .mobile-directory-search label { display: block; font-size: 14px; font-weight: 650; margin-bottom: 8px; }
  .mobile-directory-search > div { display: flex; gap: 8px; }
  .mobile-directory-search input { min-width: 0; width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #9daea8; border-radius: 10px; background: white; font-size: 16px; }
  .mobile-directory-search button { padding: 10px 14px; border: 0; border-radius: 10px; color: white; background: var(--forest); font-size: 15px; }
  .mobile-directory .navigation-group { margin-bottom: 24px; }
  .mobile-directory .navigation-group p { margin: 0 0 8px; color: var(--muted); }
  .mobile-directory .navigation-group a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 16px; border: 1px solid var(--line); border-bottom: 0; background: white; font-size: 16px; color: var(--ink); }
  .mobile-directory .navigation-group a::after { content: ''; width: 7px; height: 7px; flex: none; border: solid var(--muted); border-width: 1.5px 1.5px 0 0; transform: rotate(45deg); }
  .mobile-directory .navigation-group a:nth-child(2) { border-radius: 12px 12px 0 0; }
  .mobile-directory .navigation-group a:last-child { border-bottom: 1px solid var(--line); border-radius: 0 0 12px 12px; }
  .mobile-directory .navigation-group a[aria-current] { color: var(--accent); background: var(--wash); font-weight: 700; }
  .mobile-directory-about { display: flex; align-items: center; min-height: 48px; color: var(--accent); font-size: 14px; }
  .intro-grid { gap: 20px; padding-block: 24px; }
  .intro-copy > .eyebrow { font-size: 10px; margin-bottom: 12px; }
  .home-intro h1 { font-size: clamp(2.1rem, 8.6vw, 3.5rem); line-height: 1.05; letter-spacing: -.04em; margin-bottom: 12px; }
  .intro-description { font-size: 15px; line-height: 1.5; margin-bottom: 18px; }
  .desktop-only { display: none; }
  .intro-search label { font-size: 13px; }
  .intro-search-row { padding: 3px; border-radius: 12px; }
  .intro-search button { min-height: 46px; }
  .popular-links { gap: 0 12px; margin-top: 6px; font-size: 12px; }
  .popular-links a { min-height: 44px; }
  .journey-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .journey-panel > .eyebrow, .journey-note { display: none; }
  .journey-link { position: relative; display: block; min-height: 112px; padding: 16px 14px; border: 1px solid #294b5f; background: var(--forest); border-radius: 14px; }
  .journey-link strong { font: 650 16px/1.3 var(--sans); padding-right: 14px; }
  .journey-link small { font-size: 12px; line-height: 1.5; margin-top: 8px; }
  .journey-link b { position: absolute; top: 15px; right: 9px; width: 17px; height: 20px; border: 0; font-size: 14px; }
  .journey-link:focus-visible { outline-color: var(--accent); }
  .section, .openings-feature, .articles-section { padding-block: 28px; }
  .section-heading, .openings-feature-head { gap: 12px; margin-bottom: 18px; }
  .section-heading h2, .openings-feature-head h2, .feature-band h2 { font: 650 25px/1.2 var(--sans); letter-spacing: -.035em; max-width: none; }
  .section-heading > p, .openings-feature-head p:not(.eyebrow) { font-size: 14px; }
  .openings-feature-head > .button { min-height: 44px; padding: 8px 0; background: transparent; color: var(--accent); justify-content: flex-start; }
  .feed-stamp { align-items: flex-start; font-size: 12px; margin-block: 0 14px; }
  .feed-stamp .live-dot { flex: none; margin-top: 5px; }
  .opening-grid-home { gap: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: white; }
  .opening-grid-home .opening-card { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 18px; }
  .opening-grid-home .opening-card:last-child { border-bottom: 0; }
  .opening-grid-home .opening-card h3 { font-size: 17px; }
  .opening-grid-home .opening-card p { font-size: 14px; }
  .force-grid, .steps-grid, .article-grid, .career-cards { grid-template-columns: minmax(0, 1fr); }
  .force-card { gap: 14px; padding: 18px; }
  .force-card h3, .step-card h3, .article-card h3 { font: 650 18px/1.3 var(--sans); }
  .force-card p { max-width: none; margin-bottom: 12px; }
  .force-number { display: none; }
  .step-card h3 { margin-top: 14px; }
  .page-hero { padding-block: 20px 24px; }
  .page-hero .breadcrumbs { margin-bottom: 14px; font-size: 12px; gap: 4px 8px; }
  .page-hero h1 { font: 700 clamp(1.65rem, 6.5vw, 2.1rem)/1.15 var(--sans); letter-spacing: -.035em; margin-bottom: 12px; }
  .page-hero p { font-size: 15px; line-height: 1.55; }
  .page-body { padding-block: 24px 32px; gap: 28px; }
  .content h2 { font: 650 23px/1.3 var(--sans); letter-spacing: -.025em; }
  .content h3 { font: 650 18px/1.4 var(--sans); }
  .content p, .content li { font-size: 16px; }
  .content :is(input, select, textarea) { font-size: 16px; }
  .content .search-form { grid-template-columns: minmax(0, 1fr) auto; }
  .content .search-form input { min-width: 0; }
  .content .search-form button { justify-self: stretch; }
  .mobile-contents summary { min-height: 52px; }
  .quiz-panel.timed-quiz { padding: 16px; border-radius: 16px; }
  .quiz-statusbar { position: sticky; top: calc(60px + env(safe-area-inset-top)); z-index: 2; background: white; padding-block: 12px; border-bottom: 1px solid var(--line); }
  .quiz-answer, .preview-option { min-height: 54px; padding: 14px; font-size: 16px; border-radius: 12px; }
  .quiz-controls { position: static; padding-block: 12px; background: white; border-top: 1px solid var(--line); }
  .quiz-controls .button { min-height: 50px; width: 100%; }
  .quiz-preview { padding: 18px; }
  .preview-options { grid-template-columns: 1fr; }
  .scroll-top { bottom: calc(84px + env(safe-area-inset-bottom)); width: 42px; height: 42px; right: 12px; }
  .footer-main { gap: 24px 16px; }
  .footer-main a:not(.brand) { min-height: 44px; display: flex; align-items: center; }
  :is(.journey-link, .mobile-tabs a, .mobile-tabs button, .mobile-directory a, .quiz-answer):active { background: var(--wash); color: var(--accent); }
  .journey-link:active small { color: var(--muted); }
}
@media print {
  .mobile-tabs, .mobile-directory { display: none !important; }
  body:has(.mobile-tabs) { padding-bottom: 0; }
}

/* Answer review stays readable after choices are locked. */
.quiz-panel .quiz-answer:disabled { opacity: 1; cursor: default; }
.quiz-panel .quiz-answer.correct { color: #20563e; border-color: #83ad94; background: #eaf4ed; }
.quiz-panel .quiz-answer.incorrect { color: #823d32; border-color: #c9958c; background: #fcf0ed; }
.quiz-clock span { color: var(--muted); }
@media (max-width: 760px) {
  body:has(.quiz-run:not([hidden])) .scroll-top { display: none; }
  #quiz-question { scroll-margin-top: calc(154px + env(safe-area-inset-top)); }
  #quiz-next-button { scroll-margin-bottom: calc(88px + env(safe-area-inset-bottom)); }
}
.quiz-panel .quiz-answer:disabled:not(.selected) { background: white; color: var(--ink); border-color: var(--line); }

.brand-footer .brand-mark img { filter: brightness(0) invert(1); }