/* Choice Studio v1: approved obsidian / graphite / ivory / muted-gold identity.
 * Fully scoped, mobile-first, no additional dock or external font dependency.
 * Overrides use semantic parent tokens when present.
 */
.jr-choice-studio{
 --cs-bg:var(--surface,#131416);
 --cs-raised:var(--surface-2,#1d1e20);
 --cs-ink:var(--text,#f8f5e9);
 --cs-gold:var(--gold,#d4af37);
 --cs-gold-soft:#efd69c;
 --cs-muted:#d3c7b4;
 --cs-line:var(--line,rgba(212,175,55,.28));
 box-sizing:border-box;
 width:100%;min-width:0;max-width:100%;
 margin:clamp(1.25rem,4vw,3rem) 0;
 border:1px solid var(--cs-line);
 border-radius:clamp(16px,3vw,28px);
 padding:clamp(16px,3.2vw,36px);
 color:var(--cs-ink);
 background:radial-gradient(ellipse at 94% 2%,rgba(212,175,55,.10),transparent 56%),linear-gradient(140deg,#131417,#090a0c);
 box-shadow:0 12px 44px rgba(0,0,0,.18);
 text-align:start;
}
.jr-choice-studio,.jr-choice-studio *{box-sizing:border-box}
.jr-choice-studio .jr-cs-intro{max-width:66ch;margin-bottom:1.5rem}
.jr-choice-studio .jr-cs-intro h3{
 margin:.4rem 0 .7rem;color:var(--cs-ink);
 font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.42;
}
.jr-choice-studio .jr-cs-intro p{font-size:clamp(1rem,1.6vw,1.125rem);color:var(--cs-muted);line-height:1.8;margin:0}
.jr-choice-studio .jr-cs-eyebrow{
 display:inline-block;color:var(--cs-gold-soft);font:700 .75rem/1.6 system-ui,sans-serif;
 letter-spacing:.16em;text-transform:uppercase;
}
.jr-choice-studio fieldset{min-width:0;border:0;padding:0;margin:0 0 1.8rem}
.jr-choice-studio legend{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.55;font-weight:750;color:var(--cs-gold-soft);margin:0 0 .45rem}
.jr-choice-studio .jr-cs-help{line-height:1.85;color:var(--cs-muted);margin:0 0 1rem;font-size:.925rem}
.jr-choice-studio .jr-cs-weight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
/* v4: controls are moved in the existing grid; focus and input state persist. */
.jr-choice-studio .jr-cs-weight{position:relative}
.jr-choice-studio .jr-cs-order-controls{
 display:flex;gap:6px;justify-content:flex-end;align-items:center;
 margin-block-end:10px;flex-wrap:wrap;
}
.jr-choice-studio .jr-cs-order-controls button{
 display:grid;place-items:center;min-width:44px;min-height:44px;
 border:1px solid var(--cs-line);border-radius:10px;
 padding:0 9px;cursor:pointer;background:#121416;color:var(--cs-gold-soft);
 font:800 1.25rem/1 system-ui,sans-serif;
}
.jr-choice-studio .jr-cs-order-controls button:hover:not(:disabled){background:#2a241b;border-color:var(--cs-gold-soft)}
.jr-choice-studio .jr-cs-order-controls button:disabled{opacity:.4;cursor:not-allowed}
.jr-choice-studio .jr-cs-drag-handle{touch-action:none;cursor:grab!important;user-select:none}
.jr-choice-studio .jr-cs-drag-handle:active{cursor:grabbing!important}
.jr-choice-studio .jr-cs-persist-label{
 display:flex;align-items:center;gap:12px;max-width:60ch;cursor:pointer;
 margin-block:16px 0;padding:12px 14px;border:1px solid var(--cs-line);
 border-radius:12px;background:rgba(212,175,55,.055);
}
.jr-choice-studio .jr-cs-persist-label input{
 width:22px;height:22px;min-width:22px;accent-color:var(--cs-gold-soft);
}
.jr-choice-studio .jr-cs-order-live{margin:.5rem 0;color:var(--cs-gold-soft);line-height:1.65;min-height:0}
.jr-choice-studio .jr-cs-order-live:empty{display:none}

.jr-choice-studio .jr-cs-weight,.jr-choice-studio .jr-cs-path{
 min-width:0;background:var(--cs-raised);border:1px solid var(--cs-line);
 border-radius:15px;padding:clamp(12px,2vw,20px)
}
.jr-choice-studio label{display:block;color:var(--cs-ink);font-weight:650;line-height:1.6;font-size:.95rem}
.jr-choice-studio .jr-cs-weight-line{display:flex;gap:12px;align-items:center;margin-top:.85rem}
.jr-choice-studio input[type=range]{
 min-width:0;flex:1 1 auto;cursor:pointer;width:100%;accent-color:var(--cs-gold-soft);
 min-height:38px;touch-action:pan-y;
}
.jr-choice-studio .jr-cs-number{
 display:grid;place-items:center;width:2.4rem;min-width:2.4rem;min-height:2.4rem;
 font-variant-numeric:tabular-nums;color:#101012;background:var(--cs-gold-soft);
 border-radius:10px;font-size:1rem;font-weight:800
}
.jr-choice-studio .jr-cs-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px)}
.jr-choice-studio .jr-cs-path h4{font-size:1.25rem;line-height:1.5;margin:0 0 1.2rem;color:var(--cs-gold-soft)}
.jr-choice-studio input[type=text],.jr-choice-studio select{
 width:100%;min-width:0;max-width:100%;min-height:48px;
 border:1px solid #9b8867;border-radius:10px;
 padding:.75rem .8rem;background:#0d0f12;color:var(--cs-ink);
 font:inherit;font-size:1rem;line-height:1.4;
}
.jr-choice-studio select option{background:#17191c;color:#f8f5e9}
.jr-choice-studio input[type=text]{margin:.4rem 0 1.05rem}
.jr-choice-studio .jr-cs-rating-row{margin:0 0 .8rem;min-width:0}
.jr-choice-studio .jr-cs-rating-row label{margin-bottom:.25rem;font-size:.9rem}
.jr-choice-studio input:focus-visible,.jr-choice-studio select:focus-visible,
.jr-choice-studio button:focus-visible{
 outline:3px solid #f0d996;outline-offset:3px
}
.jr-choice-studio .jr-cs-result{
 background:linear-gradient(155deg,rgba(212,175,55,.09),rgba(0,0,0,.1));
 border:1px solid var(--cs-line);padding:clamp(15px,2.4vw,25px);border-radius:17px;
}
.jr-choice-studio .jr-cs-result h4{font-size:clamp(1.12rem,2vw,1.4rem);margin:0 0 .75rem;color:var(--cs-gold-soft)}
.jr-choice-studio .jr-cs-live{font-weight:650;line-height:1.8;margin:.4rem 0 1rem;color:var(--cs-ink)}
.jr-choice-studio .jr-cs-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 1rem}
.jr-choice-studio [hidden]{display:none!important}
.jr-choice-studio .jr-cs-metric{
 display:grid;gap:.35rem;padding:1rem;min-width:0;border-radius:13px;
 background:#0d0f12;border:1px solid var(--cs-line);overflow-wrap:anywhere;
}
.jr-choice-studio .jr-cs-metric strong{font-size:1.05rem;color:var(--cs-ink)}
.jr-choice-studio .jr-cs-metric-label{font-size:.78rem;color:var(--cs-muted)}
.jr-choice-studio .jr-cs-metric b{font:750 clamp(1.5rem,3vw,2.2rem)/1.45 system-ui,sans-serif;color:var(--cs-gold-soft)}
.jr-choice-studio .jr-cs-formula,.jr-choice-studio .jr-cs-contrast{
 color:var(--cs-muted);line-height:1.9;font-size:.87rem;margin:.85rem 0
}
.jr-choice-studio .jr-cs-next{
 padding:1rem 1.15rem;border-inline-start:3px solid var(--cs-gold-soft);
 margin:1rem 0;background:rgba(0,0,0,.2);border-radius:8px;
}
.jr-choice-studio .jr-cs-next strong{color:var(--cs-gold-soft)}
.jr-choice-studio .jr-cs-next p{line-height:1.9;margin:.4rem 0 0}
.jr-choice-studio .jr-cs-limitation{
 color:var(--cs-ink);line-height:1.9;margin:1rem 0 0;font-weight:600;
}
.jr-choice-studio .jr-cs-reset{
 display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
 margin-top:1rem;min-height:48px;padding:.7rem 1.2rem;border-radius:12px;
 color:var(--cs-gold-soft);background:transparent;border:1px solid var(--cs-gold-soft);
 font-family:inherit;font-weight:650;font-size:.96rem;line-height:1.5;
}
.jr-choice-studio .jr-cs-reset:hover{background:rgba(212,175,55,.12)}
.jr-choice-studio .jr-cs-privacy{margin:1rem 0 0;color:var(--cs-muted);font-size:.875rem;line-height:1.85}
@media(max-width:700px){
 .jr-choice-studio .jr-cs-path-grid,.jr-choice-studio .jr-cs-metrics{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:400px){
 .jr-choice-studio{padding:14px 12px;border-radius:15px}
 .jr-choice-studio .jr-cs-weight-grid{grid-template-columns:minmax(0,1fr)}
 .jr-choice-studio .jr-cs-path,.jr-choice-studio .jr-cs-weight{padding:13px}
}
@media(prefers-reduced-motion:reduce){
 .jr-choice-studio *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}
}
@media print{
 .jr-choice-studio{background:#fff!important;color:#171717!important;border:1px solid #777;box-shadow:none!important;break-inside:avoid}
 .jr-choice-studio :is(h3,h4,legend,label,strong,.jr-cs-limitation,.jr-cs-metric b){color:#111!important}
 .jr-choice-studio .jr-cs-path,.jr-choice-studio .jr-cs-weight,.jr-choice-studio .jr-cs-result,.jr-choice-studio .jr-cs-metric{background:#fff!important;border-color:#777!important}
 .jr-choice-studio :is(.jr-cs-reset,input,select,.jr-cs-weight-grid,.jr-cs-path-grid){display:none!important}
 .jr-choice-studio .jr-cs-metric-label,.jr-choice-studio .jr-cs-formula,.jr-choice-studio .jr-cs-privacy{color:#333!important}
}


/* ===============================================================
 * Choice Studio v4.1 — mature academic reflection / mother identity
 * Existing mounts, form controls, seven discipline tabs, privacy and
 * printable professional reflection stay intact. No new page or engine.
 * =============================================================== */
.jr-choice-studio-section{
  position:relative;min-width:0;
  scroll-margin-top:clamp(70px,8vw,116px);
}
.jr-choice-studio-section > :is(h2,p){max-width:79ch}
.jr-choice-studio-section > h2{
  color:var(--jr-ivory,var(--text,#f8f5e9));
  font-size:clamp(1.45rem,2.4vw,2.25rem);
  line-height:1.43;
  text-wrap:balance;
}
.jr-choice-studio-section > p{line-height:1.92;text-wrap:pretty}
.jr-choice-studio.jr-cs-v4{
  --cs-bg:var(--jr-bg,#0b0b0b);
  --cs-raised:var(--jr-raised,#1f1f1f);
  --cs-ink:var(--jr-ivory,#f8f5e9);
  --cs-gold:var(--jr-gold,#d4af37);
  --cs-gold-soft:#efd9a0;
  --cs-muted:#dfd5c5;
  --cs-line:var(--jr-hairline,rgba(212,175,55,.32));
  position:relative;isolation:isolate;
  overflow:hidden;
  padding:clamp(16px,3.2vw,44px);
  margin-block:clamp(20px,4vw,46px);
  max-width:100%;
  border:1px solid rgba(212,175,55,.43);
  border-radius:clamp(18px,3vw,30px);
  background:radial-gradient(ellipse 65% 50% at 95% 0,rgba(212,175,55,.15),transparent 72%),
             linear-gradient(143deg,#211d18,#121314 56%,#0b0b0b);
  box-shadow:0 32px 65px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  color:var(--cs-ink);
}
.jr-choice-studio.jr-cs-v4::before{
  content:"";position:absolute;inset:0 auto auto 0;
  width:100%;height:3px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(237,210,150,.80),transparent);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-intro{
  max-width:80ch;margin-bottom:clamp(20px,3vw,33px);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-intro h3{
  color:var(--cs-ink);
  font-size:clamp(1.65rem,3.4vw,2.7rem);
  line-height:1.35;
  text-wrap:balance;
  max-width:34ch;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-intro p{
  font-size:clamp(1rem,1.25vw,1.15rem);
  color:var(--cs-muted);line-height:1.9;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-eyebrow{
  font-size:.77rem;letter-spacing:.12em;color:var(--cs-gold-soft);
}
/* Three readable workflow stages — not an inferred score or a completion % */
.jr-choice-studio .jr-cs-journey{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(7px,1.4vw,14px);
  margin:0 0 clamp(24px,3vw,35px);
  padding:0;
  list-style:none;
}
.jr-choice-studio .jr-cs-journey-step{
  display:flex;align-items:center;
  gap:clamp(7px,1vw,14px);
  min-width:0;min-height:71px;
  list-style:none;
  padding:clamp(10px,1.3vw,17px);
  background:linear-gradient(136deg,#26241f,#191b1b);
  border:1px solid var(--cs-line);
  border-radius:15px;
  overflow-wrap:anywhere;
}
.jr-choice-studio .jr-cs-journey-index{
  display:grid;place-items:center;
  width:39px;height:39px;flex:0 0 39px;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.42);
  background:#111311;color:#efd9a0;
  font:750 .90rem/1.2 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
}
.jr-choice-studio .jr-cs-journey-label{
  line-height:1.57;font-size:clamp(.85rem,1vw,1.03rem);
  color:#dfd4c4;font-weight:650;
}
.jr-choice-studio .jr-cs-journey-step[data-state="complete"]{
  border-color:rgba(201,171,111,.53);
}
.jr-choice-studio .jr-cs-journey-step[data-state="complete"] .jr-cs-journey-index{
  color:#15120d;background:#dec38a;border-color:#dec38a;
}
.jr-choice-studio .jr-cs-journey-step[aria-current="step"]{
  border:2px solid #e1bd74;
  background:linear-gradient(145deg,#3b3120,#25231c 69%,#1a1c1b);
  box-shadow:inset 0 1px rgba(255,255,255,.075);
}
.jr-choice-studio .jr-cs-journey-step[aria-current="step"] .jr-cs-journey-index{
  border-color:#f0d695;color:#15120e;background:#f0d695;
}
.jr-choice-studio .jr-cs-journey-step[aria-current="step"] .jr-cs-journey-label{
  color:#fff1ce;
}
.jr-choice-studio.jr-cs-v4 fieldset{margin-block-end:clamp(22px,3vw,38px)}
.jr-choice-studio.jr-cs-v4 legend{
  font-size:clamp(1.17rem,1.7vw,1.53rem);line-height:1.55;
  color:#f4e0af;text-wrap:balance;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-help{
  max-width:74ch;color:#dcd1c1;
  font-size:clamp(.9rem,1vw,1.02rem);
  line-height:1.9;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-weight,
.jr-choice-studio.jr-cs-v4 .jr-cs-path{
  border:1px solid rgba(212,175,55,.38);
  background:linear-gradient(150deg,#28251e,#191b1a 74%);
  border-radius:17px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-weight label{
  min-height:2.75em;
  display:flex;align-items:center;
  line-height:1.55;
  color:#f1e5d3;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-weight-line{
  min-height:49px;
  gap:clamp(8px,1vw,14px);
  margin-top:.3rem;
}
.jr-choice-studio.jr-cs-v4 input[type=range]{
  min-height:44px;
  touch-action:pan-y;
  accent-color:#e4c57e;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-order-controls{
  justify-content:flex-end;
  padding-block-end:8px;
  margin-block-end:11px;
  border-block-end:1px solid rgba(212,175,55,.17);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-order-controls button{
  border-radius:11px;
  background:#171918;
  color:#f3dbab;
  border-color:rgba(212,175,55,.45);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-order-controls button:focus-visible,
.jr-choice-studio.jr-cs-v4 :is(input,select,textarea,button,a):focus-visible{
  outline:3px solid #f5dca3;
  outline-offset:3px;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-path h4{
  color:#f1db9f;
  border-block-end:1px solid rgba(212,175,55,.25);
  padding-block-end:13px;
}
.jr-choice-studio.jr-cs-v4 :is(input[type=text],select){
  min-height:51px;
  font-size:16px;
  background:#0d100f;
  border-color:rgba(212,175,55,.46);
  color:var(--cs-ink);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-result{
  margin-top:clamp(25px,3.3vw,42px);
  padding:clamp(17px,3vw,29px);
  background:linear-gradient(135deg,rgba(212,175,55,.11),rgba(13,15,15,.61));
  border:1px solid rgba(227,190,116,.51);
  border-radius:19px;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-live{
  font-size:clamp(.96rem,1vw,1.09rem);
  line-height:1.88;color:#f8e9c8;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-metric{
  border:1px solid rgba(230,197,131,.50);
  border-radius:16px;
  background:linear-gradient(160deg,#27241e,#111312);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-metric b{
  font-size:clamp(1.55rem,3.1vw,2.4rem);
  color:#f3d99d;
}
.jr-choice-studio.jr-cs-v4 .jr-cs-persist-label{
  max-width:none;
  border:1px solid rgba(212,175,55,.35);
  background:rgba(212,175,55,.055);
  margin-top:18px;
  font-size:clamp(.91rem,1vw,1.01rem);
}
.jr-choice-studio.jr-cs-v4 .jr-cs-privacy{
  max-width:86ch;line-height:1.9;color:#dfd4c5;
}
@media(min-width:701px) and (max-width:1050px){
 .jr-choice-studio .jr-cs-weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jr-choice-studio .jr-cs-path-grid{gap:13px}
}
@media(max-width:700px){
 .jr-choice-studio.jr-cs-v4{padding:clamp(14px,4vw,22px);margin-block:22px}
 .jr-choice-studio .jr-cs-journey-step{
   min-height:85px;flex-direction:column;align-items:flex-start;justify-content:center;
   padding:11px 9px;
 }
 .jr-choice-studio .jr-cs-journey-label{font-size:clamp(.78rem,2.7vw,.92rem)}
 .jr-choice-studio .jr-cs-journey-index{
   width:31px;height:31px;flex-basis:31px;border-radius:9px;
 }
 .jr-choice-studio.jr-cs-v4 .jr-cs-path-grid{grid-template-columns:1fr}
 .jr-choice-studio.jr-cs-v4 .jr-cs-result{padding:18px 14px}
}
@media(max-width:380px){
 .jr-choice-studio.jr-cs-v4{padding:15px 11px}
 .jr-choice-studio .jr-cs-journey{gap:5px}
 .jr-choice-studio .jr-cs-journey-step{padding:8px 7px;min-height:88px}
 .jr-choice-studio.jr-cs-v4 .jr-cs-order-controls{gap:7px}
 .jr-choice-studio.jr-cs-v4 .jr-cs-weight-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .jr-choice-studio.jr-cs-v4 :is(.jr-cs-weight,.jr-cs-path,.jr-cs-journey-step,.jr-cs-order-controls button){
   transition:none!important;animation:none!important;scroll-behavior:auto!important;
 }
}
@media(forced-colors:active){
 .jr-choice-studio .jr-cs-journey-step[aria-current="step"]{border:3px solid Highlight}
 .jr-choice-studio.jr-cs-v4 .jr-cs-metric{border:1px solid CanvasText}
}
@media print{
 .jr-choice-studio .jr-cs-journey,
 .jr-choice-studio .jr-cs-order-controls,
 .jr-choice-studio .jr-cs-persist-label{display:none!important}
 .jr-choice-studio.jr-cs-v4{background:#fff!important;color:#111!important;box-shadow:none!important}
 .jr-choice-studio.jr-cs-v4 .jr-cs-result,
 .jr-choice-studio.jr-cs-v4 .jr-cs-metric{background:#fff!important;color:#111!important;box-shadow:none!important}
 .jr-choice-studio.jr-cs-v4 .jr-cs-result :is(h4,strong,b,p,span){color:#111!important}
}


/* ============================================================================
 * CHOICE STUDIO v4 — same academic mother brand, editorial page & evidence UX
 * Extends the existing Choice Studio file, not a competing frontend theme.
 * Royal black #0B0B0B, Persian gold #D4AF37, charcoal #1F1F1F, ivory #F8F5E9.
 * ========================================================================== */
.jr-choice-guidance-page{
 --jr-choice-black:#0b0b0b;--jr-choice-graphite:#1f1f1f;
 --jr-choice-gold:#d4af37;--jr-choice-antique:#a88955;
 --jr-choice-ivory:#f8f5e9;--jr-choice-muted:#d9cfbd;
 --jr-choice-line:rgba(212,175,55,.30);
 --jr-choice-surface:linear-gradient(145deg,#242119,#171717 55%,#111213);
 background:
  radial-gradient(ellipse 65% 21% at 87% 0,rgba(168,137,85,.13),transparent 76%),
  linear-gradient(180deg,#0b0b0b,#111112 48%,#0b0b0b);
 color:var(--jr-choice-ivory);color-scheme:dark;
}
.jr-choice-guidance-page .site-header{
 background:rgba(11,11,11,.96);border-block-end:1px solid var(--jr-choice-line);
 backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);
}
.jr-choice-guidance-page .site-header .brand{
 display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;
 max-width:min(68vw,440px);line-height:1.4;font-weight:750;
}
.jr-choice-guidance-page .jr-choice-brand-mark{
 flex:none;width:40px;height:40px;padding:4px;
 object-fit:contain;border:1px solid var(--jr-choice-line);
 border-radius:11px;background:#0b0b0b;
}
.jr-choice-guidance-page .site-header .brand small{
 font-size:.72rem;line-height:1.5;color:#d8c9ab;
}
.jr-choice-guidance-page :is(a,button,summary,input,select,textarea):focus-visible{
 outline:3px solid #f4dfa9;outline-offset:3px;
}
.jr-choice-guidance-page .service-shell{width:min(100% - 30px,1260px);max-width:1260px;margin-inline:auto;min-width:0}
.jr-choice-guidance-page .service-hero{
 position:relative;overflow:hidden;isolation:isolate;
 padding:clamp(26px,4vw,58px);border:1px solid var(--jr-choice-line);
 border-radius:clamp(18px,2.5vw,28px);
 background:radial-gradient(ellipse 80% 115% at 100% 0,rgba(212,175,55,.16),transparent 68%),
  linear-gradient(135deg,#25221b,#121315 74%);
 box-shadow:0 29px 70px rgba(0,0,0,.26);
}
.jr-choice-guidance-page .service-hero::before{
 content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;
 background:linear-gradient(90deg,transparent,#d4af37 48%,transparent);
}
.jr-choice-guidance-page .service-hero h1{
 font-size:clamp(2rem,3.5vw,3.65rem);line-height:1.4;max-width:23ch;
 text-wrap:balance;letter-spacing:normal;
}
.jr-choice-guidance-page .service-hero .lead{
 max-width:67ch;line-height:1.95;color:#e4d9c6;
 font-size:clamp(1rem,1.2vw,1.12rem);
}
.jr-choice-guidance-page .service-hero .actions{gap:11px;flex-wrap:wrap}
.jr-choice-guidance-page .service-hero .button{min-height:49px;border-radius:12px}
.jr-choice-guidance-page .service-hero .button.primary{
 background:linear-gradient(126deg,#f4dfa7,#d4af37 75%,#b08b55);
 border:1px solid #edcc80;color:#17120d;font-weight:800;
}
.jr-choice-guidance-page .service-visual{
 min-width:0;margin:0;border:1px solid var(--jr-choice-line);
 border-radius:19px;background:#151617;padding:clamp(10px,1.5vw,18px);
}
.jr-choice-guidance-page .service-visual img{
 display:block;width:100%;height:auto;aspect-ratio:16/9;
 object-fit:contain;border-radius:11px;
}
.jr-choice-guidance-page .service-visual figcaption{
 color:#dbcfbc;line-height:1.8;font-size:.85rem;
}
.jr-choice-guidance-page .service-section{
 margin-block:clamp(32px,5vw,74px);min-width:0;
}
.jr-choice-guidance-page .service-section h2{
 font-size:clamp(1.6rem,2.65vw,2.5rem);line-height:1.46;
 color:#f8f5e9;text-wrap:balance;letter-spacing:normal;
}
.jr-choice-guidance-page .service-section>p{max-width:83ch;line-height:1.96}
.jr-choice-guidance-page .service-card{
 min-width:0;border:1px solid var(--jr-choice-line);border-radius:18px;
 background:var(--jr-choice-surface);padding:clamp(17px,2vw,27px);
}
.jr-choice-guidance-page .jr-choice-studio-section{
 position:relative;isolation:isolate;overflow:hidden;
 margin-block:clamp(42px,5.2vw,85px);
 padding:clamp(20px,3vw,46px);
 border:1px solid rgba(212,175,55,.38);border-radius:clamp(19px,3vw,30px);
 background:radial-gradient(ellipse at 100% 0,rgba(212,175,55,.13),transparent 44%),
  linear-gradient(135deg,#1d1b17,#101213 65%);
 box-shadow:0 33px 84px rgba(0,0,0,.22);
 scroll-margin-top:84px;
}
.jr-choice-guidance-page .jr-choice-studio-section::before{
 content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;
 background:linear-gradient(90deg,transparent,#e3c07b,transparent);
 pointer-events:none;
}
.jr-choice-guidance-page .jr-choice-studio-section .kicker{
 color:#e3c484;font-weight:750;
}
.jr-choice-guidance-page .jr-choice-studio-section>p:not(.kicker){
 color:#e1d9cc;max-width:79ch;line-height:1.94;
}
.jr-choice-guidance-page .jr-choice-programme-links{
 display:flex;flex-wrap:wrap;gap:9px 11px;
 padding-block:8px 5px;
}
.jr-choice-guidance-page .jr-choice-programme-links a{
 display:inline-flex;align-items:center;justify-content:center;min-height:45px;
 border:1px solid rgba(212,175,55,.34);border-radius:999px;
 padding:10px 17px;color:#f1dca9;text-decoration:none;
 background:rgba(212,175,55,.055);font-size:clamp(.86rem,1vw,.94rem);
 transition:background-color .18s ease,border-color .18s ease;
}
.jr-choice-guidance-page .jr-choice-programme-links a:hover,
.jr-choice-guidance-page .jr-choice-programme-links a:focus-visible{
 background:rgba(212,175,55,.13);border-color:#ebcc8e;
}
.jr-choice-guidance-page .jr-choice-studio{
 --cs-bg:var(--jr-choice-black);--cs-raised:#1d1c1a;
 --cs-ink:#f8f5e9;--cs-gold:#d4af37;--cs-gold-soft:#f0d99e;
 --cs-muted:#d9cfbd;--cs-line:var(--jr-choice-line);
 margin-block:clamp(22px,2.8vw,40px);
 border:1px solid rgba(212,175,55,.28);border-radius:21px;
 background:linear-gradient(141deg,#1d1c1a,#0d0e10 70%);
 box-shadow:0 20px 64px rgba(0,0,0,.17);
}
.jr-choice-guidance-page .jr-cs-intro{
 padding:clamp(10px,1.5vw,22px) clamp(12px,1.65vw,24px) 6px;
 border-inline-start:3px solid #c9a65b;
 max-width:75ch;
}
.jr-choice-guidance-page .jr-cs-intro h3{
 font-size:clamp(1.55rem,2.3vw,2.35rem);
 font-weight:750;line-height:1.45;
}
.jr-choice-guidance-page .jr-cs-intro p{color:#e4d9c8}
.jr-choice-guidance-page .jr-cs-form>fieldset{
 border:1px solid rgba(212,175,55,.26);
 border-radius:19px;padding:clamp(15px,2.5vw,30px);
 margin-block:clamp(14px,2vw,27px);
 background:rgba(255,255,255,.014);
}
.jr-choice-guidance-page .jr-cs-form>fieldset legend{
 font-size:clamp(1.12rem,1.9vw,1.46rem);
 background:#141411;border-radius:9px;padding-inline:10px;
}
.jr-choice-guidance-page .jr-cs-weight-grid{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));
 gap:clamp(11px,1.5vw,17px);counter-reset:criterion;
}
.jr-choice-guidance-page .jr-cs-weight{
 counter-increment:criterion;
 position:relative;padding:clamp(15px,1.7vw,23px);
 border:1px solid rgba(212,175,55,.28);border-radius:16px;
 background:linear-gradient(145deg,#26231c,#171819 85%);
 transition:border-color .16s ease,background-color .16s ease;
}
.jr-choice-guidance-page .jr-cs-weight::before{
 content:counter(criterion,decimal-leading-zero);
 display:block;color:#e3c48b;font:700 .76rem/1.3 system-ui,sans-serif;
 letter-spacing:.1em;margin-bottom:10px;direction:ltr;
}
.jr-choice-guidance-page .jr-cs-weight:focus-within{
 border-color:#e7c67c;background:#29251b;
}
.jr-choice-guidance-page .jr-cs-order-controls{
 position:absolute;inset-block-start:12px;inset-inline-end:12px;margin:0;
}
.jr-choice-guidance-page .jr-cs-order-controls button{
 min-width:44px;min-height:44px;border:1px solid rgba(212,175,55,.34);
 border-radius:10px;color:#efd69d;background:#181818;
}
.jr-choice-guidance-page .jr-cs-order-controls button:disabled{opacity:.32}
.jr-choice-guidance-page .jr-cs-weight>label{
 display:block;margin-block-start:5px;min-height:2.7em;
 max-width:100%;font-size:clamp(.96rem,1vw,1.05rem);
 font-weight:750;color:#f8f0dd;
}
.jr-choice-guidance-page .jr-cs-number{
 min-width:43px;min-height:43px;border-radius:10px;
 background:linear-gradient(135deg,#f1dca6,#c49b54);
 color:#21180b;
}
.jr-choice-guidance-page .jr-cs-path-grid{gap:clamp(13px,2vw,24px)}
.jr-choice-guidance-page .jr-cs-path{
 position:relative;overflow:hidden;border-radius:18px;
 border:1px solid rgba(212,175,55,.33);
 background:linear-gradient(153deg,#27241e,#151617 78%);
 padding:clamp(17px,2.1vw,31px);
}
.jr-choice-guidance-page .jr-cs-path::before{
 content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;
 background:linear-gradient(90deg,transparent,rgba(212,175,55,.76),transparent);
}
.jr-choice-guidance-page .jr-cs-path h4{
 font-size:clamp(1.21rem,1.7vw,1.55rem);line-height:1.5;
 color:#f2dda8;
}
.jr-choice-guidance-page .jr-cs-rating-row{
 display:block;margin-bottom:15px;padding-bottom:14px;
 border-bottom:1px solid rgba(212,175,55,.17);
}
.jr-choice-guidance-page .jr-cs-rating-row:last-child{border-bottom:0}
.jr-choice-guidance-page .jr-cs-rating-row label{
 color:#e7dbca;margin-bottom:6px;font-size:.94rem;
}
.jr-choice-guidance-page .jr-cs-path :is(input,select){
 min-height:50px;border:1px solid #9b8867;
 background:#101213;border-radius:11px;color:#f8f5e9;
}
.jr-choice-guidance-page .jr-cs-categories{
 border:1px solid var(--jr-choice-line);
 background:linear-gradient(151deg,#242018,#131516);border-radius:18px;
}
.jr-choice-guidance-page .jr-cs-tabs{
 display:flex;flex-wrap:nowrap;overflow-x:auto;
 overscroll-behavior-inline:contain;scroll-snap-type:x proximity;
 scrollbar-color:#a88955 #242424;max-width:100%;
 padding-block:7px 16px;gap:9px;
}
.jr-choice-guidance-page .jr-cs-tab{
 flex:0 0 auto;min-width:115px;scroll-snap-align:start;
 white-space:normal;min-height:49px;padding:10px 15px;
 border:1px solid rgba(212,175,55,.35);border-radius:12px;
 background:#1e1f1d;color:#f6ebd7;font-weight:750;
}
.jr-choice-guidance-page .jr-cs-tab[aria-selected="true"]{
 background:linear-gradient(123deg,#f1dca3,#caa04f);
 color:#181309;border-color:#efcf93;
}
.jr-choice-guidance-page .jr-cs-example{
 border:1px solid rgba(212,175,55,.28);border-radius:14px;
 background:#191a18;padding:15px;min-width:0;
}
.jr-choice-guidance-page .jr-cs-example-add{
 border-radius:11px;min-height:46px;
}
.jr-choice-guidance-page .jr-cs-show-result{
 min-height:55px;border-radius:14px;
 background:linear-gradient(120deg,#eed69b,#cda151);
 color:#17120c;border:1px solid #f0d9a2;font-weight:850;
}
.jr-choice-guidance-page .jr-cs-result{
 border:1px solid var(--jr-choice-line);border-radius:18px;
 padding:clamp(17px,2.3vw,29px);
 background:linear-gradient(147deg,#27231c,#101213);
}
.jr-choice-guidance-page .jr-cs-metrics{gap:clamp(10px,1.8vw,18px)}
.jr-choice-guidance-page .jr-cs-metric{
 padding:clamp(16px,2vw,25px);
 border:1px solid rgba(212,175,55,.30);border-radius:16px;
 background:#141514;
}
.jr-choice-guidance-page .jr-cs-metric b{color:#f0dca4}
.jr-choice-guidance-page .jr-cs-interpreted-result{
 border:1px solid #c5a260;border-radius:18px;
 background:linear-gradient(136deg,#27231b,#121213);
 padding:clamp(17px,2.5vw,29px);
}
.jr-choice-guidance-page .jr-cs-persist-label{
 max-width:none;border:1px solid rgba(212,175,55,.30);
 background:rgba(212,175,55,.045);border-radius:13px;
}
.jr-choice-guidance-page .jr-cs-privacy{
 padding:13px 15px;border-inline-start:3px solid #c8a24a;
 background:rgba(212,175,55,.05);border-radius:9px;
}
.jr-choice-guidance-page .jr-cs-drop-target{
 border-color:#efd595!important;
 box-shadow:0 0 0 2px rgba(212,175,55,.32);
}
/* Letter-spacing belongs to the Latin eyebrow, never Persian display titles. */
.jr-choice-guidance-page:lang(fa){
 font-family:var(--jr-font-fa,Tahoma,Arial,sans-serif);line-height:1.92;
}
.jr-choice-guidance-page:lang(en){
 font-family:var(--jr-font-ui,"Segoe UI",Arial,sans-serif);line-height:1.67;
}
@media(min-width:1040px){
 .jr-choice-guidance-page .service-hero{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(24px,3.5vw,52px);align-items:center;
 }
}
@media(max-width:900px){
 .jr-choice-guidance-page .service-hero h1{max-width:none}
 .jr-choice-guidance-page .jr-cs-weight-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}
@media(max-width:700px){
 .jr-choice-guidance-page .service-shell{width:calc(100% - 20px)}
 .jr-choice-guidance-page .service-hero{padding:21px 16px;border-radius:19px}
 .jr-choice-guidance-page .service-hero h1{
  font-size:clamp(1.9rem,7vw,2.47rem);line-height:1.42;
 }
 .jr-choice-guidance-page .service-hero .actions>*{flex:1 1 100%;max-width:100%}
 .jr-choice-guidance-page .service-visual{margin-top:20px}
 .jr-choice-guidance-page .jr-choice-studio-section{padding:18px 12px;border-radius:18px}
 .jr-choice-guidance-page .jr-cs-form>fieldset{padding:17px 13px}
 .jr-choice-guidance-page .jr-cs-weight-grid{grid-template-columns:minmax(0,1fr)}
 .jr-choice-guidance-page .jr-cs-examples{grid-template-columns:1fr}
 .jr-choice-guidance-page .jr-cs-path-grid{grid-template-columns:1fr}
 .jr-choice-guidance-page .jr-cs-path{padding:19px 15px}
 .jr-choice-guidance-page .jr-cs-metrics{grid-template-columns:1fr}
 .jr-choice-guidance-page .jr-choice-programme-links a{flex:1 1 140px}
}
@media(max-width:390px){
 .jr-choice-guidance-page .service-shell{width:calc(100% - 16px)}
 .jr-choice-guidance-page .jr-choice-studio-section{padding:15px 9px}
 .jr-choice-guidance-page .jr-choice-studio{padding:15px 11px}
 .jr-choice-guidance-page .jr-cs-weight{padding:15px 12px}
 .jr-choice-guidance-page .jr-cs-form>fieldset{padding:14px 11px}
 .jr-choice-guidance-page .jr-cs-tab{min-width:112px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .jr-choice-guidance-page .jr-cs-weight:hover{border-color:#d6b66f}
 .jr-choice-guidance-page .jr-cs-path:hover{border-color:#d5b575}
}
@media(prefers-reduced-motion:reduce){
 .jr-choice-guidance-page *,
 .jr-choice-guidance-page *::before,
 .jr-choice-guidance-page *::after{
  animation-duration:.01ms!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important;
 }
}
@media(forced-colors:active){
 .jr-choice-guidance-page .jr-cs-tab[aria-selected="true"],
 .jr-choice-guidance-page .jr-cs-weight:focus-within{
  outline:2px solid Highlight;outline-offset:2px;
 }
}
@media print{
 .jr-choice-guidance-page .jr-choice-studio-section{color:#181818!important;background:white!important;box-shadow:none!important;border:1px solid #777!important}
 .jr-choice-guidance-page .jr-choice-programme-links{display:none!important}
 .jr-choice-guidance-page .jr-cs-result{background:#fff!important;border:1px solid #888}
 .jr-choice-guidance-page .jr-cs-result :is(h4,p,span,strong,b){color:#171717!important}
}

/* Choice Studio: accessible descriptive sensitivity, not a validated score. */
.jr-choice-studio .jr-cs-sensitivity{padding:12px 15px;margin:12px 0;border-inline-start:3px solid var(--cs-gold-soft);border-radius:8px;background:rgba(180,145,71,.09);color:var(--cs-ink);line-height:1.9;font-size:.91rem}
@media print{.jr-choice-studio .jr-cs-sensitivity{color:#171717!important;background:#fff!important;border-color:#777!important}}