/* Public course tools share the original Tavira black, orange and type system. */
[hidden]{display:none!important}
.anchor-alias{position:absolute;scroll-margin-top:110px}
.public-course{position:relative;padding-top:100px}
.public-course-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.public-course-heading h3{font-size:36px;margin-top:12px}
.public-course-heading .mono,.course-format{color:#9b8a80}
.public-player-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line);background:#0b0b0b;border-radius:14px;overflow:hidden}
.public-player{min-width:0}
.public-player video{display:block;width:100%;aspect-ratio:16/9;background:#070707}
.public-player-tools{display:flex;align-items:center;gap:25px;padding:17px 22px;border-top:1px solid var(--line)}
.public-player-tools .text-link{font-size:11px}
button.text-link{background:none;padding:0;color:#c89374}
.public-chapter-panel{padding:25px 22px;border-left:1px solid var(--line)}
.public-chapter-panel .eyebrow{margin-bottom:10px}
.public-chapter{display:grid;grid-template-columns:35px 1fr 12px;gap:12px;width:100%;padding:14px 5px;text-align:left;align-items:start;background:none;border-bottom:1px solid #252525;color:#999;font-size:12px;line-height:1.5}
.public-chapter .mono{padding-top:1px;font-size:9px;color:#7a716c}
.public-chapter[aria-current=true]{color:#f2e7e0}
.public-chapter[aria-current=true] .mono,.public-chapter[aria-current=true]>span:last-child{color:var(--orange)}
.public-chapter:hover{color:var(--orange)}
.public-note{font-size:11px;line-height:1.7;color:#85807d}
.public-chapter-panel .public-note{margin-top:20px}
.public-now-playing{display:flex;align-items:center;gap:17px;padding:18px 0 23px;font-size:12px;color:#c6beb8}
.public-now-playing>.mono{color:#71655e;font-size:8px}
.public-now-playing .text-link{margin-left:auto;font-size:11px}
.public-source-strip{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:0 0 25px}
.source-file-symbol{font-size:28px;color:#a5765e}
.public-source-strip p{font-size:12px;margin-top:3px;overflow-wrap:anywhere;color:#c7bfba}
.public-source-strip .mono{font-size:8px;color:#8d7568}
.public-source-strip>.mono{margin-left:auto}
.public-course-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line)}
.public-course-tabs button{font-size:13px;color:#8c8580;background:none;padding:15px 0;border-bottom:2px solid transparent;margin-bottom:-1px;line-height:1.5}
.public-course-tabs button[aria-selected=true]{border-color:var(--orange);color:#eee6df}
.public-course-tabs button:hover{color:#eee6df}
.public-course-details{padding:32px 0 0;min-height:400px}
.public-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px}
.public-panel-heading h3{font-size:29px}
.public-panel-heading>.text-link{font-size:12px}
.public-panel-heading label{font-size:10px;color:#9c8d83;max-width:430px;min-width:230px}
.public-panel-heading select{display:block;width:100%;margin-top:6px;padding:9px 13px;border:1px solid #39312c;border-radius:7px;background:#141210;color:#cfc4bd;font-size:12px}
.public-transcript{display:grid;grid-template-columns:1fr 1fr;gap:8px 48px}
.transcript-chapter{border-bottom:1px solid #24211f;padding:20px 0}
.transcript-chapter .text-link{font-size:13px;text-align:left;line-height:1.5;color:#ded4cd;display:flex;gap:13px;align-items:baseline}
.transcript-chapter .mono{color:var(--orange);font-size:9px;flex:none}
.transcript-chapter>p{font-size:12px;line-height:1.9;margin-top:15px;color:#9c9692}
.takeaway{display:block;font-size:11px;line-height:1.8;color:#bda18f;margin-top:12px}
.public-storyboard{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.public-storyboard iframe,.public-template-stage iframe{display:block;width:100%;aspect-ratio:16/9;border:1px solid #302720;border-radius:10px;background:#101010}
#public-scene-copy>.mono{color:#a67e65;font-size:9px}
#public-scene-copy h3{font-size:28px;margin:14px 0}
#public-scene-copy>p{font-size:13px;line-height:1.85}
.public-evidence blockquote,#public-explanation blockquote{padding:16px 20px;margin:22px 0 0;border-left:2px solid #895038;background:#17120f}
.public-evidence blockquote p{font-size:12px;color:#b8a99f;line-height:1.8;white-space:pre-line}
.public-evidence cite,#public-explanation cite{display:block;color:#9c7057;font:normal 9px/1.8 var(--mono);margin-top:10px}
#course-storyboard>.public-note{margin-top:20px}
.public-source-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.public-source-detail dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:19px;font-size:12px;margin:0;align-content:start}
.public-source-detail dt{color:#a78874}
.public-source-detail dd{margin:0;color:#beb7b1;overflow-wrap:anywhere}
.public-source-detail .digest{font:10px/1.8 var(--mono);color:#7d736b}
.public-source-detail h4{font-size:14px;font-weight:400;margin:0 0 18px;color:#a78874}
.public-source-detail ul{font-size:12px;color:#9c9691;margin:0 0 22px;padding-left:17px;line-height:1.8}
.public-source-detail li+li{margin-top:7px}
.public-check-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px}
#public-question fieldset{border:0;padding:0;margin:0 0 23px}
#public-question legend{font-size:23px;letter-spacing:-.03em;line-height:1.4;margin-bottom:20px}
#public-question label{display:flex;gap:12px;align-items:baseline;cursor:pointer;color:#b4aaa3;font-size:13px;padding:12px 15px;border:1px solid #2c2723;border-radius:8px;margin-bottom:9px;background:#11100f}
#public-question label:has(input:checked){border-color:#965338;background:#1f1510;color:#eee1d7}
#public-question input{accent-color:var(--orange)}
#public-question button:disabled{opacity:.45;cursor:default;transform:none}
#public-explanation{padding-top:22px}
#public-explanation>p{font-size:13px;color:#b6a396}
#public-explanation blockquote{font-size:12px;color:#bfb0a5;line-height:1.8}
#public-explanation .public-note{margin:20px 0 12px;font-size:11px}
.public-completion{border-left:1px solid #2b241f;padding-left:35px}
.public-completion h3{font-size:32px}
.public-completion ol{margin:20px 0 25px;padding-left:17px;font-size:12px;color:#a8998d;line-height:2.2}
.public-completion .public-note{margin-top:18px}
.public-library{margin-top:75px;scroll-margin-top:115px}
.public-library-title{margin-bottom:25px}
.public-library-title h3{font-size:36px;margin:10px 0 15px}
.public-library-title .eyebrow{margin-bottom:14px}
.public-library-title p{font-size:13px}
.public-library-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:40px}
.library-choice{display:grid;grid-template-columns:25px 1fr 15px;gap:14px;background:none;padding:14px 12px;width:100%;border-top:1px solid #26211e;color:#9c928a;font-size:13px;text-align:left;align-items:center;line-height:1.4}
.library-choice:last-child{border-bottom:1px solid #26211e}
.library-choice .mono{color:#6f6259;font-size:9px}
.library-choice[aria-pressed=true]{background:#211610;color:#e9c4ad}
.library-choice[aria-pressed=true] .mono,.library-choice:hover{color:var(--orange)}
.public-template-copy{padding:25px 0}
.public-template-copy h3{font-size:30px;margin-bottom:13px}
.public-template-copy p{font-size:13px;max-width:580px;margin-bottom:20px}
.public-template-copy .text-link{font-size:12px;margin-right:25px}
.public-skill-detail{padding:30px 40px;border-top:1px solid #493022;background:linear-gradient(135deg,#1b1510,#0a0908 80%)}
.public-skill-detail h3{font-size:36px;margin-bottom:20px}
.public-skill-detail p{font-size:14px;line-height:1.9;max-width:600px}
.public-skill-detail .skill-instruction{margin-top:30px;color:#c7b6a8}
.skill-output{border-top:1px solid #32281f;padding-top:25px;margin-top:30px;margin-bottom:24px}
.skill-output .mono{color:#96735b}
.skill-output p{margin-top:8px;font-size:12px}
.public-skill-detail .text-link{font-size:12px}
.account-page{max-width:1100px;width:calc(100% - 160px);margin:0 auto;padding:185px 0 100px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:90px;align-items:center;min-height:780px}
.account-copy{min-width:0}
.account-copy h1{font-size:clamp(48px,4.6vw,64px);line-height:1.05;margin:20px 0 28px;letter-spacing:-.055em;white-space:normal}
.account-copy>p{font-size:14px;max-width:440px;line-height:1.85}
.account-copy ol{padding:0;margin:34px 0 0;list-style:none;counter-reset:account-steps}
.account-copy li{counter-increment:account-steps;color:#b6a596;font-size:13px;margin:17px 0;display:flex;gap:18px}
.account-copy li:before{content:'0' counter(account-steps);font:10px/2 var(--mono);color:var(--orange)}
.account-card{min-width:0;padding:40px 35px;border:1px solid #3b2b20;border-radius:14px;background:#12100e;box-shadow:0 10px 75px #e8613f08}
.account-card .wordmark{font-size:41px}
.account-card h2{font-size:29px;margin:27px 0 15px}
.account-card .button{width:100%;margin-top:25px}
.account-card .button:disabled{opacity:.5;cursor:default;transform:none}
.account-card>p{font-size:12px;line-height:1.9}
.account-card .account-switch{border-top:1px solid #30251d;margin-top:30px;padding-top:23px;font-size:12px}
.account-switch .text-link{font-size:12px}
.account-card .account-privacy{font-size:10px;margin-top:22px;color:#746b64}
.account-card .account-privacy a{text-decoration:underline;text-underline-offset:3px}
#account-error{font-size:11px;color:#ef9774;margin-top:18px}
.account-public-link{margin-top:28px;font-size:12px!important}
.account-public-link a{color:#bd9477}
@media(max-width:1100px){.public-player-grid{grid-template-columns:minmax(0,1fr) 285px}.public-chapter-panel{padding:20px 17px}.public-chapter{font-size:11px;gap:8px;padding:11px 3px}.public-chapter-panel .public-note{margin-top:14px;font-size:10px}.account-page{width:calc(100% - 80px);gap:50px;grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:800px){.public-course{padding-top:65px}.public-course-heading{align-items:flex-start}.public-course-heading h3{font-size:28px}.course-format{font-size:8px;max-width:115px;line-height:1.9}.public-player-grid{grid-template-columns:1fr}.public-chapter-panel{border-left:0;border-top:1px solid var(--line);padding:24px}.public-chapter{font-size:13px;padding:13px 0;grid-template-columns:35px 1fr 15px}.public-chapter-panel .public-note{font-size:11px}.public-source-strip{gap:12px;flex-wrap:wrap}.public-source-strip>.mono{margin-left:42px}.public-source-strip>div{flex:1;min-width:0}.public-course-tabs{gap:22px;overflow-x:auto}.public-course-tabs button{flex:none;font-size:12px}.public-panel-heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.public-panel-heading h3{font-size:27px}.public-panel-heading label{width:100%;max-width:none}.public-transcript{gap:8px 30px}.public-storyboard,.public-source-detail,.public-check-grid{grid-template-columns:1fr;gap:30px}.public-completion{padding-left:0;border-left:0;border-top:1px solid #30261e;padding-top:28px}.public-library-grid{grid-template-columns:1fr;gap:25px}.public-library-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.library-choice:last-child{border-bottom:0}.public-library-title h3{font-size:30px}.public-skill-detail{padding:30px}.account-page{grid-template-columns:minmax(0,1fr);width:calc(100% - 44px);max-width:550px;gap:45px;padding-top:145px;min-height:0}.account-copy h1{font-size:52px}.account-copy ol{margin-top:25px}.account-card{padding:32px}}
@media(max-width:480px){.public-course-heading{display:block}.public-course-heading .course-format{display:block;max-width:none;margin-top:15px}.public-now-playing{flex-wrap:wrap;gap:10px}.public-now-playing .text-link{margin-left:0;width:100%}.public-transcript{grid-template-columns:1fr}.public-player-tools{gap:20px;padding:15px}.public-player-tools .text-link{font-size:10px}.public-source-strip p{font-size:11px}.public-course-tabs{gap:19px}.public-course-tabs button{font-size:11px}.public-source-detail dl{grid-template-columns:90px minmax(0,1fr);gap:15px;font-size:11px}.public-library-list{gap:0 9px}.library-choice{gap:8px;padding:12px 5px;font-size:11px;grid-template-columns:20px 1fr 10px}.public-library-title h3{font-size:29px}.public-skill-detail{padding:28px 23px}.public-skill-detail h3{font-size:31px}.public-skill-detail p{font-size:12px}.public-panel-heading h3{font-size:26px}.public-panel-heading>.mono{font-size:8px}.public-panel-heading>.text-link{font-size:11px}.public-course-details{padding-top:27px}.account-copy h1{font-size:46px}.account-page{padding-top:125px;padding-bottom:70px}.account-card{padding:30px 24px}}
#public-template-list .library-choice{grid-template-columns:25px minmax(0,1fr) 46px;gap:12px;min-height:68px}
.template-choice-copy{display:block;text-align:left}
.template-choice-copy strong{display:block;font-weight:400;color:inherit}
.template-choice-copy small{display:block;font-size:10px;line-height:1.4;margin-top:5px;color:#9d9388}
#public-template-list .library-choice[aria-pressed="true"] .template-choice-copy small{color:#cbb7a6}
.public-template-copy .template-style-meta{max-width:580px;margin-top:0}
.public-template-copy .template-style-description{color:#b7aa9a;margin-bottom:12px}
@media(max-width:480px){#public-template-list .library-choice{grid-template-columns:17px minmax(0,1fr) 34px;gap:6px}.palette-dots{gap:3px}.palette-dots i{width:9px;height:9px}.template-choice-copy small{font-size:9px}.public-library-title h3{font-size:28px}}
.account-voice-choice{border-top:1px solid #2d2722;padding-top:22px;margin-top:28px;text-align:left}.account-voice-choice .mono{font-size:10px;color:#c9aa99}.account-voice-choice strong{display:block;margin:12px 0;font-size:18px;font-weight:400}.account-voice-choice p{font-size:12px;line-height:1.6}
/* Email and password on the account pages. Colours follow the dark account card; build-light-theme.mjs makes the white version. */
.account-or{display:flex;align-items:center;gap:12px;margin:26px 0 4px;color:#8f8277;font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.account-or:before,.account-or:after{content:'';flex:1;height:1px;background:#30251d}
.account-email{display:grid;gap:6px;margin-top:14px}
.account-email label{font-size:12px;color:#cdbfb2;margin-top:8px}
.account-email input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #3b2b20;border-radius:9px;background:#0b0a09;color:#f3ece6;font:14px var(--sans)}
.account-email input:focus{outline:2px solid #e8613f;outline-offset:1px;border-color:#e8613f}
.account-email .button{margin-top:14px}
.account-hint{font-size:11px;line-height:1.7;color:#a39486;margin:4px 0 0}
.account-text-button{justify-self:start;background:none;border:0;padding:6px 0;margin-top:4px;color:#ef9774;font:12px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}