:root{font-family:system-ui,-apple-system,sans-serif;color:#163846;background:#f6f5ef;--teal:#087f86;--navy:#092639;--gold:#efd572}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:3;background:#fffffff5;border-bottom:1px solid #dbe5e3;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--navy);font-weight:750}.brand img{height:48px;width:48px;border-radius:12px}.brand small{display:block;font-size:12px;font-weight:400;margin-top:4px}nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}a{color:var(--teal);text-underline-offset:4px}nav a{text-decoration:none;font-weight:650}.account-link{background:#e0f3ef;padding:10px 16px;border-radius:22px}main{max-width:1180px;margin:auto;padding:32px 24px;min-height:70vh}.hero{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:var(--navy);color:white;margin-bottom:28px}.hero-copy{padding:40px}.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-1.5px}.hero h1 span{color:#59cdc3}.hero img{width:100%;height:100%;object-fit:cover}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:750}.hero p{line-height:1.65}.button,button{display:inline-block;background:var(--teal);color:white;border:0;border-radius:12px;padding:13px 18px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;text-align:left}.button.secondary,button.secondary{background:#e0f3ef;color:var(--teal)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d49625;outline-offset:4px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.card{background:white;border:1px solid #dce7e4;border-radius:22px;padding:25px;margin-bottom:18px}.card h2,.card h3{margin-top:10px;line-height:1.3}.card p,li{line-height:1.65;white-space:pre-line}.badge{display:inline-block;background:#e0f3ef;color:#00666d;font-size:12px;font-weight:750;padding:6px 10px;border-radius:20px}.badge.lock{background:#fff0be;color:#785300}.notice{background:#fff1c7;border-left:5px solid #cd9b23;padding:18px;border-radius:12px;line-height:1.5;margin:16px 0}.disclaimer{background:#ffebe9;border-left-color:#b33131;color:#852626}.narrow{max-width:720px;margin:auto}.back{display:inline-block;margin-bottom:20px}.answer{display:block;width:100%;background:#edf4f3;color:var(--navy);margin:10px 0;white-space:normal;line-height:1.55}.answer.correct{background:#d0efe8;border:2px solid var(--teal)}.answer.wrong{background:#ffe2df;border:2px solid #bd3333}label{display:block;font-weight:650;margin-top:18px}input{display:block;width:100%;font:inherit;border:1px solid #9fbab7;padding:14px;border-radius:10px;margin:7px 0 15px}.subtle{color:#536a73;font-size:14px}.status{min-height:24px;margin:12px 0;line-height:1.6}.section-number{color:var(--teal);font-weight:800;font-size:14px}.link-list a{display:block;padding:12px 0}.search{max-width:650px}footer{text-align:center;line-height:1.8;padding:32px 20px;color:#536a73;font-size:13px}details{background:#f2f8f6;border-radius:12px;padding:14px;margin:10px 0}summary{cursor:pointer;font-weight:700}@media(max-width:720px){header{position:static;flex-direction:column;align-items:flex-start;padding:16px 20px}nav{gap:16px;font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:26px}.hero img{max-height:260px;object-position:center}main{padding:22px 16px}.card{padding:21px}.grid{grid-template-columns:1fr}}

.library-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:14px 0}.library-row a{flex:1;min-width:180px;text-align:left;white-space:normal}summary{line-height:1.6}main h1{white-space:pre-line}

