:root{--ink:#152b25;--sub:#475951;--green:#1b4335;--dark:#102c24;--mint:#cde5d6;--gold:#f1ce93;--paper:#fffdf7;--wash:#eae9e0;--line:#d9ddd2;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--shadow:0 18px 54px #182c211a}
*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.48 var(--sans);min-width:0}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.04;letter-spacing:-.04em}h2{font-size:clamp(2.2rem,4vw,3.45rem)}h3{line-height:1.2}button:focus-visible,a:focus-visible,.option:has(input:focus-visible){outline:3px solid #186c57;outline-offset:4px}.skip{position:absolute;left:14px;top:14px;z-index:10;transform:translateY(-160%);background:#fff;padding:12px}.skip:focus{transform:none}main:focus,[tabindex="-1"]:focus{outline:none}
.mast,.foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(16px,4vw,62px);max-width:1520px;margin:auto}.mast{min-height:72px}.identity{display:flex;align-items:center;gap:12px;font-size:.73rem;font-weight:780;letter-spacing:.12em;text-decoration:none}.identity b{color:#4e6357}.identity small,.mast-case span{display:block;font-size:.63rem;color:var(--sub);letter-spacing:.14em;margin-top:2px}.monogram{display:grid;place-items:center;width:39px;height:39px;background:var(--dark);color:var(--gold);border-radius:8px;font-family:var(--serif);font-size:1.05rem;letter-spacing:0}.mast-case{text-align:right}.mast-case b{font-size:.83rem;font-weight:650}.foot{padding-top:17px;padding-bottom:20px;font-size:.76rem;color:#465a50}.foot a{text-underline-offset:3px}main{margin:0 auto;max-width:1520px;padding:0 clamp(12px,3vw,46px)}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:.68rem;font-weight:780;letter-spacing:.17em;text-transform:uppercase}.eyebrow:before{content:"";display:block;width:21px;height:1px;background:currentColor}.hero,.scene{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);color:#fff9eb}.hero{min-height:min(660px,calc(100svh - 136px));border-radius:24px;display:flex;align-items:center;box-shadow:var(--shadow)}.scene-bg{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}.hero::after,.scene::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b271ff9 0%,#0b271fef 28%,#0b271f7e 58%,#0b271f0f 100%);pointer-events:none}.hero .person{right:4%;width:46%;height:94%;z-index:-2}.hero-copy{position:relative;max-width:650px;padding:clamp(29px,6vw,90px);padding-right:24px}.hero h1{font-size:clamp(3.7rem,8.5vw,7.4rem);margin:17px 0 22px;max-width:520px}.hero .eyebrow,.scene .eyebrow{color:var(--gold)}.hero p{color:#edf2e9;max-width:400px;font-size:clamp(1rem,1.8vw,1.22rem);margin:0 0 25px}.hero .meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.hero .meta span{border:1px solid #dce9d88c;color:#f5f1e4;border-radius:30px;padding:5px 12px;font-size:.77rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:47px;padding:10px 19px;border-radius:8px;border:1px solid transparent;font-size:.93rem;font-weight:700;text-decoration:none;transition:background-color .18s,border-color .18s}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#285b49}.btn.gold{background:var(--gold);color:#182c23}.btn.gold:hover{background:#ffe1a8}.btn.secondary{border-color:#8c9e92;background:transparent;color:var(--ink)}.btn.secondary:hover{background:#eaf1e9}.btn:disabled{background:#e3e7df;color:#4d5d51;cursor:default}.btn.gold:focus-visible{outline-color:#fff}
.progress{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 2px 2px;font-size:.79rem;color:#44564e;font-weight:650}.progress ol{display:flex;gap:5px;padding:0;margin:0;list-style:none}.progress li{width:clamp(16px,3vw,34px);height:5px;border-radius:6px;background:#c4cbc0}.progress li.done{background:#537d6a}.progress li[aria-current]{background:var(--dark)}
.spread{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper)}.scene{min-height:610px;display:flex;flex-direction:column;justify-content:space-between;padding:28px clamp(22px,3vw,40px);background:#17382d}.scene::after{background:linear-gradient(0deg,#091f19 2%,#102c25ed 18%,#102c2500 63%),linear-gradient(180deg,#09231ceb 0%,#09231c00 33%)}.scene .scene-bg{object-position:56% center}.scene .person{width:86%;height:79%;right:0;bottom:6%;z-index:-2}.person{position:absolute;object-fit:contain;object-position:center bottom;bottom:0;pointer-events:none}.scene .prop{position:absolute;width:76%;max-height:46%;object-fit:contain;left:12%;top:25%;z-index:-2;filter:drop-shadow(0 22px 22px #0008)}.scene figcaption{max-width:390px}.scene figcaption h2{font-size:clamp(2rem,3.55vw,3.8rem);margin:9px 0 4px}.scene figcaption p{color:#e1e9df;font-size:1rem}.panel{padding:clamp(22px,3.3vw,53px);display:flex;flex-direction:column;justify-content:center;min-width:0}.panel>.eyebrow,.result-copy>.eyebrow{color:#28604b;margin-bottom:12px}.context{margin:13px 0 22px;color:var(--sub);max-width:55ch}.question,fieldset{border:0;margin:0;padding:0;min-width:0}.question legend{padding:0;margin-bottom:8px;color:var(--sub);font-size:.76rem;font-weight:740;letter-spacing:.085em;text-transform:uppercase}.option{display:grid;grid-template-columns:33px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:11px 13px;min-height:55px;position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:background-color .16s,border-color .16s}.option+.option{margin-top:8px}.option:hover,.option:has(input:checked){background:#e8f2e9;border-color:#658676}.option strong,.option small{display:block;overflow-wrap:anywhere}.option strong{font-size:.92rem;line-height:1.32}.option small{margin-top:3px;font-size:.77rem;line-height:1.32;color:var(--sub)}.key{display:grid;place-items:center;border-radius:7px;background:#eef1e8;color:#254b3e;width:30px;height:30px;font-size:.72rem;font-weight:780}.option:has(input:checked) .key{background:var(--dark);color:#fff}.option input{accent-color:#225846;width:17px;height:17px;margin:0;grid-column:3;grid-row:1}.actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:15px}.actions .status{margin-right:auto;font-size:.75rem;color:var(--sub)}.feedback{border-radius:12px;padding:15px 18px;background:#f7ead5;border:1px solid #dfc69c;margin-top:15px}.feedback.ok{background:#e6f1e7;border-color:#abc8b3}.feedback h3{font-size:1.05rem;margin:3px 0 5px}.feedback p{font-size:.88rem}.feedback ul{margin:7px 0;padding-left:1.2em;font-size:.82rem}.option[aria-disabled="true"]{cursor:default}.option.good{border-color:#80a992;background:#e8f3e9}.option.missed{border-color:#d2ab70;background:#faf0df}.option .flag{font-weight:760}
.result{margin-top:12px}.result-copy{padding:clamp(24px,4vw,60px);align-self:center}.result-copy .context{margin-bottom:15px}.result .scene{min-height:560px}.result .scene .person{width:87%;height:81%}.score{display:flex;align-items:center;gap:18px;border-block:1px solid var(--line);padding:15px 0;margin:18px 0}.score strong{font:500 clamp(3.4rem,6vw,5.6rem)/.92 var(--serif);letter-spacing:-.06em}.score span{font-size:.84rem;color:var(--sub)}.summary{display:grid;gap:7px;padding:0;margin:16px 0 20px;list-style:none}.summary li{display:flex;align-items:baseline;gap:9px;font-size:.88rem}.summary .key{flex:none}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.review-list{display:grid;gap:10px;margin:15px 0}.review-list details{border:1px solid var(--line);border-radius:8px;padding:10px 13px;background:white;font-size:.85rem}.review-list summary{cursor:pointer;font-weight:720}.review-list p{margin-top:7px}.animate{animation:reveal .28s ease-out both}@keyframes reveal{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.mast{min-height:62px}.mast-case span{display:none}.spread{grid-template-columns:1fr}.hero{align-items:flex-end;min-height:650px;min-height:min(650px,calc(100svh - 110px));border-radius:16px}.hero .person{height:67%;width:85%;right:-9%;bottom:26%;object-position:right bottom}.hero::after{background:linear-gradient(0deg,#09241dfc 0%,#09241de8 35%,#09241d1c 79%)}.hero h1{max-width:360px;font-size:clamp(2.85rem,10vw,5rem);margin:12px 0}.hero-copy{padding:26px}.hero p{margin-bottom:13px}.hero .meta{margin-bottom:16px}.scene,.result .scene{min-height:315px;padding:18px 22px}.scene .person{width:73%;height:89%;right:3%;bottom:0}.scene .prop{width:55%;left:23%;top:22%;max-height:48%}.scene figcaption h2{margin-top:5px}.scene figcaption p{font-size:.86rem}.panel{padding:24px 18px}.context{margin:12px 0 17px}.foot{align-items:flex-start;flex-direction:column;gap:5px}.progress{padding-top:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:761px){.hero .person{height:84%;right:3%;width:43%}}
@media(max-width:760px){.hero .person{height:61%;bottom:32%;right:0;width:77%}}
.review-list[hidden]{display:none}
.response{border-left:3px solid #799787;padding:6px 0 6px 13px}.response b{font-size:.72rem;color:var(--sub);text-transform:uppercase;letter-spacing:.09em}.response p{font-size:.92rem;font-weight:650;margin-top:4px}.takeaway{border-top:1px solid #5f755644;margin-top:10px;padding-top:9px}
.reference{z-index:1;align-self:center;color:var(--ink);background:#fcf9ee;padding:11px;border-radius:12px;box-shadow:0 16px 44px #06251ca8;width:100%;max-width:510px}.reference ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0}.reference li{border:1px solid #dddacf;border-radius:6px;overflow:hidden;background:#fffdf7}.reference img{width:100%;aspect-ratio:1;object-fit:cover}.reference span,.reference b{display:block;margin:0 8px}.reference li span{margin-top:5px;font-size:.63rem;color:#395f50;font-weight:800;text-transform:uppercase;letter-spacing:.075em}.reference li b{font-size:.76rem;line-height:1.18;margin-top:2px;margin-bottom:7px}.reference a{display:inline-block;font-size:.68rem;margin:8px 1px 0;text-underline-offset:2px}.reference a span{display:inline;margin:0 0 0 1px}.scene.with-current::after{background:linear-gradient(0deg,#091f19 0%,#102c25de 24%,#102c2550 70%,#09231cdb 100%)}.reference.older{align-self:flex-start;width:clamp(115px,33%,154px);margin-top:16px;margin-bottom:15px;padding:7px}.reference.older ol{grid-template-columns:1fr}.reference.older a{font-size:.62rem;line-height:1.15}.scene.with-older .person{right:-10%;width:81%}.observation{margin-top:9px;padding-top:8px;border-top:1px solid #5f755644}
@media(max-width:760px){.scene.with-current{min-height:0;gap:15px}.reference{max-width:385px}.scene.with-older .person{width:73%;right:-7%}}
.bench-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 3px 10px}.bench-head small,.case-file>span,.draft-note>b,.drill-head div>span,.challenge-card>span{display:block;color:#365c4c;font-size:.66rem;letter-spacing:.10em;font-weight:800}.bench-head h3,.case-file h3{font-family:var(--serif);font-size:1.55rem;font-weight:550;margin-top:2px}.reference .bench-head>span{white-space:nowrap;background:#e1ede2;color:#204e3b;border-radius:20px;padding:4px 8px;margin:0;font-size:.73rem;font-weight:750}.bench-tools{display:flex;gap:7px;margin:0 0 10px}.bench-tools button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 8px;border:1px solid #7b9d8d;border-radius:8px;background:#fff;color:#1a4134;font-weight:720;font-size:.82rem}.bench-tools button span{display:inline;margin:0;font-size:1.03rem}.bench-tools button[aria-pressed=true]{background:#244e3f;color:white;border-color:#244e3f}.bench-tools .found::after{content:'✓';font-size:.83rem}.reference[data-mode="tilt"] li:first-child,.reference[data-mode="light"] li:nth-child(n+2){box-shadow:0 0 0 2px #236957}.bench-readout{min-height:4.4rem;margin-top:8px;border-radius:8px;background:#ebf0e7;padding:10px;color:#29463a;font-size:.78rem}.bench-reveal{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bench-reveal p:nth-child(2){padding-left:9px;border-left:1px solid #b2c4b7}.reference .bench-reveal b{font-size:.71rem;margin:0 0 3px;color:#163f30}.scene.with-current{gap:22px}.case-file{align-self:center;width:min(100%,450px);padding:21px 23px;border-radius:10px;background:#fbf6e8;color:var(--ink);box-shadow:0 12px 36px #071f1a8a}.case-file h3{margin-top:5px}.case-file ul{list-style:none;padding:0;margin:13px 0}.case-file li{border-top:1px solid #cbd3c7;padding:8px 0;font-size:.87rem}.case-file li b{display:block;font-size:.69rem;color:#466255;text-transform:uppercase;letter-spacing:.06em}.case-file small{font-size:.72rem;color:var(--sub)}.handoff-field{display:grid;gap:5px;margin-bottom:9px;font-size:.85rem}.handoff-field select{width:100%;min-height:44px;background:#fffdf7;border:1px solid #7b9688;border-radius:8px;padding:7px 9px;font:inherit;color:var(--ink);text-overflow:ellipsis}.handoff-field select:focus-visible,.challenge-card summary:focus-visible{outline:3px solid #186c57;outline-offset:3px}.draft-note{background:#edf1e9;border-left:3px solid #658d79;padding:10px 12px;font-size:.84rem}.draft-note p{margin-top:4px}.shift-drill{border-top:1px solid #cdd8cf;margin-top:18px;padding-top:14px}.drill-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.drill-head h3{font-size:.98rem;margin-top:4px}.drill-head .btn{font-size:.79rem;min-height:42px;padding:7px 10px;gap:7px}.draw-icon{color:#28604b}.challenge-card{border:1px solid #d1c3a1;border-radius:9px;background:#f8efd9;margin-top:12px;padding:11px 14px;font-size:.85rem}.challenge-card h4{margin:4px 0;font-size:1rem}.challenge-card details{margin-top:7px}.challenge-card summary{cursor:pointer;font-weight:720}.challenge-card details p{margin-top:6px}
@media(max-width:760px){.scene.with-current{gap:12px}.case-file{margin:17px 0}.bench-reveal{grid-template-columns:1fr}.bench-reveal p:nth-child(2){padding-left:0;padding-top:7px;border-left:0;border-top:1px solid #b2c4b7}.drill-head{align-items:flex-start}}

/* The guide stays beside the inspection controls throughout both checks. */
.reference .official-guide {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin: 0 0 9px;
  padding: 0 11px;
  border-radius: 7px;
  background: #e2eee4;
  color: #183e31;
  font-size: .84rem;
  font-weight: 750;
  text-decoration-thickness: 1px;
}
.reference .official-guide:hover { background: #d4e7da; }
.reference .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.bench-sound {
  min-height: 34px;
  margin-left: auto;
  padding: 3px 10px;
  border: 1px solid #9db1a4;
  border-radius: 20px;
  color: #25483b;
  background: #f8faf4;
  font-size: .75rem;
  font-weight: 750;
  white-space: nowrap;
}
.bench-sound[aria-pressed="false"] { background: transparent; }
.bench-tools .tool-check { display: none; }
.bench-tools .found .tool-check { display: inline; }
.bench-tools .found::after { content: none; }
.workbench {
  --sample-angle: 0deg;
  --lamp-level: 0;
  --glint-position: 0%;
  --ribbon-travel: 0px;
  display: grid;
  gap: 6px;
  margin: 0 0 10px;
  padding: 7px 9px;
  border: 1px solid #cbd8cc;
  border-radius: 8px;
  background: #eef2ea;
}
.workbench[hidden] { display: none; }
.workbench-view {
  position: relative;
  display: grid;
  place-items: center;
  padding: 15px 12px;
  overflow: hidden;
  border-radius: 6px;
  background: #143229;
}
.workbench-view::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, #fffbe9 16%, #ffdc8d 47%, #d2985520 82%);
  opacity: var(--lamp-level);
}
.sample-note {
  position: relative;
  width: min(100%, 3.2in);
  aspect-ratio: 7 / 3;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 5px 15px #051e16b3;
  transform: perspective(460px) rotateY(var(--sample-angle)) rotateZ(calc(var(--sample-angle) * .10));
}
.sample-note .specimen { width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; opacity: calc(1 - var(--lamp-level) * .42); }
.backlight-features {
  position: absolute;
  inset: 0;
  opacity: var(--lamp-level);
}
.reference .backlit-thread {
  position: absolute;
  inset: 3% auto 4% 22%;
  width: 1.15%;
  margin: 0;
  background: repeating-linear-gradient(180deg,#4a3a2e 0 5px,#71614c 5px 7px);
}
.sample-note .backlit-portrait {
  position: absolute;
  inset: 14% 4% 12% auto;
  width: 17%;
  height: 73%;
  aspect-ratio: auto;
  mix-blend-mode: multiply;
  mask-image: radial-gradient(ellipse,#000 30%,transparent 69%);
}
.ribbon-demo,.reflector-glint,.reflector-plate { display: none; position: absolute; }
.reference[data-mode="tilt"] .ribbon-demo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  inset: 16% auto 14% 52%;
  width: 4.2%;
  overflow: hidden;
  background: #24478eae;
}
.reference .ribbon-demo span {
  display: block;
  margin: 0;
  color: #dfe9ff;
  font-size: clamp(4px, .75vw, 8px);
  font-weight: 800;
  line-height: 1;
  transform: translateY(var(--ribbon-travel));
}
.ribbon-demo .ribbon-bell {
  width: 54%;
  aspect-ratio: 1;
  background: #dfe9ff;
  clip-path: polygon(46% 0,54% 0,60% 12%,73% 20%,80% 36%,83% 61%,100% 76%,100% 84%,61% 84%,58% 100%,42% 100%,39% 84%,0 84%,0 76%,17% 61%,20% 36%,27% 20%,40% 12%);
}
.reference[data-mode="tilt"] .reflector-glint {
  display: block;
  inset: 0;
  background: linear-gradient(105deg,transparent 31%,#f7e6ad44 47%,#fff8d981 50%,transparent 63%);
  transform: translateX(var(--glint-position));
  mix-blend-mode: screen;
}
.reference[data-mode="tilt"] .reflector-plate {
  display: block;
  bottom: 6px;
  right: 10px;
  width: 32px;
  height: 10px;
  border: 1px solid #e3bc7a;
  border-radius: 2px;
  background: linear-gradient(115deg,#a77c45,#f7dfa7 49%,#c29452);
  box-shadow: 0 3px 6px #051e16b3;
  transform: rotate(calc(var(--sample-angle) * .55));
}
.demo-credit { color: #405b50; font-size: .64rem; line-height: 1.3; }
.workbench-control label, .workbench-control small { display: block; }
.workbench-control label { color: #25483b; font-size: .82rem; font-weight: 750; }
.workbench-control small { color: #476156; font-size: .69rem; line-height: 1.25; }
.workbench-control input {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 0;
  accent-color: #235d48;
  cursor: pointer;
}
.workbench-control input:focus-visible { outline: 2px solid #236957; outline-offset: 1px; }
.dialogue-button {
  min-height: 44px;
  margin-top: 9px;
  padding: 5px 12px;
  border: 1px solid #789889;
  border-radius: 7px;
  color: #184131;
  background: #edf3e9;
  font-size: .8rem;
  font-weight: 730;
}
.dialogue-button:hover { background: #dbece1; }
.dialogue-button:disabled { opacity: .65; cursor: default; }
.scene .dialogue-button:focus-visible { outline-color: #e7f7df; }
.customer-reaction {
  margin-top: 9px;
  padding-block: 8px;
  border-color: #aa8050;
  border-radius: 0 7px 7px 0;
  background: #f4eee0;
}
@media print { .workbench-view { display: none; } }

:root {
  --sans: Arial, Helvetica, sans-serif;
  --serif: Georgia, serif;
}
.mast {
  min-height: 82px;
  margin-bottom: 5px;
  border-bottom: 1px solid #29445f;
  background: #061426;
  color: #fff;
}
.identity {
  font-size: 1rem;
  letter-spacing: normal;
}
.identity small, .mast-case span {
  color: #c4d1de;
  text-transform: uppercase;
}
.brand-logo {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
}
.mast .identity:focus-visible { outline-color: #f1ce93; }
.manager-reaction {
  border-color: #466785;
  background: #edf3f8;
}
.manager-reaction h3 {
  color: #34526f;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .09em;
}
.manager-exchange {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}
.manager-exchange > h3 {
  margin: 0;
  font-size: .9rem;
}
.manager-choice {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #9bb1c4;
  border-radius: 8px;
  background: #fff;
  color: #152e46;
  text-align: left;
  font: inherit;
  font-size: .9rem;
  cursor: pointer;
}
.manager-choice:hover, .manager-choice[aria-pressed="true"] {
  border-color: #466785;
  background: #edf3f8;
}
.exchange-turn:empty { display: none; }
.manager-debrief {
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px solid #bacbd9;
  border-radius: 10px;
  background: #edf3f8;
  color: #152e46;
}
.manager-debrief h3 { margin-top: 5px; }
.manager-debrief ul { margin: 10px 0 0; padding: 0; list-style: none; }
.manager-debrief li { padding: 9px 0; border-top: 1px solid #c3d1dc; font-size: .85rem; }
.manager-debrief p { margin-top: 4px; }
.manager-tip strong { margin-right: 5px; }
.repaired-note { color: #245744; font-weight: 700; }
.foot nav { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.academy-entry {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 28px;
  margin: 16px 0;
  padding: 16px 20px;
  border: 1px solid #bccdc7;
  border-radius: 12px;
  background: #f8faf6;
  font-size: .92rem;
}
.certificate-panel {
  margin: 18px 0;
  padding: 16px 18px;
  border: 1px solid #bacbd9;
  border-radius: 10px;
  background: #f8faf6;
}
.certificate-panel h3 { margin: 0 0 5px; }
.certificate-form { margin-top: 10px; }
.certificate-form label { display: block; margin-bottom: 4px; font-weight: 700; }
.certificate-form > div { display: flex; flex-wrap: wrap; gap: 8px; }
.certificate-form input {
  flex: 1 1 150px;
  min-width: 0;
  border: 1px solid #789889;
  border-radius: 7px;
  padding: 9px 12px;
  color: inherit;
  font: inherit;
}
.certificate-view { margin-top: 16px; }
.certificate-view[hidden] { display: none; }
.certificate-document {
  padding: clamp(16px, 4vw, 32px);
  border: 4px double #98722f;
  color: #0b2138;
  background: #fff;
  text-align: center;
  overflow-wrap: anywhere;
}
.certificate-document img { display: block; margin: 0 auto 8px; object-fit: cover; border-radius: 50%; }
.certificate-document h2 { margin: 12px 0; font: 700 clamp(1.35rem, 3vw, 2rem) Georgia, serif; }
.certificate-document h3 { margin: 8px 0 12px; font: 700 1.5rem Georgia, serif; }
.certificate-document p { margin: 6px 0; }
.certificate-document small { display: block; margin-top: 12px; }
.certificate-print { margin-top: 10px; }
@media print {
  @page { size: landscape; margin: 14mm; }
  body.printing-certificate { background: white; }
  .printing-certificate > :not(main),
  .printing-certificate .result > :not(.result-copy),
  .printing-certificate .result-copy > :not(.certificate-panel),
  .printing-certificate .certificate-panel > :not(.certificate-view),
  .printing-certificate .certificate-view > :not(.certificate-document) { display: none !important; }
  .printing-certificate main,
  .printing-certificate .result,
  .printing-certificate .result-copy,
  .printing-certificate .certificate-panel,
  .printing-certificate .certificate-view {
    display: block;
    margin: 0;
    padding: 0;
    max-width: none;
    border: 0;
    background: white;
    box-shadow: none;
    overflow: visible;
    animation: none;
  }
  .certificate-document { padding: 18mm 10mm; break-inside: avoid; }
}
@media (max-width: 760px) {
  .mast { min-height: 70px; }
  .brand-logo { width: 43px; height: 43px; }
  .academy-entry { grid-template-columns: 1fr; }
}

.procedure-card{padding:.75rem .9rem;margin:.75rem 0 1rem;border:1px solid #b5c6b6;border-radius:.65rem;background:#eef3eb}.procedure-card summary{cursor:pointer;font-weight:700}.procedure-card p{font-size:.9rem;margin:.65rem 0 0}.procedure-card strong{display:block}.assessment-panel fieldset{border:0;margin:0;padding:0}.assessment-choice{display:flex;align-items:flex-start;gap:.55rem;margin:.45rem 0;padding:.8rem;border:1px solid #b5c6b6;border-radius:.5rem;cursor:pointer}.assessment-choice:focus-within,.procedure-card summary:focus-visible{outline:2px solid #a15200;outline-offset:2px}.assessment-choice input{margin:.25rem 0 0;flex:none}.assessment-choice:has(input:checked){background:#e9f1e9;border-color:#194a3d}.assessment-panel .actions{gap:.6rem;margin-top:1rem}.answer-review{padding-left:1.25rem}.answer-review li{padding:.5rem 0;border-bottom:1px solid #cbd4c9}.answer-review p{margin:.25rem 0 .5rem}.assessment-scores{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.assessment-score{flex:1;min-width:135px;padding:.7rem .9rem;border:1px solid #b5c6b6;border-radius:.6rem;background:#eef3eb}.assessment-score .label{font-size:.85rem}.assessment-score strong{font:2rem Georgia,serif}.assessment-score p{margin:.25rem 0}.assessment-note{margin:1rem 0}.assessment-panel [hidden]{display:none}.assessment-panel h2:focus-visible{outline:2px solid #a15200;outline-offset:4px}