.diagram{margin:24px 0;padding:16px;background:white;border-radius:20px}.diagram img{display:block;max-width:100%;max-height:85vh;object-fit:contain;margin:0 auto 16px}.image-dialog{max-width:96vw;max-height:95vh;border:0;border-radius:16px;padding:16px}.image-dialog img{display:block;max-width:none;width:min(1400px,160vw);height:auto}.image-dialog::backdrop{background:#092639cc}.image-dialog button{position:sticky;top:0}.course-links{margin:18px 0}

button.danger{background:#a52332;color:white} details label{display:block;margin-top:1rem}

select{display:block;width:100%;padding:14px;margin:12px 0;border:1px solid #b9ced2;border-radius:8px;background:white;color:#15323d;font:inherit}.selected-answer{border:2px solid #087f87;background:#e6f5f5}

details>.button{display:flex;margin:10px 0;text-align:left}.card p{white-space:pre-line}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b88935;outline-offset:3px}

p.correct{color:#00666d;background:#e0f3ef;padding:12px;border-radius:8px}p.wrong{color:#952c35;background:#ffebe9;padding:12px;border-radius:8px}.answer:disabled{opacity:1}

.library-section{margin:26px 0;padding:22px;border:1px solid #d6e5e2;border-radius:22px;background:#ffffffaa}.slide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.slide-preview{border-top:4px solid #087f86;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.slide-preview h3{flex:1}.deck-controls,.slide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.slide-toolbar{padding:14px;background:#e2f2ef;border-radius:16px}.slide-toolbar select{flex:1;min-width:180px;width:auto;max-width:100%;margin:0}.takeaway{background:#e9f6f1;border-left:5px solid #087f86}.caution{background:#fff5dd;border-left:5px solid #cc951c}header{flex-wrap:wrap}.brand,nav{min-width:0}@media(max-width:720px){.slide-grid{grid-template-columns:1fr}.library-section{padding:16px}.slide-toolbar select{flex-basis:100%;order:3}.deck-controls span{font-size:13px}}

.presentation-launch{padding:28px;border-radius:24px;background:linear-gradient(120deg,#092639,#135760);color:white;margin:20px 0}.presentation-launch .button,.presentation-launch button{margin:8px 12px 8px 0}.presentation-launch .subtle{color:#d3e7e4}.slide-stage{height:65vh;overflow:auto;background:white;border:1px solid #d7e7e4;border-top:6px solid #087f86;border-radius:22px;padding:28px;box-shadow:0 12px 30px #12364310}.slide-block{padding:18px 22px;margin-bottom:16px;background:#f0f8f6;border-radius:16px}.slide-block:nth-child(even){background:#f0f4fb}.slide-block h2{color:#08737b;font-size:1.3rem;margin-top:0}.slide-points{padding-left:26px}.slide-points li{padding:8px 0 8px 6px}.slide-points li::marker{color:#087f86}.slide-toolbar{margin-bottom:14px}@media(max-width:720px){.slide-stage{padding:14px;height:62vh}.slide-block{padding:16px}.presentation-launch{padding:20px}}
/* Original web presentation frame with the native app's semantic section palette. */
main.presentation-player{position:fixed;inset:0;z-index:20;max-width:none;margin:0;padding:0;background:#031523;color:white;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;min-height:0;overflow:hidden}.player-header{display:flex;align-items:center;gap:18px;padding:12px 22px;border-bottom:1px solid #ffffff22}.player-brand{display:flex;align-items:center;gap:12px}.player-brand img{width:40px;height:40px;border-radius:50%;background:white}.player-position{margin-left:auto;font-size:13px;color:#a4c7cc}.player-header .button{font-size:13px;background:#15374b;color:white}.presentation-player .slide-toolbar{margin:0;padding:10px 22px;border-radius:0;background:#031523}.presentation-player .slide-toolbar select{background:#0b2a40;color:white;border-color:#ffffff33;max-width:650px}.presentation-player .slide-toolbar a{background:#15374b;color:white}.presentation-player .slide-stage{width:min(1180px,calc(100% - 48px));height:100%;max-height:100%;min-height:0;justify-self:center;background:radial-gradient(circle at 90% 10%,#59d7d125,transparent 34%),#f8f5ed;color:#071d33;border:0;border-left:9px solid #20b9b5;border-radius:18px;padding:34px 42px;box-shadow:0 25px 70px #0005;scrollbar-gutter:stable}.deck-title .eyebrow{color:#087f82}.deck-title h1{font-family:Georgia,serif;font-size:clamp(28px,3vw,48px);line-height:1.12;margin:12px 0 28px}.presentation-player .slide-block{background:#fff;border:1px solid #071d3310;border-left:4px solid #087f82;border-radius:22px;padding:20px;margin:16px 0}.slide-block h2{display:flex;align-items:flex-start;gap:12px;color:inherit;font-size:20px}.section-symbol{flex:none}.step-number{display:inline-grid;place-items:center;background:#087f8220;color:#087f82;border-radius:50%;min-width:38px;min-height:38px;margin-top:-7px}.presentation-player .tone-teal{background:#087f8210}.presentation-player .tone-blue{background:#2468c012;border-left-color:#2468c0}.presentation-player .tone-indigo{background:#5357b815;border-left-color:#5357b8}.presentation-player .tone-gold{background:#f4d97855;border-left-color:#b18a15}.presentation-player .tone-plain{background:white}.deck-sources{background:#087f8210;font-size:14px;color:#4e636c}.player-controls{padding:12px 22px;display:flex;align-items:center;gap:20px}.player-controls nav{display:flex;justify-content:space-between;flex:1}.player-controls progress{width:150px;accent-color:#59d7d1;height:8px}.player-controls a{background:#15374b!important;color:white!important}.presentation-player .slide-block p{line-height:1.7}.presentation-player .slide-points li{line-height:1.65}
@media(max-width:720px){.player-header{padding:10px 12px;gap:8px;flex-wrap:wrap}.player-brand{font-size:14px}.player-brand img{width:28px;height:28px}.player-position{font-size:11px}.player-header .button{padding:8px}.presentation-player .slide-toolbar{padding:8px 12px;gap:8px}.presentation-player .slide-toolbar a{padding:9px 12px}.presentation-player .slide-toolbar select{font-size:13px;padding:9px}.presentation-player .slide-stage{width:calc(100% - 16px);padding:20px 16px;border-left-width:5px}.presentation-player .slide-block{padding:16px}.deck-title h1{font-size:28px}.player-controls{padding:8px;gap:8px}.player-controls progress{width:55px}.player-controls a{font-size:12px;padding:10px}.slide-block h2{font-size:18px}}

.slide-steps{padding-left:2em}.slide-steps li{padding:10px 0 10px 8px;line-height:1.65}.slide-steps li::marker{font-weight:800;color:#087f82}.practice-callout{padding:16px;background:#f4d97855;border-radius:14px}strong{font-weight:750}

.knowledge-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}.knowledge-tile{display:flex;flex-direction:column;gap:16px;padding:30px;border-radius:24px;background:white;border:1px solid #dce7e4;border-top:5px solid #087f86;color:#071d33;text-decoration:none;font-size:22px;font-weight:750;box-shadow:0 10px 25px #071d3309}.knowledge-tile:hover{background:#eef8f5}.category-career{border-top-color:#4d68b0}.category-professions{border-top-color:#836899}.category-podcast{border-top-color:#b78920}.category-slides{background:#e6f4f1}.category-system{border-top-color:#135776}.knowledge-tiles[hidden]{display:none}@media(max-width:720px){.knowledge-tiles{grid-template-columns:1fr;gap:14px}.knowledge-tile{font-size:20px;padding:24px}}

.slide-sections{display:grid;gap:16px}.presentation-player .slide-sections .slide-block{margin:0}.layout-comparison .slide-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-statement .slide-block{font-size:22px}.layout-cover .deck-title h1{font-size:clamp(36px,5vw,64px)}.layout-cover .slide-sections{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.layout-cover .diagram{margin:0;padding:0;background:transparent}.layout-cover .slide-block{border:0!important;background:transparent!important}.presentation-player .slide-block{overflow-wrap:anywhere;min-width:0}.deck-title h1{hyphens:auto;overflow-wrap:break-word}@media(max-width:850px){.layout-comparison .slide-sections,.layout-cover .slide-sections{grid-template-columns:1fr}.layout-statement .slide-block{font-size:18px}}

.course-hero{background:linear-gradient(130deg,#071d33,#0b4056);color:white;border:0}.course-hero h1{font-family:Georgia,serif;font-size:clamp(28px,3.5vw,44px);line-height:1.15}.course-hero .section-number{color:#59d7d1}.course-hero li::marker{color:#59d7d1}.course-foundation{border-left:5px solid #087f86}.course-foundation .section-number{display:inline-block;background:#e4f3ee;padding:8px 12px;border-radius:20px}.course-foundation h2{color:#0b4056}

.deck-reading-note{font-size:12px;line-height:1.6;color:#536a73;border-top:1px solid #cdded7;padding-top:16px;margin-top:24px}.slide-stage:focus-visible{outline:2px solid #59d7d1;outline-offset:-3px}

.knowledge-banner{background:linear-gradient(130deg,#071d33,#0b4056);color:white;border-radius:24px;padding:28px;margin:20px 0 26px}.knowledge-banner h1{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:14px 0;max-width:30ch}.knowledge-banner .section-number,.knowledge-category{color:#59d7d1}.knowledge-symbol{display:block;font-size:30px;margin-top:16px}.knowledge-banner .badge{margin-top:8px}.career-entry details .button{display:block;margin:10px 0;line-height:1.5}.library-section summary{display:flex;align-items:center;gap:12px}.library-section summary::before{content:'›';font-size:24px;color:#087f86}.library-section details[open]>summary::before{transform:rotate(90deg)}

.slide-search-dialog{width:min(700px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:1px solid #a9c8c2;border-radius:22px;padding:24px;background:#f8f5ed;color:#071d33}.slide-search-dialog::backdrop{background:#031523cc}.slide-search-dialog h2{font-family:Georgia,serif}.slide-search-dialog .button{display:block;margin:10px 0;line-height:1.5;white-space:normal}.player-header>button{font-size:13px;padding:8px 12px}

.presentation-player .slide-variant-0{background:linear-gradient(135deg,#f8f5ed,#fff)}.presentation-player .slide-variant-1{background:radial-gradient(circle at 83% 20%,#2bc5bf40,transparent 28%),#f8f5ed}.presentation-player .slide-variant-2{background:radial-gradient(circle at 80% 20%,#2bc5bf40,transparent 30%),#071d33;color:white}.presentation-player .slide-variant-3{background:linear-gradient(135deg,#dff1eb,#fbf7ee)}.slide-variant-2 .deck-title .eyebrow{color:#59d7d1}.presentation-player .slide-variant-2 .slide-block{background:#f4f8f5;color:#071d33}.presentation-player .slide-variant-2 .tone-gold{background:#f7edc8}.presentation-player .slide-variant-2 .tone-blue{background:#e8eff8}.presentation-player .slide-variant-2 .tone-indigo{background:#eeedf9}.slide-variant-2 .deck-sources{background:#e1f0eb;color:#244551}.slide-variant-2 .deck-reading-note{color:#c5dedc;border-color:#ffffff33}

/* Native judgment atlas and grouped norm library. */
.reference-banner p{line-height:1.6}.reference-banner .button{margin-top:12px}.reference-filter-row{display:flex;gap:18px;flex-wrap:wrap}.reference-filter-row label{flex:1;min-width:220px;margin:0}.reference-filter-row select{display:block;width:100%;font:inherit;color:var(--navy);background:#f2f8f6;border:1px solid #9fbab7;border-radius:10px;padding:12px;margin-top:8px;white-space:normal}.reference-filter-row select:focus-visible{outline:3px solid #d49625;outline-offset:3px}.judgment-card{border-top:4px solid #087f86}.judgment-card h2{font-size:clamp(21px,2.4vw,28px);color:var(--navy)}.judgment-docket{font-family:ui-monospace,monospace;font-size:14px;color:#536a73}.judgment-tenor{background:#edf4fa;border-left:4px solid #4a749a;padding:12px 18px;border-radius:10px}.judgment-tenor h3,.judgment-holding h3{font-size:16px}.judgment-card summary{color:var(--teal);padding:6px 0}.judgment-card details[open] summary{margin-bottom:18px}.reference-actions{display:flex;flex-wrap:wrap;gap:12px}.reference-source{display:inline-flex;padding:12px 16px;background:var(--teal);color:white;border-radius:10px;text-decoration:none;font-weight:650}.reference-course-links a{display:block;padding:10px 0;line-height:1.5}.norm-group h2{color:var(--navy)}.norm-link{display:flex;gap:14px;align-items:flex-start;padding:17px 6px;text-decoration:none;border-bottom:1px solid #dce7e4;color:var(--navy);line-height:1.5}.norm-link:last-child{border-bottom:0}.norm-link:hover{background:#eef7f4;border-radius:10px}.norm-description{display:block;font-size:14px;color:#536a73;margin-top:5px}.norm-symbol{color:var(--teal);font-size:24px;font-weight:800;min-width:24px}.norm-arrow{margin-left:auto;color:var(--teal);font-size:22px}.norm-resources{border-left:5px solid #087f86}@media(max-width:600px){.reference-filter-row{display:block}.reference-filter-row label+label{margin-top:14px}.reference-source{width:100%}.judgment-card .badge{line-height:1.5}}
.practice-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.practice-mode{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#f2f7f5;color:var(--navy);border:2px solid #dbe7e3;border-radius:18px;padding:20px;text-align:left;line-height:1.5;font-weight:400}.practice-mode[aria-pressed=true]{background:#dff2ed;border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.practice-mode strong{font-size:19px}.mode-icon{font-size:27px}.mode-description{font-size:14px;color:#425f68}.practice-timer-setup{background:#edf3f9;border-radius:16px;padding:18px;margin:20px 0}.practice-timer-setup input{max-width:240px}.practice-timer-setup .badge{display:block;width:fit-content;font-size:14px;margin:12px 0}.practice-timer-setup label{font-size:14px}.practice-mistakes{border-top:1px solid #dbe7e3;margin-top:28px;padding-top:16px}.practice-score{display:flex;align-items:center;gap:18px;border-radius:16px;background:#def2eb;padding:20px;margin:20px 0;color:#00666d}.practice-score strong{font-size:34px}.practice-panel>.secondary{margin:10px 8px 10px 0}@media(max-width:760px){.practice-modes{grid-template-columns:1fr}.practice-mode{gap:8px;padding:18px}.practice-mode .mode-icon{font-size:23px}.practice-score{align-items:flex-start;flex-direction:column;gap:8px}}
.practice-answer{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}.answer-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:white;color:var(--teal);font-weight:800}.practice-answer.correct .answer-letter{background:var(--teal);color:white}.practice-answer.wrong .answer-letter{background:#b33131;color:white}

.layout-roles .slide-sections{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-roles .slide-sections>.tone-gold:last-child{grid-column:1/-1}@media(max-width:1100px){.layout-roles .slide-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.layout-roles .slide-sections{grid-template-columns:1fr}}

.course-group{margin:32px 0 42px}.course-group>h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,30px);margin-bottom:8px}.course-group>.subtle{margin-bottom:20px}.course-preview{display:flex;flex-direction:column;border-top:4px solid #628298;margin-bottom:0;min-width:0}.course-preview.course-free{border-top-color:var(--teal);background:linear-gradient(155deg,#fff,#eff9f5)}.course-preview h3{font-size:22px;color:var(--navy);line-height:1.3;margin:0 0 12px}.course-preview>.button{margin-top:auto;align-self:flex-start}.course-preview>p:not(.section-number){margin-top:0;margin-bottom:22px}.course-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.course-symbol{display:grid;place-items:center;width:48px;height:48px;background:#e8f2f2;border-radius:14px;font-size:25px}.course-free .course-symbol{background:#d7efe6}.course-preview .section-number{margin:18px 0 10px}.course-preview .badge{white-space:normal}

.account-welcome{display:grid;grid-template-columns:1.15fr 1fr;background:var(--navy);color:white;border-radius:24px;overflow:hidden;margin-bottom:24px}.account-welcome-copy{padding:28px}.account-welcome h1{margin:12px 0;font-family:Georgia,serif;font-size:36px}.account-welcome img{width:100%;height:100%;object-fit:cover;min-height:250px}.account-slogan{font-size:22px;line-height:1.45;font-weight:700}.account-slogan span{color:#59d7d1}.account-grants{border-top:5px solid var(--teal)}.account-code{background:#edf7f5;border:1px solid #b8dbd5}.account-code h2{color:#08737b}@media(max-width:540px){.account-welcome{grid-template-columns:1fr}.account-welcome img{height:180px;min-height:0;object-position:center 40%}.account-welcome-copy{padding:24px}}

header{flex-wrap:wrap}.brand{min-width:0}header nav{min-width:0}header nav a{white-space:nowrap}@media(min-width:721px) and (max-width:1200px){header nav{flex-basis:100%;gap:16px}}

/* Native learning steps: semantic answers and persistent course progress. */
.course-learning-progress{margin-top:1.4rem}.course-learning-progress progress{width:100%;height:14px;accent-color:var(--teal,#07878b)}
.learning-material{border:1px solid #cbdedb;border-radius:16px;margin:12px 0;background:#f4faf8;padding:16px}
.learning-material summary{cursor:pointer;font-weight:750;color:#075e66;line-height:1.5;text-align:left}.learning-material>div{padding-top:16px}
.learning-answers{display:grid;gap:12px}.learning-answer{display:flex;align-items:flex-start;gap:12px;text-align:left;white-space:normal;line-height:1.6;width:100%}
.answer-marker{display:inline-flex;justify-content:center;align-items:center;flex:0 0 30px;height:30px;border:1px solid currentColor;border-radius:50%;font-weight:800}
.learning-feedback{padding:16px;margin-top:16px;border-radius:16px}.learning-feedback:empty{display:none}
.learning-feedback.correct{background:#e0f5ef;color:#086d69}.learning-feedback.wrong{background:#fff0ee;color:#9b3035}
.learning-step .source-link{display:block;margin:12px 0;padding:14px;background:#edf6f5;border-radius:12px;font-weight:650;overflow-wrap:anywhere}
.learning-answer:disabled{opacity:1}.learning-answer.correct{background:#dcf5ed;color:#086d69;border:2px solid #0b8c82}.learning-answer.wrong{background:#fff0ee;color:#9b3035;border:2px solid #ba4249}

.course-progress-preview{display:grid;gap:8px;margin:14px 0;font-size:.88rem;font-weight:650;color:#08787e}.course-progress-preview progress{width:100%;height:10px;accent-color:#07878b}.progress-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.progress-stat-grid>div{display:grid;gap:7px;padding:18px;border-radius:16px;background:#ffffffc9;color:#093346}.progress-stat-grid strong{font-size:1.7rem}.progress-stat-grid span{font-size:.85rem}.certificate-gate{margin-top:28px;border-top:5px solid #bf9a42}@media(max-width:540px){.progress-stat-grid{grid-template-columns:1fr}.progress-stat-grid>div{display:flex;align-items:center;justify-content:space-between}}

.podcast-hero{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;padding:32px;background:#0b2339;color:white;border-radius:26px;margin-bottom:28px}.podcast-hero img{width:100%;border-radius:20px}.podcast-hero h1{color:white}.podcast-hosts{color:#66d2d0;font-weight:750}.podcast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.podcast-related{display:grid;gap:12px;border-top:1px solid #d7e3e0;margin-top:22px;padding-top:12px}.podcast-related a{padding:12px;border-radius:12px;background:#edf7f4;font-weight:650}.podcast-episode{margin:0}.podcast-grid+.card{margin-top:28px}@media(max-width:650px){.podcast-hero{grid-template-columns:1fr;padding:24px}.podcast-hero img{width:130px}.podcast-grid{grid-template-columns:1fr}}

.search-controls{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px 0}.search-controls input,.search-controls select{width:100%;min-width:0}.search-result mark{background:#ffebae;color:#172d35;border-radius:3px;padding:0 2px}.search-result h2{font-size:1.25rem}.search-result h2 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.search-result p{line-height:1.7}@media(max-width:600px){.search-controls{grid-template-columns:1fr}}

.sync-panel{border-top:5px solid #07878b}.sync-panel button{margin:6px 10px 6px 0}.sync-panel h2{color:#08787e}

.home-learning-summary{font-weight:650}.home-progress-link{display:block;margin-top:16px;color:inherit;text-underline-offset:4px}.home-learning-menu>a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:17px 4px;border-bottom:1px solid #dce7e4;color:#071d33;text-decoration:none;font-weight:650}.home-learning-menu>a:last-child{border-bottom:0}.home-learning-menu>a:hover,.home-learning-menu>a:focus-visible{background:#eaf7f5;border-radius:8px}.home-learning-menu>a>span:last-child{font-size:25px;color:#087f86}

.card>a.button{margin:6px 8px 6px 0;white-space:normal;text-align:left}

.learning-path-image{display:block;width:100%;height:auto;border-radius:18px}.learning-outcomes{list-style:none;counter-reset:outcome;padding:0}.learning-outcomes li{counter-increment:outcome;display:flex;align-items:flex-start;gap:14px;margin:16px 0;line-height:1.6}.learning-outcomes li::before{content:counter(outcome);flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d7f1ef;color:#006b70;font-weight:800}.knowledge-tile p{font-size:1rem;font-weight:400;line-height:1.6}

.progress-level{display:flex;align-items:center;gap:22px;margin:22px 0}.progress-level h2{margin:4px 0}.progress-ring{position:relative;width:116px;height:116px;flex:0 0 116px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#71d4cb var(--progress),#ffffff30 0)}.progress-ring::before{content:"";position:absolute;inset:10px;background:#102c3e;border-radius:50%}.progress-ring strong{position:relative;font-size:1.65rem}.progress-level .section-number{color:#9de6df}@media(max-width:420px){.progress-level{gap:14px}.progress-ring{width:90px;height:90px;flex-basis:90px}.progress-ring strong{font-size:1.3rem}.progress-level h2{font-size:1.15rem}}

/* A visible learning status and clear location within the platform. */
body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;box-shadow:0 8px 28px #0926390a}
body>header .brand{font-family:Georgia,serif;font-size:19px;line-height:1.06}
body>header .brand img{width:58px;height:58px;object-fit:cover;border:1px solid #d7e5e5;box-shadow:0 4px 14px #09263912}
body>header .brand small{font-family:system-ui,-apple-system,sans-serif;line-height:1.25;color:#4b6670}
body>header nav{grid-column:1/-1;grid-row:2;gap:4px 7px}
body>header nav a{padding:10px 12px;border-radius:13px;color:#284b56;transition:background .15s,color .15s}
body>header nav a:hover{background:#eaf5f2;color:#075d66}
body>header nav a.is-active{background:#092f42;color:white;box-shadow:inset 0 -3px #43c6bd}
body>header .account-link{background:#e0f3ef;color:#075d66}
body>header .account-link.is-active{background:#092f42;color:white}
.nav-progress{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:167px;padding:9px 12px 9px 15px;border:1px solid #a7d6d1;border-radius:15px;background:#e3f4ef;color:#074d56;text-decoration:none;font-size:13px;font-weight:750;box-shadow:0 4px 14px #0926390e}
.nav-progress strong{background:#087f86;color:#fff;padding:8px 9px;border-radius:10px;font-size:16px;white-space:nowrap}
.nav-progress:hover,.nav-progress.is-active{background:#092f42;color:#fff}
.nav-progress.is-active strong{background:#42bdb7;color:#072b3b}
.slide-course-jump{border-top:5px solid #35aaa5;background:linear-gradient(135deg,#fff,#ebf8f4)}
.slide-course-jump select{max-width:420px}
.slide-course-jump .button{margin:5px 0}
.knowledge-tile{position:relative;overflow:hidden;min-height:180px;justify-content:space-between;transition:transform .16s,box-shadow .16s}
.knowledge-tile:hover{transform:translateY(-3px);box-shadow:0 17px 34px #09263916}
.knowledge-tile .subtle{font-size:14px;font-weight:750;color:#087078}
.knowledge-tile.category-glossary{background:linear-gradient(140deg,#fff,#edf8f6)}
.knowledge-tile.category-career{background:linear-gradient(140deg,#fff,#f0f4ff)}
.knowledge-tile.category-professions{background:linear-gradient(140deg,#fff,#f6f0fa)}
.knowledge-tile.category-podcast{background:linear-gradient(140deg,#fff,#fff6df)}
.knowledge-tile.category-system{background:linear-gradient(140deg,#fff,#eaf3f7)}
.knowledge-tile.category-slides{background:linear-gradient(140deg,#fff,#e9f5ef)}
.certificate-gate{scroll-margin-top:110px;background:linear-gradient(120deg,#fffaf0,#fff);border:1px solid #e8d7ac;border-top:6px solid #bd8a21;box-shadow:0 14px 34px #4d331115}
.certificate-gate h2{font-family:Georgia,serif;font-size:clamp(24px,3vw,32px);color:#493719}
.certificate-gate .section-number{color:#8b6318}
.certificate-gate>p:not(.section-number):not(.subtle){max-width:75ch}
.progress-course-heading{margin:40px 0 20px}
.progress-course-heading h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,33px);margin:6px 0}
/* Course lessons use the same visual rhythm as the native learning path. */
.course-hero{box-shadow:0 20px 42px #0926391b}
.course-hero>p:not(.section-number){max-width:78ch}
.course-goals{background:linear-gradient(130deg,#fff,#f1f8f6);border-left:5px solid #0a8889}
.course-goals h2{font-family:Georgia,serif;font-size:clamp(22px,2.5vw,30px);color:#0b4056}
.course-goals ul{list-style:none;padding:0;margin:14px 0 2px;display:grid;gap:9px}
.course-goals li{display:flex;align-items:flex-start;gap:12px;margin:0;padding:11px 13px;border-radius:12px;background:#ffffffb8}
.course-goals li::before{content:'◎';color:#078788;font-size:22px;line-height:1.1;flex:none}
.course-journey{display:block;background:#0b3044;color:white;border-radius:20px;padding:20px 22px;margin:20px 0 26px;box-shadow:0 14px 30px #09263916}
.course-journey>.section-number{color:#79ddd3;margin:0 0 14px}
.course-journey-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.course-journey-link{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid #ffffff36;border-radius:12px;background:#ffffff14;color:white;text-align:left;font-size:13px;line-height:1.35}
.course-journey-link:hover{background:#ffffff28}
.journey-symbol{font-size:21px;flex:none}
.learning-step{--step-accent:#088487;--step-tint:#e6f5f0;border-top:5px solid var(--step-accent);box-shadow:0 10px 24px #0926390a;scroll-margin-top:175px}
.learning-step.step-2,.learning-step.step-5{--step-accent:#9a7349;--step-tint:#fff4e9}
.learning-step.step-3,.learning-step.step-6{--step-accent:#4d68a6;--step-tint:#edf2fc}
.learning-step.step-4,.learning-step.step-7{--step-accent:#6b659f;--step-tint:#f1effa}
.learning-step>.section-number{display:inline-flex;padding:6px 10px;border-radius:9px;background:var(--step-tint);color:var(--step-accent);font-size:12px;letter-spacing:.07em}
.learning-step>h2{font-family:Georgia,serif;font-size:clamp(23px,2.4vw,29px);color:#123748;margin:13px 0 20px}
.learning-material{background:#f7faf9;border-color:#cfdfdc;padding:0;overflow:hidden}
.learning-material[open]{background:#fff;border-color:#8dc7be;box-shadow:0 8px 22px #0926390c}
.learning-material summary{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;list-style:none;color:#153d46}
.learning-material summary::-webkit-details-marker{display:none}
.learning-material summary::after{content:'⌄';font-size:23px;color:#087f86;grid-column:4;line-height:1}
.learning-material[open] summary::after{transform:rotate(180deg)}
.material-number{display:grid;place-items:center;width:35px;height:35px;background:#dff2ed;color:#066f73;border-radius:50%;font-size:13px;font-weight:850}
.material-title{font-size:16px;font-weight:750;line-height:1.4}
.material-state{font-size:12px;color:#496873;white-space:nowrap}
.material-state.is-read{color:#067b6f;font-weight:800}
.learning-material>div{padding:0 18px 18px 62px;text-align:left;line-height:1.65}
.learning-material>div p{white-space:normal}
.material-norms{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.material-norm{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e7eeef;color:#31515a;font-size:12px;font-weight:750}
.learning-question{background:var(--step-tint);border-left:4px solid var(--step-accent);border-radius:10px;padding:15px 17px;font-size:17px;font-weight:650;line-height:1.55}
.decision-citation{display:inline-block;background:#e6f3f3;color:#075962;padding:9px 13px;border-radius:999px;font-size:13px;font-weight:750}
.decision-block{padding:17px 20px;border-radius:16px;margin:15px 0;border-left:4px solid #0a8a89;background:#edf7f4}
.decision-block h4{font-size:17px;margin:0 0 8px;color:#154451}
.decision-block p{margin:8px 0 0;line-height:1.7}
.decision-holding{border-left-color:#4d68a6;background:#edf2fb}
.decision-practice{border-left-color:#b89129;background:#fff7df}
@media(max-width:820px){.course-journey-links{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-step{scroll-margin-top:20px}}
@media(max-width:520px){.course-journey-links{grid-template-columns:1fr 1fr}.course-journey-link{font-size:12px;padding:9px}.journey-symbol{font-size:18px}.learning-material summary{grid-template-columns:30px minmax(0,1fr);gap:9px}.learning-material summary::after{grid-column:3;grid-row:1}.material-number{width:30px;height:30px}.material-state{grid-column:2;grid-row:2}.learning-material>div{padding:0 14px 15px}.decision-citation{border-radius:13px;line-height:1.5}}
/* Definitions, career cards and diagrams keep consistent semantic accents. */
.library-section{border-top:5px solid #087f86;box-shadow:0 10px 26px #0926390a}
.library-group-career{border-top-color:#6177b8;background:#f7f9ff}
.library-group-professions{border-top-color:#9470a6;background:#fbf8fd}
.library-group-podcast{border-top-color:#bd902e;background:#fffaf0}
.library-group-system{border-top-color:#26698a;background:#f3f8fa}
.library-group-slides{border-top-color:#087f86;background:#eff8f4}
.library-section>h2{font-family:Georgia,serif;color:#0d3548}
.library-section details{background:#fff;border:1px solid #d7e5e2;padding:0;overflow:hidden}
.library-section details>summary{padding:14px 17px;color:#164b55}
.library-section details[open]>summary{background:#eaf5f2;border-bottom:1px solid #d7e5e2}
.library-section .library-row{padding:0 17px}
.library-section .library-row a{border-radius:10px;background:#eef7f5;text-decoration:none}
.library-section .library-row a:hover{background:#dbeeea}
.knowledge-detail-card{--knowledge-accent:#078184;--knowledge-tint:#ecf7f4;border-left:5px solid var(--knowledge-accent);background:linear-gradient(130deg,#fff,var(--knowledge-tint));box-shadow:0 10px 24px #0926390b}
.knowledge-detail-card.knowledge-tone-blue{--knowledge-accent:#4d70a8;--knowledge-tint:#f0f4fc}
.knowledge-detail-card.knowledge-tone-indigo{--knowledge-accent:#6c65a3;--knowledge-tint:#f3f0fa}
.knowledge-detail-card.knowledge-tone-gold{--knowledge-accent:#ad8126;--knowledge-tint:#fff7df}
.knowledge-detail-card h2{display:flex;align-items:flex-start;gap:12px;font-family:Georgia,serif;font-size:clamp(21px,2.5vw,27px);color:#123849}
.knowledge-heading-symbol{font-family:system-ui,-apple-system,sans-serif;font-size:23px;color:var(--knowledge-accent);line-height:1.15}
.knowledge-step-number{display:grid;place-items:center;min-width:37px;height:37px;padding:0 8px;border-radius:50%;background:var(--knowledge-accent);color:white;font:800 15px system-ui,-apple-system,sans-serif}
.knowledge-detail-card p{white-space:normal;line-height:1.75;max-width:90ch}
.knowledge-detail-card strong{color:#075e66}
.knowledge-detail-card ul{padding-left:23px}.knowledge-detail-card li{padding:7px 0}.knowledge-detail-card li::marker{color:var(--knowledge-accent)}
.knowledge-source{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 24px;padding:14px 17px;background:#eaf4f6;border:1px solid #ccdee4;border-radius:14px}
.knowledge-source strong{color:#144a60}.knowledge-source a{font-weight:750;overflow-wrap:anywhere}
.course-links{display:flex;gap:10px;flex-wrap:wrap}.course-links a{border-radius:999px;background:#e6f4ef;padding:9px 13px;font-size:13px;font-weight:750;text-decoration:none}
.course-links a:hover{background:#d2ebe5}
body>header{background:#fff}
.home-learning-menu{margin:34px 0}
.home-learning-menu>h2{font-family:Georgia,serif;font-size:clamp(27px,3vw,35px);color:#0d3042;margin:6px 0 20px}
.home-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-shortcut-card{--home-accent:#087f86;background:linear-gradient(145deg,#fff,#f1f9f7);border:1px solid #d4e4df;border-top:5px solid var(--home-accent);border-radius:22px;padding:19px;min-width:0;box-shadow:0 11px 26px #0926390b}
.home-tone-blue{--home-accent:#426eab;background:linear-gradient(145deg,#fff,#f2f5fc)}
.home-tone-gold{--home-accent:#af852c;background:linear-gradient(145deg,#fff,#fff9ec)}
.home-shortcut-heading{display:flex;align-items:flex-start;gap:12px;min-height:82px}
.home-shortcut-symbol{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:#fff;font-size:24px;box-shadow:0 3px 12px #0926390b}
.home-shortcut-heading .section-number{color:var(--home-accent);margin:0 0 3px;font-size:11px}
.home-shortcut-heading h3{font-family:Georgia,serif;font-size:21px;line-height:1.22;color:#0d3042;margin:0}
.home-shortcut-card>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;color:#123849;text-decoration:none;padding:13px 10px;border-top:1px solid #b9d4d526;border-radius:10px}
.home-shortcut-card>a:hover{background:#ffffffc4}
.home-shortcut-card>a strong{font-size:15px;line-height:1.35}
.home-shortcut-card>a small{grid-column:1;color:#526b72;font-size:12px;line-height:1.4}
.shortcut-arrow{grid-column:2;grid-row:1/3;color:var(--home-accent);font-size:19px;align-self:center}
.home-offer-link{display:flex;align-items:center;gap:15px;background:#092f42;color:white;border-radius:18px;padding:17px 21px;margin:8px 0 32px;text-decoration:none;font-size:17px;font-weight:750}
.home-offer-link span:last-child{margin-left:auto;color:#83dfd6;font-size:13px;white-space:nowrap}
.home-offer-link:hover{background:#16465a}
@media(max-width:900px){.home-shortcut-grid{grid-template-columns:1fr 1fr}.home-shortcut-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.home-shortcut-grid{grid-template-columns:1fr}.home-shortcut-card:last-child{grid-column:auto}.home-shortcut-heading{min-height:0;margin-bottom:12px}.home-offer-link{font-size:15px}.home-offer-link span:last-child{white-space:normal;text-align:right}}
@media(max-width:720px){body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px}body>header .brand{font-size:16px}body>header .brand img{width:46px;height:46px}body>header .brand small{font-size:10px}.nav-progress{min-width:0;padding:7px;gap:5px;flex-direction:column;align-items:stretch;text-align:center;font-size:10px}.nav-progress strong{padding:5px;font-size:14px}body>header nav{grid-column:1/-1;order:3;display:flex;overflow-x:auto;flex-wrap:nowrap;gap:4px;padding:3px 0 8px;scrollbar-width:none}body>header nav::-webkit-scrollbar{display:none}body>header nav a{font-size:13px;padding:9px 10px;white-space:nowrap}.certificate-gate{scroll-margin-top:12px}}
.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:stretch}
.search-result{--search-accent:#078184;min-width:0;border-left:5px solid var(--search-accent);background:linear-gradient(135deg,#fff,#f3faf8);box-shadow:0 10px 24px #0926390b}
.search-tone-blue{--search-accent:#4d70a8;background:linear-gradient(135deg,#fff,#f2f6fc)}
.search-tone-indigo{--search-accent:#6c65a3;background:linear-gradient(135deg,#fff,#f5f3fb)}
.search-tone-gold{--search-accent:#ad8126;background:linear-gradient(135deg,#fff,#fffaef)}
.search-result-kind{display:flex;align-items:center;gap:8px;color:var(--search-accent);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
.search-result-symbol{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:#fff;font-size:17px;box-shadow:0 2px 8px #09263912}
.search-preview{margin-left:auto;border-radius:999px;padding:4px 8px;background:#fff;border:1px solid #d7e4e3;color:#496571;letter-spacing:0;text-transform:none}
.search-result h2{margin:0 0 10px;line-height:1.3}
.search-result h2 a{text-decoration:none}
.search-result h2 a:hover{text-decoration:underline}
.search-result p:not(.search-result-kind){color:#435b64;font-size:14px;line-height:1.6}
.search-result-action{display:inline-flex;color:var(--search-accent);font-size:13px;font-weight:800;text-decoration:none;margin-top:4px}
.search-result-action:hover{text-decoration:underline}
.practice-mode:nth-child(1){--mode-accent:#078184;--mode-tint:#edf9f5}
.practice-mode:nth-child(2){--mode-accent:#ad8126;--mode-tint:#fff8e8}
.practice-mode:nth-child(3){--mode-accent:#5871a1;--mode-tint:#f2f5fb}
.practice-mode{border-top:5px solid var(--mode-accent);background:var(--mode-tint)}
.practice-mode[aria-pressed=true]{border-color:var(--mode-accent);background:var(--mode-tint);box-shadow:0 0 0 2px var(--mode-accent),0 10px 24px #09263916}
.practice-mode .mode-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:white;box-shadow:0 4px 12px #09263912}
.practice-panel{border-top:5px solid #078184;box-shadow:0 12px 26px #09263912}
.practice-mistakes{border:1px solid #dbe7e3;border-left:4px solid #ad8126;border-radius:15px;background:#fffaf0;margin-top:22px;padding:17px}
.practice-mistakes+.practice-mistakes{border-left-color:#5871a1;background:#f4f7fc}
.practice-mistakes h3{margin:0 0 7px}
@media(max-width:720px){.search-results{grid-template-columns:1fr}}
.progress-certificate-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:11px 15px;border:1px solid #e6c770;border-radius:999px;background:#fff5d8;color:#63491a;font-size:14px;font-weight:800;text-decoration:none}
.progress-certificate-link:hover{background:#ffeab3}

.footer-author{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;white-space:nowrap}.footer-author img{display:block;width:26px;height:26px;flex:none}.footer-author span{line-height:1.3}

.player-loading{font-size:12px;color:#a4c7cc}.player-loading button{font-size:12px;padding:6px 10px}
 .presentation-player .player-loading{position:absolute;right:14px;bottom:66px;z-index:1;padding:8px 12px;border-radius:12px;background:#031523;color:#a4c7cc;box-shadow:0 4px 18px #0003;max-width:calc(100% - 28px)}
.home-resume-card {display:flex;align-items:flex-start;gap:16px;padding:20px;margin:20px 0;border:1px solid #a0d8d5;border-radius:20px;background:#e8f6f3;color:var(--navy,#102434);text-decoration:none;}
.home-resume-card > span:nth-child(2) {display:grid;gap:6px;flex:1;min-width:0;overflow-wrap:anywhere;}
.home-resume-card strong {font-size:1.15rem;color:#08777e;}
.home-resume-card small {color:#466273;}
.home-resume-card:hover {border-color:#08777e;}
.home-resume-card:focus-visible {outline:3px solid #08777e;outline-offset:4px;}
.resume-arrow {font-size:1.6rem;color:#08777e;}
.diagram-actions {display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;}
.diagram-actions button {min-height:44px;flex:1 1 210px;text-align:center;}
.diagram figcaption {text-align:left;margin-top:12px;}
.billing-panel{border-top:5px solid var(--teal);background:#f2faf8}.billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.billing-offer{padding:20px;border:1px solid #b8d8d4;background:white;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start}.billing-price{font-size:24px;font-weight:750;color:var(--teal);margin:8px 0}.billing-offer h3{margin-top:0;line-height:1.4}.billing-offer button{margin-top:auto}.billing-panel details>summary{cursor:pointer;font-weight:750;padding:16px;background:#e0f3ef;border-radius:12px}.billing-panel details[open]{display:grid;gap:12px}.billing-panel .row{margin:20px 0}

.cancellation-form {display:grid;gap:1rem}.cancellation-field {display:grid;gap:.45rem}.cancellation-form label {font-weight:650}.cancellation-form input,.cancellation-form textarea,.cancellation-form select {width:100%;box-sizing:border-box;padding:.85rem;border:1px solid var(--teal,#16858b);border-radius:12px;font:inherit;background:#fff;color:#14262d}.cancellation-form textarea {min-height:100px}.cancellation-receipt pre {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6}.cancellation-form button {margin-top:.5rem}

/* Apple's official artwork is supplied unchanged; its background stays black. */
.apple-sign-in{display:flex;align-items:center;justify-content:center;width:100%;padding:0;min-height:50px;margin:12px 0;background:#000;color:#fff;border:1px solid #000;border-radius:8px;overflow:hidden;box-shadow:none}
.apple-sign-in:hover,.apple-sign-in:focus-visible{background:#000;color:#fff}
.apple-sign-in img{display:block;width:min(100%,320px);height:50px;object-fit:contain}
.apple-sign-in:disabled{opacity:.55;cursor:wait}

.code-feedback:empty{display:none}.code-feedback{margin-bottom:0;overflow-wrap:anywhere}.code-feedback.success{background:#e4f5ef;color:#075e58;border-left:4px solid #13847e}.code-feedback.error{background:#fff0eb;color:#8c3025;border-left:4px solid #bf5141}.account-code[aria-busy="true"] button{cursor:progress}

.auth-feedback:empty{display:none}.auth-feedback{overflow-wrap:anywhere;line-height:1.5}
.auth-feedback.success{background:#e4f5ef;color:#075e58;border-left-color:#13847e}
.auth-feedback.error{background:#fff0eb;color:#8c3025;border-left-color:#bf5141}
.auth-feedback.info,.code-feedback.info{background:#edf4fa;color:#284e70;border-left-color:#527ca2}
.feedback-region{position:fixed;z-index:1000;bottom:calc(22px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 32px));pointer-events:none}
.feedback-toast{--feedback-color:#075e58;--feedback-tint:#dcf3ed;display:flex;align-items:flex-start;gap:13px;padding:18px 12px 18px 18px;border:1px solid #b2d8cd;border-left:5px solid #13847e;border-radius:18px;background:#f3fcf8;color:#153b3b;box-shadow:0 12px 44px #09263940;pointer-events:auto;animation:feedback-arrive .18s ease-out;text-align:left}
.feedback-error{--feedback-color:#972e2e;--feedback-tint:#ffe2dd;background:#fff4f1;color:#6e2828;border-color:#ebbbb2;border-left-color:#be4141}
.feedback-info{--feedback-color:#315b7e;--feedback-tint:#dceaf5;background:#f2f7fc;color:#264963;border-color:#b8cedf;border-left-color:#527ca2}
.feedback-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;background:var(--feedback-tint);color:var(--feedback-color);font-size:20px;font-weight:850;line-height:1}
.feedback-copy{flex:1;min-width:0;overflow-wrap:anywhere}.feedback-copy strong{display:block;color:var(--feedback-color);font-size:17px;line-height:1.4}.feedback-copy p{margin:5px 0 0;font-size:14px;line-height:1.55;white-space:normal}
.feedback-close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-7px -5px -7px 0;padding:0;background:transparent;color:var(--feedback-color);border-radius:10px;font-size:27px;font-weight:400;line-height:1}.feedback-close:hover{background:var(--feedback-tint)}.feedback-close:focus-visible{outline:3px solid var(--feedback-color);outline-offset:0}
@keyframes feedback-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.feedback-toast{animation:none}}
@media(max-width:480px){.feedback-region{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.feedback-toast{gap:10px;padding:15px 10px 15px 14px}.feedback-copy strong{font-size:16px}.feedback-icon{width:28px;height:28px;font-size:18px}}

.shop-code-entry{max-width:720px;margin:28px auto 18px;border-top:4px solid var(--teal);background:#eef8f5}.shop-code-entry h2{color:var(--teal)}
