/* Quiet editorial hierarchy: one beginning, details when needed. */
:root{--paper:#f7f6f2;--ink:#28313c;--muted:#5f6770;--green:#36485d;--lime:#e9e6e2;--line:#dfdcd9}h1{font-size:clamp(42px,5vw,72px)}h2{font-size:clamp(32px,3.2vw,46px)}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:500;text-transform:none;margin-bottom:20px}.top{height:100px;border-bottom:0;padding:0 6%;}.brand-sub{display:none}.aperture{font-size:28px;color:#757f8c}.top nav{gap:28px;font-size:15px}.btn{background:var(--green);color:#fff;border-radius:2px;font-size:16px;padding:16px 23px;text-decoration:none}.welcome{max-width:1440px;margin:28px auto 0;padding:0 6% 64px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.welcome-copy{padding:20px 0}.welcome h1{margin-bottom:28px;line-height:1.09}.welcome-copy>p{max-width:440px;font-size:18px;line-height:1.75}.welcome .btn{display:inline-flex;gap:24px;align-items:center}.welcome-note{font-size:14px!important;max-width:350px!important;margin:20px 0 0;color:var(--muted)}.quiet-link{display:inline-block;font-size:16px;margin-top:18px}.welcome-photo{margin:0}.welcome-photo img{width:100%;height:505px;object-fit:cover;object-position:center}.welcome-photo figcaption{font-size:13px;color:var(--muted);line-height:1.65;margin-top:13px}.welcome-photo figcaption span{font-size:11px}.gentle-path{max-width:1250px;margin:0 auto;padding:72px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}.gentle-path>div p{font-size:17px;color:var(--muted)}.gentle-path ol{list-style:none;margin:0;padding:0}.gentle-path li{display:flex;gap:24px;padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--line)}.gentle-path li:last-child{margin:0;border:0}.gentle-path li>span{font-size:13px;color:#6e7a88;padding-top:5px}.gentle-path h3{font-size:21px;margin-bottom:8px}.gentle-path li p{font-size:16px;color:var(--muted);margin-bottom:8px}.gentle-path li a{font-size:14px}.small-discovery{background:#efedeb;padding:64px max(6%,calc((100vw - 1100px)/2));display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.small-discovery figure{margin:0}.small-discovery img{width:100%;height:330px;object-fit:cover}.small-discovery figcaption{font-size:11px;color:var(--muted);margin-top:10px}.small-discovery p{font-size:17px;max-width:430px}.explore-shelf{max-width:1100px;margin:auto;padding:80px 30px}.explore-shelf>p{color:var(--muted)}.explore-links{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:32px}.explore-links>a{text-decoration:none;border-top:1px solid var(--line);padding:22px 0;font-family:var(--serif);font-size:24px}.explore-links span{display:block;font:14px/1.7 system-ui;color:var(--muted);margin-top:5px}.course-intro>h1{margin:22px 0}.course-intro>p{max-width:630px}.course-intro>.eyebrow{margin-top:32px}.course-grid{grid-template-columns:repeat(3,1fr);gap:48px 28px}.course-card h3{font-size:25px}.course-card{border:0}.course-footnote{margin-top:48px}.lesson-article h1{font-size:clamp(38px,4.5vw,62px)}.concepts{background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.task{background:#efedeb;color:var(--ink)}footer{background:#f0eeeb;color:var(--ink);border-top:1px solid var(--line)}.large .welcome-copy>p{font-size:21px}.large .welcome-note,.large .gentle-path li p,.large .small-discovery p{font-size:19px!important}
@media(max-width:800px){.top{height:auto;min-height:100px;padding:20px 6%;gap:16px;flex-wrap:wrap}.top nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.top nav a{min-height:38px;display:flex;align-items:center}.welcome{margin-top:12px;grid-template-columns:1fr;gap:32px;padding-bottom:45px}.welcome-copy{padding:12px 0 0}.welcome h1{font-size:48px}.welcome-photo img{height:330px}.gentle-path{grid-template-columns:1fr;gap:28px;padding:44px 6%}.small-discovery{grid-template-columns:1fr;padding:40px 6%;gap:30px}.small-discovery img{height:260px}.explore-shelf{padding:48px 6%}.explore-links{grid-template-columns:1fr}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.course-card h3{font-size:21px}.course-intro{padding-top:30px}.brand{font-size:28px}.welcome .btn{font-size:15px;gap:16px}.welcome-copy>p{font-size:17px}footer .brand{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#main:focus{outline:none}.course-intro .back{font-size:14px}.welcome-photo img{object-position:56% center}
.tone-intro{max-width:760px;margin:38px 0 60px}.tone-intro h1{margin-bottom:26px}.tone-step{border-top:1px solid var(--line);padding:45px 0;max-width:1050px}.tone-step>p,.tone-instructions,.tone-step>details{max-width:750px}.tone-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}.tone-pair figure{margin:0}.tone-pair img{width:100%;height:300px;object-fit:contain;background:#f0eeeb}.tone-pair figcaption{font-size:12px;margin-top:8px;color:var(--muted)}.tone-pair button{background:none;padding:0;border:0;width:100%}.tone-reading h3{font-size:23px}.tone-reading p{font-size:16px}.tone-graph{width:100%;height:auto;color:var(--ink)}.tone-graph text{font:13px system-ui}.tone-choices{display:flex;gap:8px;flex-wrap:wrap}.tone-choices button{border:1px solid var(--line);background:transparent;padding:10px 14px;font-size:14px}.tone-choices button[aria-pressed=true]{background:var(--green);color:white}.tone-step details{margin:24px 0;padding:18px 0;border-top:1px solid var(--line)}.tone-step summary{cursor:pointer}.tone-step details p{font-size:16px;margin:20px 0 0}.tone-question{border:0;padding:0;margin:28px 0;max-width:750px}.tone-question legend{font-weight:600;margin-bottom:14px}.tone-question label{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}.tone-question input{flex-shrink:0}.tone-note-label{display:block;margin:25px 0 10px}.tone-workshop textarea{display:block;width:100%;max-width:750px;padding:15px;background:#fff;border:1px solid #a4abb3;border-radius:2px}.tone-instructions{padding-left:25px}.tone-instructions li{padding:0 0 16px 7px}.tone-invitation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:35px 0}.tone-invitation h2{font-size:30px}.tone-sources{max-width:750px}.large .tone-question label,.large .tone-reading p,.large .tone-step details p{font-size:20px}@media(max-width:700px){.tone-pair{grid-template-columns:1fr;gap:20px}.tone-pair img{height:240px}.tone-intro{margin:30px 0 40px}.tone-workshop h1{font-size:43px}.tone-workshop .btn{display:inline-block}}
.lesson-extra{margin:35px 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lesson-extra summary{cursor:pointer;font-size:21px}.lesson-extra>p:first-of-type{margin-top:25px}.lesson-extra ol{padding-left:23px}.lesson-extra li{padding:15px 0 10px 10px}.lesson-extra h3{font-size:22px;margin-bottom:10px}.lesson-extra .caption{margin-top:18px}.lesson-extra .btn{display:inline-block}
.camera-advice .scene-reason{font-size:16px;padding-top:20px;border-top:1px solid #9ea7b1}.camera-advice .scene-help{display:inline-block;font-size:14px;margin-top:8px}.camera-advice select{max-width:100%;width:100%}
.camera-advice{background:#efedeb;color:var(--ink)}.camera-advice .caption{color:var(--muted)}.camera-advice .badge{color:var(--green);border-color:#8f99a5}.camera-advice .scene-reason{border-color:#cbc5bc}.camera-advice select{background:#fff;color:var(--ink);border:1px solid #aab2bb}
.selection-detail{margin:25px 0;padding:20px;background:#efedeb;max-width:850px}.selection-detail svg{display:block;width:100%;height:auto;overflow:hidden;background:#282828}.selection-detail figcaption{font-size:14px;line-height:1.6;margin-top:12px}.large .selection-detail figcaption{font-size:18px}
.filter-details{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.filter-details span{display:block;font-size:14px;margin-bottom:10px}.filter-details>div:last-child svg{max-width:260px}@media(max-width:600px){.filter-details{grid-template-columns:1fr}.filter-details>div:last-child svg{max-width:200px}}
.compare-tool-details{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:430px}.compare-tool-details span{display:block;font-size:14px;line-height:1.4;margin-bottom:12px}.compare-tool-details svg{max-width:120px}
.copy-field-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.copy-field-list span{display:block;font-size:14px;margin-bottom:10px}.copy-field-list svg{max-width:350px}@media(max-width:600px){.copy-field-list{grid-template-columns:1fr}}

/* Kursusoversigt: tre rolige etaper, valgfri fordybelse. */
.course-stage{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}.stage-heading{display:flex;gap:24px;max-width:760px;margin-bottom:32px}.stage-number{font-size:14px;color:var(--muted);min-width:30px;padding-top:8px}.stage-heading h2{font-size:clamp(28px,3vw,38px);margin:0 0 12px}.stage-heading p,.further-content>p{font-size:17px;color:var(--muted);max-width:640px;margin-bottom:0}.course-stage .course-grid,.course-further .course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px}.course-further{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:60px;padding:28px 0}.course-further summary{display:flex;align-items:start;gap:24px;cursor:pointer;list-style:none}.course-further summary::-webkit-details-marker{display:none}.course-further summary strong{display:block;font:clamp(25px,3vw,34px)/1.3 var(--serif)}.further-caption{display:block;margin-top:10px;font-size:15px;color:var(--muted)}.further-toggle{font-size:28px;margin-left:auto;line-height:1.2}.course-further[open] .further-toggle{transform:rotate(45deg)}.further-content{padding:24px 0 12px 54px}.further-content>.course-grid{margin-top:30px}.course-further summary:focus-visible{outline:2px solid var(--green);outline-offset:8px}@media(max-width:600px){.course-stage{margin-top:40px;padding-top:28px}.stage-heading,.course-further summary{gap:14px}.stage-number{min-width:24px}.course-stage .course-grid,.course-further .course-grid{grid-template-columns:1fr;gap:32px}.further-content{padding-left:0}.course-further{margin-top:40px}.further-caption{font-size:14px}.stage-heading p,.further-content>p{font-size:16px}}

.perspective-workshop{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.perspective-workshop h3{font:30px/1.25 var(--serif)}.perspective-steps{padding-left:24px}.perspective-steps li{margin:0 0 22px;padding-left:8px}.perspective-model{background:#efedeb;padding:24px;margin:30px 0}.perspective-model h4{font-size:20px;margin:0 0 14px}.perspective-model label{display:block;font-size:16px}.perspective-model input{width:100%;min-height:44px;accent-color:var(--green)}.perspective-model svg{display:block;width:100%;max-width:440px;margin:10px auto}.perspective-workshop textarea{width:100%;min-height:150px;box-sizing:border-box}.perspective-workshop .caption{font-size:13px}@media(max-width:600px){.perspective-model{padding:18px}.perspective-workshop h3{font-size:27px}}

.batch-results{margin:48px 0}.batch-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.batch-result-grid figure{margin:0;min-width:0}.batch-result-grid .zoom{width:100%}.batch-result-grid img{display:block;width:100%;height:220px;object-fit:contain;background:#efedeb}.batch-result-grid figcaption{font-size:12px;line-height:1.7;margin-top:12px;overflow-wrap:anywhere}@media(max-width:600px){.batch-result-grid{grid-template-columns:1fr}.batch-result-grid img{height:auto;max-height:360px}}

.autoiso-record{border-left:2px solid var(--green);padding:8px 0 8px 22px;margin:28px 0}.autoiso-record h4{margin:0 0 12px;font-size:18px}.autoiso-record li{margin:10px 0}.autoiso-record ul{padding-left:18px}

.raw-workshop{margin:48px 0}.format-map{width:100%;border-collapse:collapse;margin:24px 0 32px;font-size:16px}.format-map th,.format-map td{text-align:left;vertical-align:top;padding:18px 12px;border-bottom:1px solid var(--line)}.format-map th{width:30%}.raw-workshop a{overflow-wrap:anywhere}@media(max-width:600px){.format-map{font-size:14px}.format-map th,.format-map td{padding:14px 8px}}

.short-course-choice{border-left:2px solid #808b99;padding:0 0 0 24px;margin:36px 0 48px;max-width:700px}.short-course-choice h2{font-size:27px;margin:0 0 10px}.short-course-choice p{font-size:16px;color:var(--muted);margin-bottom:12px}.short-course-choice a{font-size:16px}.short-course-choice .small{display:block;margin-top:10px}.short-course-label{font-size:14px;color:var(--muted);margin:20px 0}@media(max-width:600px){.short-course-choice{padding-left:18px;margin:30px 0 36px}.short-course-choice h2{font-size:25px}}

/* Beginner entry: a photograph, one invitation, then the complete course. */
.course-intro{max-width:1320px;padding-top:40px}.course-welcome{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin:40px 0 76px}.course-welcome-copy{min-width:0}.course-welcome h1{font-size:clamp(42px,4.4vw,66px);line-height:1.1;margin:20px 0 25px}.course-welcome-copy>p{font-size:18px;line-height:1.75;max-width:470px}.course-welcome .short-course-choice{border:0;padding:25px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}.short-course-choice .eyebrow{display:block;font-size:12px;margin-bottom:12px}.short-course-choice .btn{display:inline-block;font-size:16px;margin-top:7px}.course-welcome-photo{margin:0;min-width:0}.course-welcome-photo img{display:block;width:100%;height:520px;object-fit:cover;object-position:56% center}.course-welcome-photo figcaption{font-size:14px;line-height:1.6;margin-top:14px;color:var(--muted)}.course-welcome-photo figcaption span{display:block;font-size:11px;margin-top:5px}.course-contents-heading{border-top:1px solid var(--line);padding-top:44px;max-width:100%}.course-contents-heading .eyebrow{display:block;margin-bottom:16px}.course-contents-heading h2{font-size:36px;margin-bottom:16px}.course-contents-heading p{max-width:620px;color:var(--muted);font-size:17px}.course-intro .progress-row{flex-wrap:wrap;gap:16px 24px;font-size:14px;margin:28px 0 0}.course-intro .progress{min-width:120px}.course-intro .progress-row>a{margin-left:auto}.course-card .thumb{border-radius:0}.course-card:hover img{transform:none}.course-stage .course-grid .thumb{height:240px}.course-card:focus-visible{outline:2px solid var(--green);outline-offset:8px}.course-card h3{line-height:1.25}.large .course-welcome-copy>p{font-size:21px}.large .short-course-choice p{font-size:20px}.large .course-welcome-photo figcaption{font-size:18px}
@media(max-width:900px){.course-welcome{gap:5%}.course-welcome-photo img{height:480px}.course-welcome h1{font-size:46px}.course-stage .course-grid .thumb{height:200px}}
@media(max-width:650px){.course-intro{padding:28px 6% 48px}.course-welcome{grid-template-columns:1fr;gap:32px;margin:30px 0 44px}.course-welcome h1{font-size:43px}.course-welcome-copy>p{font-size:17px}.course-welcome .short-course-choice{margin-top:22px;padding-top:22px}.course-welcome-photo img{height:270px}.course-contents-heading{padding-top:32px}.course-contents-heading h2{font-size:30px}.course-intro .progress-row{display:grid;grid-template-columns:1fr;gap:14px}.course-intro .progress-row>a{margin-left:0;justify-self:start}.course-stage .course-grid .thumb{height:220px}.large .course-welcome h1{font-size:46px}}

.metering-diagrams{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.metering-diagrams figure{margin:0;min-width:0}.metering-diagrams svg{display:block;width:100%;height:auto}.metering-diagrams figcaption{font-size:15px;line-height:1.65;margin-top:12px}.large .metering-diagrams figcaption{font-size:19px}@media(max-width:600px){.metering-diagrams{grid-template-columns:1fr;gap:24px}.metering-diagrams svg{max-width:320px}}

.lens-name{margin:28px 0;border-top:1px solid var(--line)}.lens-name>div{display:grid;grid-template-columns:155px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.lens-name dt{font:26px/1.3 var(--serif)}.lens-name dd{margin:0;font-size:17px;line-height:1.75}.large .lens-name dd{font-size:21px}@media(max-width:600px){.lens-name>div{grid-template-columns:1fr;gap:12px}}

.print-controls{display:grid;grid-template-columns:1fr;gap:18px;margin:28px 0}.print-controls label{display:block;font-size:16px}.print-controls select{display:block;width:100%;margin-top:8px;padding:12px;background:#fff;color:var(--ink);border:1px solid #aab2bb;font:inherit}.print-example{margin:32px 0;max-width:620px}.print-example>div{width:100%;background:#fff;border:1px solid #aab2bb;overflow:hidden;position:relative}.print-example img{width:100%;height:100%;position:absolute;inset:0}.print-example figcaption{font-size:13px;line-height:1.7;margin-top:12px}#print-result{border-left:2px solid #808b99;padding:2px 0 2px 22px;margin:28px 0}.large .print-controls label{font-size:20px}

/* V33: a visible small route, an optional full syllabus. */
.first-photo-path{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:13px}.first-photo-path li{display:flex;align-items:center;gap:13px;font-size:16px;line-height:1.5}.first-photo-path li>span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #a7afb8;border-radius:50%;font-size:13px;color:var(--green)}.full-course-outline{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.full-course-outline>summary{display:flex;gap:24px;align-items:start;cursor:pointer;list-style:none;padding:4px 0}.full-course-outline>summary::-webkit-details-marker{display:none}.full-course-outline>summary strong{font:28px/1.35 var(--serif)}.full-course-outline>summary:focus-visible{outline:2px solid var(--green);outline-offset:8px}.full-course-outline[open]>summary .further-toggle{transform:rotate(45deg)}.full-course-outline .course-stage:first-of-type{margin-top:28px}.full-course-outline .course-further{margin-bottom:0}.course-welcome-photo img{height:600px}.large .first-photo-path li{font-size:20px}.top nav a:focus-visible,.btn:focus-visible{outline:2px solid var(--green);outline-offset:5px}@media(max-width:900px){.course-welcome-photo img{height:550px}}@media(max-width:650px){.course-welcome-photo img{height:270px}.full-course-outline>summary strong{font-size:25px}.first-photo-path{margin:20px 0 24px}.course-welcome{margin-bottom:36px}}

@media(min-width:901px){.course-welcome{margin-top:28px}.course-welcome h1{font-size:58px}.course-welcome-photo img{height:540px}.first-photo-path{grid-template-columns:1fr 1fr 1.2fr;gap:12px}.first-photo-path li{font-size:14px;gap:8px}.first-photo-path li>span{width:24px;height:24px}}

.linear-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.linear-pair figure{margin:0;min-width:0}.linear-pair svg{display:block;width:100%;height:auto}.linear-pair .zoom{display:block;width:100%}.linear-pair figcaption{font-size:15px;line-height:1.65;margin-top:12px}.linear-practice>.selection-detail{max-width:420px}.linear-practice>details{margin:30px 0;padding:20px 0;border-top:1px solid var(--line)}.linear-practice>details>summary{font-size:18px}.large .linear-pair figcaption{font-size:19px}@media(max-width:500px){.linear-pair{gap:14px}.linear-pair figcaption{font-size:14px}}

.colour-workshop h3{font:30px/1.3 var(--serif);margin:36px 0 20px}.colour-inspector{max-width:520px}.colour-full-shot{display:block;width:100%;margin:28px 0}.colour-full-shot img{display:block;width:100%;height:auto}.colour-workshop textarea{width:100%;min-height:155px;box-sizing:border-box}.colour-workshop>.study-reveal{margin:24px 0;padding:18px 0;border-top:1px solid var(--line)}

.motion-choice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:36px 0;padding:24px 0}.motion-choice>summary{cursor:pointer;font:26px/1.4 var(--serif)}.motion-choice>p:first-of-type{margin-top:25px}.motion-choice-controls{display:grid;grid-template-columns:1fr;gap:20px;margin:28px 0}.motion-choice-controls label{font-size:16px}.motion-choice-controls select{display:block;width:100%;margin-top:9px;padding:13px;background:#fff;color:var(--ink);border:1px solid #aab2bb;font:inherit}.motion-choice textarea{display:block;width:100%;min-height:155px;padding:15px;border:1px solid #aab2bb;background:#fff;color:var(--ink);font:inherit;box-sizing:border-box}.motion-response{border-left:2px solid #808b99;padding:8px 0 8px 22px;margin:28px 0}.large .motion-choice-controls label{font-size:20px}.motion-choice summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}

.pilot-page{max-width:900px}.pilot-page h1{font-size:clamp(39px,4.5vw,62px)}.pilot-privacy{font-size:15px;color:var(--muted);max-width:720px}.pilot-preparation,.pilot-task,.pilot-ending{border-top:1px solid var(--line);padding:24px 0;margin:26px 0}.pilot-page summary{cursor:pointer;font-size:21px;line-height:1.5}.pilot-task>summary{display:flex;gap:20px;list-style:none}.pilot-task>summary::-webkit-details-marker{display:none}.pilot-task>summary>span{font-size:15px;padding-top:3px;color:var(--muted)}.pilot-task>summary:after{content:'+';margin-left:auto}.pilot-task[open]>summary:after{content:'−'}.pilot-goal{border-left:2px solid #808b99;padding-left:20px;margin:28px 0}.pilot-page label{display:block;font-size:16px;margin:20px 0}.pilot-page input,.pilot-page select,.pilot-page textarea{display:block;width:100%;box-sizing:border-box;margin-top:9px;padding:13px;border:1px solid #aab2bb;background:#fff;color:var(--ink);font:inherit}.pilot-page textarea{min-height:105px;resize:vertical}.pilot-stop{margin:28px 0}.pilot-stop>summary{font-size:17px}.pilot-page li{margin:15px 0}.pilot-saved{font-size:14px;color:var(--muted)}.pilot-page .btn{display:inline-block}.large .pilot-page label,.large .pilot-privacy,.large .pilot-stop>summary{font-size:20px}.pilot-page summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}

.collision-control{max-width:500px}.collision-practice .lens-name dd{overflow-wrap:anywhere}.collision-practice>.study-reveal{margin:28px 0;border-top:1px solid var(--line);padding-top:22px}.collision-practice>.study-reveal>summary{font-size:18px}

.mask-export-study{border-top:1px solid var(--line);padding:24px 0;margin:30px 0}.mask-export-study>summary{cursor:pointer;font:23px/1.45 var(--serif)}.mask-export-study>p:first-of-type{margin-top:25px}.mask-export-pair img{display:block;width:100%;height:auto}.mask-export-study>.study-reveal{margin:28px 0;padding:22px 0;border-top:1px solid var(--line)}.mask-export-study>.study-reveal>summary{font-size:18px}

.mask-export-pair a{display:inline-block;margin-top:8px;min-height:32px}

/* Optional flash principle: diagram, not photographic evidence. */
.flash-timeline{margin:1.5rem 0;padding:clamp(.8rem,3vw,1.6rem);background:#f3f2eb;border-radius:4px}.flash-timeline svg{display:block;width:100%;height:auto;max-width:640px;margin:auto}.flash-timeline text{font-family:inherit;font-size:19px;fill:#29323d}.flash-timeline figcaption{margin-top:1rem}.flash-workshop .study-reveal{margin:1.4rem 0}

.flash-timeline text{font-size:28px}.flash-key{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:.5rem;font-size:1rem}.flash-key span{display:flex;align-items:center;gap:.5rem}.flash-key i{width:14px;height:14px;background:#dfdbd5;display:inline-block}.flash-key span+span i{background:#525e6d}

/* A lookup aid, with the next learning step beside each explanation. */
.glossary-search{max-width:36rem;margin:2rem 0 2.5rem}.glossary-search label{display:block;margin-bottom:.6rem;font-weight:600}.glossary-search input{width:100%;padding:.85rem 1rem;font:inherit;border:1px solid #9ca2a9;border-radius:3px;background:#fcfbf7;color:inherit}.glossary-search input:focus-visible{outline:3px solid #525e6d;outline-offset:3px}.glossary-search p{font-size:.95rem;margin:.5rem 0}.glossary-page .glossary h2{font-family:var(--serif);font-size:1.6rem;margin:0 0 .7rem}.glossary-page .glossary a{display:inline-block;padding:.45rem 0;font-size:1rem}.glossary-return{margin-top:2.2rem}.glossary [hidden]{display:none!important}

/* Optional end-to-end assignment; the six existing tasks stay separate. */
.photo-project{margin:0 0 4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.5rem 0}.photo-project>summary{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.85rem);cursor:pointer;line-height:1.35}.project-opening{margin:2rem 0}.project-opening h2{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.5rem)}.project-stage{padding:2rem 0;border-top:1px solid var(--line)}.project-stage h3{font-size:1.35rem;line-height:1.4}.project-help{line-height:1.9}.project-ending{padding:1.5rem;background:#eeecea}.project-stage textarea{width:100%;min-height:150px;font:inherit;padding:.9rem;border:1px solid #9ca2a9;background:#fcfbf7;color:inherit;border-radius:3px}

.photo-project{max-width:860px;margin-left:auto;margin-right:auto}.project-opening>p,.project-stage>p,.project-ending p{max-width:68ch}

/* One visible action in the three-step beginner route. */
.first-photo-lesson{max-width:1000px}.first-photo-lesson>h1{font-size:clamp(2.4rem,5vw,4rem)}.first-photo-actions{margin:2rem 0}.first-photo-panel[hidden]{display:none!important}.first-photo-panel h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.3rem);scroll-margin-top:110px}.first-photo-position{color:var(--muted);font-size:.9rem;letter-spacing:.05em}.first-photo-panel>p{max-width:65ch}.first-photo-success{padding:1rem 1.2rem;background:#eeebe8;border-left:3px solid #697482}.first-photo-success b{display:block;margin-bottom:.35rem}.first-photo-controls{display:flex;gap:1rem;justify-content:space-between;margin:1.5rem 0}.first-photo-controls .btn{white-space:normal}.first-photo-controls button:disabled{opacity:.4;cursor:default}.first-photo-detail,.first-photo-theory,.beginner-finish{padding:1rem 0;border-bottom:1px solid var(--line)}.first-photo-full{font:inherit;color:inherit;border:0;background:transparent;text-decoration:underline;margin:2rem 0 0;padding:.7rem 0;cursor:pointer}.first-look-options{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.first-look-options button{font:inherit;background:transparent;border:1px solid #a2aab4;border-radius:3px;padding:.6rem .8rem;color:inherit;cursor:pointer}.first-look-options button[aria-pressed=true]{background:#2b394a;color:white}.first-look-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.first-look-pair figure{margin:0}.first-look-pair svg{width:100%;height:auto;display:block;background:#e7e4e0}.first-look-pair figcaption{font-size:1rem;margin-top:.4rem}.first-photo-compare details{font-size:.9rem}.first-photo-panel .step-shot{margin:1.2rem 0}.first-photo-panel .step-shot img{width:100%;height:auto}.first-photo-pause{color:var(--muted)}@media(max-width:600px){.first-photo-controls{gap:.5rem}.first-photo-controls .btn{font-size:.9rem;padding:.8rem .6rem}.first-look-pair{grid-template-columns:1fr}.first-photo-lesson .lead{font-size:1.15rem}}

.first-photo-stuck{border-bottom:1px solid var(--line);padding:.9rem 0}.first-photo-stuck h3{font-size:1.2rem;margin:1rem 0}.first-photo-stuck li{margin:.7rem 0}.first-help-shot{display:block;border:0;background:transparent;text-decoration:underline;font:inherit;color:inherit;padding:.9rem 0;cursor:pointer}.nind-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.nind-pair figure{margin:0}.nind-pair img,.nind-pair svg{width:100%;height:auto;display:block}.nind-pair figcaption b,.nind-pair figcaption span{display:block}.nind-pair figcaption{font-size:1rem;padding-top:.5rem}.nind-key{max-width:65ch}.nind-size{display:block;margin:.6rem 0 1rem;color:var(--muted)}.nind-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.nind-options button{font:inherit;padding:.7rem;border:1px solid #a2aab4;background:transparent;color:inherit;cursor:pointer}.nind-options button[aria-pressed=true]{background:#2b394a;color:white}.iso-nind textarea{width:100%;font:inherit;padding:1rem;min-height:130px;background:#fcfbf7;color:inherit;border:1px solid #a2aab4}@media(max-width:600px){.nind-pair{grid-template-columns:1fr}.iso-nind h2{font-size:2rem}}

/* V50: warm paper, ink blue and rounded, recognisable actions. */
:root{--paper:#f8f6f1;--ink:#283747;--muted:#626975;--green:#344c68;--lime:#eee7dd;--line:#dedbd5}
button,.btn{border-radius:14px!important}
main a:not(.course-card):not(:has(img)):not(:has(svg)),footer a:not(.brand),.top nav a{
 display:inline-flex;align-items:center;justify-content:center;gap:.5rem;max-width:100%;min-height:44px;
 padding:.65rem 1rem;border:1px solid #c7cdd5;border-radius:14px;background:#f0f2f5;color:var(--ink);
 font-family:inherit;line-height:1.45;text-decoration:none;white-space:normal;overflow-wrap:anywhere;
 transition:background .15s ease,border-color .15s ease;
}
main a.btn{background:var(--green);border-color:var(--green);color:white;padding:1rem 1.4rem}
main a:not(.course-card):not(:has(img)):not(:has(svg)):hover,footer a:not(.brand):hover,.top nav a:hover{background:#e1e7ee;border-color:#8799af}
main a.btn:hover{background:#263d57;color:white;border-color:#263d57}
.top nav{gap:10px}.top nav a{font-size:14px;padding:.55rem .85rem}.top .textbutton{border-color:#c7cdd5;background:#f0f2f5;min-height:44px;padding:.55rem .85rem}
.progress{background:#e6e1d8;border-radius:99px;overflow:hidden}.progress span{background:var(--green);border-radius:99px}
.progress-row{flex-wrap:wrap;gap:18px}.progress-row>a{flex-shrink:0}.progress-row>.progress{min-width:90px}
.full-course-outline>summary{padding:1.1rem 1.25rem;border:1px solid var(--line);border-radius:16px;background:#f0ede7;align-items:center}
.full-course-outline{border:0;padding:0}.full-course-outline>summary:hover{background:#e9e4dc}
.first-photo-full,.first-help-shot,.textbutton{border:1px solid #c7cdd5;background:#f0f2f5;padding:.65rem 1rem;text-decoration:none;line-height:1.45;min-height:44px}
.first-photo-success{background:#ede9e1;border-left-color:#71829a}.first-look-options button[aria-pressed=true],.nind-options button[aria-pressed=true]{background:var(--green)}
.explore-links>a{display:block!important;padding:1.25rem!important;margin-bottom:1rem}.course-footnote a{margin:.5rem 0 .5rem .3rem}
footer>div{display:flex;gap:12px;flex-wrap:wrap;align-items:center}button:focus-visible,a:focus-visible{outline:3px solid #a96539;outline-offset:4px}
@media(max-width:650px){.top nav{gap:8px}.top nav a{font-size:13px;padding:.5rem .65rem}.progress-row>.progress{flex-basis:100%;order:3}.progress-row>a{width:100%}.full-course-outline>summary{padding:1rem}.course-footnote a{margin-left:0}}
@media(prefers-reduced-motion:reduce){a{transition:none!important}}

/* V51: a composed chapter list rather than uneven inline pills. */
main .sidebar{padding:36px 18px;border-right:1px solid var(--line);background:#f4f1eb}
main .sidebar .eyebrow{font-size:11px;letter-spacing:.08em;margin:0 12px 22px;color:var(--muted)}
main .sidebar a:not(.course-card):not(:has(img)):not(:has(svg)){
 display:grid;grid-template-columns:30px minmax(0,1fr);justify-content:initial;align-items:start;gap:12px;
 width:100%;min-height:60px;margin:0 0 8px;padding:14px 13px;border:1px solid transparent;
 background:transparent;border-radius:14px;font-size:14px;line-height:1.5;color:var(--ink);text-align:left;
}
main .sidebar a span:first-child{min-width:0;padding-top:1px;font:18px/1.4 var(--serif);color:#7c8490}
main .sidebar a:not(.course-card):not(:has(img)):not(:has(svg)):hover{background:#e9edf2;border-color:#d1d9e3}
main .sidebar a.active:not(.course-card):not(:has(img)):not(:has(svg)){background:#344c68;color:#fff;border-color:#344c68;font-weight:500;box-shadow:0 3px 10px #28374712}
main .sidebar a.active span:first-child{color:#d4dfec}
main .sidebar p>a:not(.course-card):not(:has(img)):not(:has(svg)){display:flex;justify-content:flex-start;border-color:#cbd1d9;background:#fff;margin-top:24px;min-height:48px;font-size:13px;padding:12px 14px}
main .sidebar small{border-top:1px solid var(--line);padding:20px 12px 0;margin-top:24px;font-size:12px;line-height:1.7;color:var(--muted)}

/* V52: photography, practice and a recognisable studio masthead. */
.top{min-height:96px;height:auto;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line);gap:24px}.top .brand{position:relative;gap:13px;padding-bottom:15px;font-size:32px}.top .brand-sub{display:block;position:absolute;left:53px;bottom:0;margin:0;padding:0;border:0;font:10px/1 system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.camera-mark{display:flex;align-items:center;color:var(--ink)}
.top nav a{background:transparent;border-color:transparent;font-weight:500}.top nav a:hover{background:#ece7de;border-color:transparent}.top nav a[href="#kursus"]{background:#344c68;color:#fff;border-color:#344c68;padding:.7rem 1.1rem}.top nav a[href="#kursus"]:hover{background:#263d57}.top .textbutton{border:1px solid #cec9c0;background:transparent;font-size:13px}
.welcome{grid-template-columns:.85fr 1.15fr;gap:5%;padding-top:30px;padding-bottom:60px}.welcome h1{font-size:clamp(42px,4.5vw,68px)}.welcome .eyebrow{font-weight:600}.welcome-copy>p{font-size:18px;max-width:440px}.editing-cover{background:#e8e3da;border-radius:22px;overflow:hidden;border:1px solid #d8d1c6;box-shadow:0 18px 50px #28374714}.cover-bar{display:flex;justify-content:space-between;padding:18px 22px;font-size:12px;font-weight:600;letter-spacing:.04em}.cover-bar span+span{font-size:10px;color:var(--muted)}.editing-cover .zoom{width:100%;display:block;padding:0;border:0;background:#202126;border-radius:0!important}.welcome .editing-cover img{width:100%;height:auto;object-fit:contain;object-position:center}.editing-cover figcaption{padding:20px 22px 0;margin:0;font-size:13px;line-height:1.6}.editing-cover figcaption strong{font:23px/1.3 var(--serif);color:var(--ink)}.cover-topics{display:flex;gap:8px;flex-wrap:wrap;padding:18px 22px 22px}.cover-topics span{font-size:11px;padding:5px 10px;border:1px solid #c9c3b9;border-radius:99px}.welcome a.btn{background:#344c68;color:#fff;border-color:#344c68}
@media(max-width:800px){.welcome{grid-template-columns:1fr;padding-top:15px}.top{gap:16px}.top nav{gap:5px}.top .brand{font-size:29px}.welcome .editing-cover img{height:auto}.cover-bar{padding:15px}.editing-cover figcaption{padding:18px 18px 0}.cover-topics{padding:16px 18px}.top nav a{font-size:13px}.welcome h1{font-size:48px}}

/* V53: let photographs introduce the three learning paths. */
.visual-path{max-width:1440px;margin:auto;padding:54px 6% 72px;border-top:1px solid var(--line)}.visual-path-heading{max-width:760px;margin-bottom:32px}.visual-path-heading .eyebrow{margin-bottom:14px}.visual-path-heading h2{font-size:clamp(32px,3.6vw,48px);margin-bottom:16px}.visual-path-heading p{font-size:17px;color:var(--muted)}.visual-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.visual-path-grid article{min-width:0;background:#f0ece5;border-radius:20px;overflow:hidden;border:1px solid #ded7cd}.visual-path-grid figure{margin:0;position:relative;background:#25282c}.visual-path-grid img{width:100%;height:250px;object-fit:cover}.visual-path-grid .app-path-photo img{object-fit:contain}.visual-path-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 8px;background:linear-gradient(transparent,#151e2bcc);color:white;font-size:10px}.visual-path-copy{padding:24px}.visual-path-copy .eyebrow{font-size:11px;margin-bottom:15px}.visual-path-copy h3{font-family:var(--serif);font-size:30px;letter-spacing:-.025em;margin-bottom:12px}.visual-path-copy p{font-size:16px;color:var(--muted);margin-bottom:22px}.visual-path-copy a{width:100%;font-size:14px;background:#fff!important}.visual-path-copy a:hover{background:#e4eaf1!important}
@media(max-width:850px){.visual-path-grid{gap:14px}.visual-path-copy{padding:18px}.visual-path-copy h3{font-size:25px}.visual-path-grid img{height:190px}}
@media(max-width:650px){.visual-path{padding:40px 6%}.visual-path-grid{grid-template-columns:1fr;gap:24px}.visual-path-grid img{height:240px}.visual-path-copy{padding:24px}.visual-path-copy h3{font-size:30px}}

/* V54: a real visual invitation, controlled with native keyboard-friendly radios. */
.crop-invitation{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center;background:#283747;color:#faf7f0;padding:72px max(6%,calc((100vw - 1268px)/2));}.crop-copy .eyebrow{color:#cfbaa1;font-size:11px}.crop-copy h2{font-size:clamp(42px,5vw,70px);margin-bottom:26px}.crop-copy>p{font-size:19px;max-width:30ch;line-height:1.65;color:#e4e5e7}.crop-copy .crop-prompt{font-size:15px;color:#c6ccd4}.crop-copy a{background:#f7f3eb!important;color:#283747!important;border-color:transparent!important;font-size:14px;margin-top:14px}.crop-demo{min-width:0}.crop-demo fieldset{border:0;padding:0;margin:0 0 18px;display:flex;gap:10px;flex-wrap:wrap}.crop-demo legend{font-size:12px;margin-bottom:12px;color:#d7dce2}.crop-demo label{position:relative;cursor:pointer}.crop-demo label span{display:block;padding:10px 17px;border:1px solid #8290a0;border-radius:14px;font-size:14px}.crop-demo input{position:absolute;opacity:0;width:1px;height:1px}.crop-demo input:checked+span{background:#f7f3eb;color:#283747;border-color:#f7f3eb}.crop-demo input:focus-visible+span{outline:3px solid #e7b780;outline-offset:4px}.crop-demo figure{margin:0}.crop-window{height:360px;overflow:hidden;border-radius:18px;background:#1d2937}.crop-window img{width:100%;height:100%;object-fit:contain;transform-origin:52% 70%;transition:transform .5s ease}.crop-demo:has(input[value=close]:checked) .crop-window img{transform:scale(1.9)}.crop-demo figcaption{font-size:16px;margin-top:18px;min-height:90px;color:#faf7f0}.crop-demo small{display:block;font-size:11px;color:#bcc6d1;margin-top:10px;line-height:1.7}.crop-close-note{display:none}.crop-demo:has(input[value=close]:checked) .crop-close-note{display:inline}.crop-demo:has(input[value=close]:checked) .crop-wide-note{display:none}
@media(max-width:800px){.crop-invitation{grid-template-columns:1fr;padding:44px 6%;gap:32px}.crop-copy h2{font-size:48px}.crop-copy>p{max-width:40ch}.crop-window{height:300px}}
@media(prefers-reduced-motion:reduce){.crop-window img{transition:none}}

/* V55: a photographic close and one recommended first step. */
.guided-next{max-width:1100px;padding-top:64px;padding-bottom:64px}.guided-next>p{max-width:610px;font-size:18px}.guided-next>.btn{margin-top:8px}.support-shelf{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.support-shelf>summary{cursor:pointer;font-size:16px}.support-shelf>p{margin-top:22px;max-width:650px;font-size:16px;color:var(--muted)}
footer.photo-footer{display:block;padding:0;background:#e9e3d9;color:#283747;border-top:0}.photo-footer .footer-film{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:0;background:#283747;align-items:stretch}.footer-film figure{position:relative;margin:0;overflow:hidden;min-width:0}.footer-film img{width:100%;height:180px;object-fit:cover}.footer-film figure:nth-child(2) img{object-fit:contain;background:#202126}.footer-film figcaption{position:absolute;inset:auto 0 0;padding:32px 18px 12px;background:linear-gradient(transparent,#152131b3);font-size:12px;color:#fff;letter-spacing:.04em}.photo-footer .footer-content{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:48px 6%;align-items:start}.footer-identity .brand{font-size:43px;gap:0}.footer-dot{color:#a66842}.footer-identity p{font:25px/1.4 var(--serif);margin:15px 0}.footer-subline{font-size:11px;letter-spacing:.06em;color:#626975}.footer-notes h2{font-size:30px;margin-bottom:14px}.footer-notes p{font-size:15px;max-width:380px}.photo-footer #export-progress{background:#344c68;color:#fff;border-color:#344c68;padding:13px 20px;font-size:15px}.photo-footer small{display:block;font-size:11px;color:#626975;text-align:left;max-width:none;margin-top:12px}.photo-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #cec6b9;margin:0 6%;padding:22px 0;align-items:center}.footer-bottom nav{display:flex;gap:8px;flex-wrap:wrap}.photo-footer .footer-bottom a{background:transparent;border-color:#c5bdae;font-size:12px;padding:8px 12px}.photo-footer .footer-bottom small{margin:0}
@media(max-width:650px){.footer-film img{height:120px}.footer-film figcaption{font-size:10px;padding:20px 8px 8px}.photo-footer .footer-content{grid-template-columns:1fr;gap:32px;padding:34px 6%}.photo-footer .footer-bottom{flex-direction:column;align-items:flex-start}.footer-identity .brand{font-size:36px}.footer-identity p{font-size:23px}}
.photo-footer .footer-identity,.photo-footer .footer-notes{display:block}.photo-footer .footer-notes h2{margin-bottom:14px}.photo-footer .footer-notes small{display:block;margin-top:12px}.photo-footer .footer-identity .brand{display:inline-flex}.photo-footer .footer-identity p{margin:18px 0}

/* V56: one recommended beginner route, explicit next click and visible progress. */
.course-welcome{align-items:start;grid-template-columns:1.05fr .95fr;gap:6%}.course-welcome h1{font-size:clamp(40px,4.5vw,64px)}.short-course-choice{margin-top:28px;padding-top:24px}.short-course-choice h2{font-size:28px}.short-course-choice>p{font-size:16px}.short-course-choice>.btn{display:inline-flex;background:#344c68!important;color:#fff!important;font-size:16px}.short-course-choice .start-click-explainer{font-size:13px;color:var(--muted);margin:12px 0 24px;max-width:53ch}.first-photo-path{display:grid;gap:0;margin:24px 0}.first-photo-path li{padding:16px 0;border-top:1px solid var(--line);align-items:flex-start;gap:14px}.first-photo-path b{font-weight:500;font-size:16px}.first-photo-path small{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:4px}.first-photo-path em{font-style:normal;font-size:11px;color:#344c68;display:block;margin-top:7px}.first-photo-path .route-next>span{background:#344c68;color:#fff;border-color:#344c68}.first-photo-path .route-done>span{background:#e4e9f0;border-color:#a3b0c0}.start-prerequisite{font-size:14px;border-top:1px solid var(--line);padding:16px 0;margin-bottom:16px}.start-prerequisite summary{cursor:pointer}.start-prerequisite p{font-size:14px;margin:16px 0}.course-program-proof{background:#e8e3da;border:1px solid #d5cfc4;border-radius:20px;overflow:hidden;margin-top:10px}.course-proof-label{padding:16px 20px;font-size:12px;letter-spacing:.03em}.course-welcome-photo.course-program-proof img{height:auto;width:100%;object-fit:contain}.course-program-proof figcaption{padding:20px;margin:0;font:23px/1.3 var(--serif)}.course-program-proof figcaption span{font:14px/1.6 system-ui;margin-top:10px}.course-overall-count{font-size:13px;color:var(--muted);margin-top:28px}.course-contents-heading h2{font-size:32px}.course-contents-heading p{font-size:16px;max-width:620px}
@media(max-width:800px){.course-welcome{grid-template-columns:1fr}.course-program-proof{margin-top:12px;max-width:600px}.course-welcome h1{font-size:46px}.course-welcome-photo.course-program-proof img{height:auto}}

/* V57: look first, try next, read theory when useful. */
.light-first-look{margin:28px 0 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.light-first-look figure{margin:0;overflow:hidden;border-radius:18px;background:#283747}.light-first-look img{width:100%;height:390px;object-fit:cover;object-position:65% center}.light-first-look figcaption{color:#fff;padding:16px 18px;font-size:15px;line-height:1.6}.light-first-look figcaption small{display:block;font-size:10px;color:#c6d0db;margin-top:8px}.light-first-task{padding:8px 0}.light-first-task .eyebrow{font-size:10px;margin-bottom:16px}.light-first-task h2{font-size:32px;line-height:1.15;margin-bottom:18px}.light-first-task>p{font-size:17px}.light-first-task details{border-top:1px solid var(--line);padding:15px 0;font-size:14px}.light-first-task summary{cursor:pointer;line-height:1.5}.light-first-task details p{margin:16px 0 0;font-size:15px}.light-now{background:#e9e3d9;padding:22px;border-radius:16px;margin-top:18px}.light-now b{font-size:12px;letter-spacing:.04em}.light-now p{font-size:16px;margin:12px 0}.light-now span{font-size:12px;line-height:1.6;color:var(--muted);display:block}.light-theory{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:24px 0 32px}.light-theory summary{cursor:pointer;font-size:16px}.light-theory>p:first-of-type{margin-top:24px;font-size:16px}.light-theory .concepts{border:0;margin:20px 0 0;padding:0}.light-theory .concepts p{font-size:16px}
@media(max-width:1000px){.light-first-look{grid-template-columns:1fr}.light-first-look img{height:330px}.light-first-task h2{font-size:30px}}@media(max-width:600px){.light-first-look img{height:270px}}

/* V58: hover, keyboard focus and native tap-to-open annotations. */
.light-pin{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:0!important;margin:0!important;border:0!important}.light-pin:hover,.light-pin:focus-within,.light-pin[open]{z-index:4}.light-pin>summary{display:grid;place-items:center;list-style:none;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#faf7ef;color:#283747;box-shadow:0 2px 12px #0005;font:600 16px/1 system-ui;cursor:pointer}.light-pin>summary::-webkit-details-marker{display:none}.light-pin>summary:focus-visible{outline:3px solid #e9b57e;outline-offset:4px}.pin-explanation{display:none;position:absolute;top:54px;width:260px;padding:16px 18px;background:#faf7ef;color:#283747;border:1px solid #d6d0c6;border-radius:14px;box-shadow:0 8px 28px #0004;font:14px/1.55 system-ui}.pin-explanation b{font-size:15px}.pin-explanation p{margin:8px 0 0!important;font-size:14px!important;line-height:1.55!important}.light-pin-one .pin-explanation{right:0}.light-pin-two .pin-explanation{left:0}.light-pin[open] .pin-explanation,.light-pin:focus-within .pin-explanation{display:block}@media(hover:hover){.light-pin:hover .pin-explanation{display:block}}@media(max-width:600px){.pin-explanation{width:190px;padding:12px;font-size:12px}.pin-explanation p{font-size:12px!important}.light-pin>summary{width:40px;height:40px}.pin-explanation{top:46px}.light-pin-two .pin-explanation{left:-20px}}

/* V60: current section is distinct from hover and from an ordinary action. */
.top nav a[href="#kursus"]{background:transparent;color:var(--ink);border-color:transparent}.top nav a.nav-current,.top nav a[href="#kursus"].nav-current{background:#344c68;color:#fff;border-color:#344c68;box-shadow:inset 0 -3px 0 #afbed0}.top nav a.nav-current:before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0}.top nav a.nav-current:hover{background:#263d57;color:#fff}.top nav a:not(.nav-current):hover{background:#e7e2d9;color:var(--ink)}.location-bar{padding:10px 6%;background:#eee9e0;color:#526070;font-size:12px;border-bottom:1px solid var(--line);line-height:1.5}.top nav{flex-wrap:wrap}@media(max-width:650px){.top nav a,.top nav a[href="#kursus"]{padding:.55rem .65rem;font-size:12px}.location-bar{font-size:11px}}

/* V62: decorative MacBook frame around the unchanged program capture. */
.editing-cover{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}.editing-cover .cover-bar{padding:0 24px 18px}.macbook-visual{position:relative;padding:0 4% 18px;isolation:isolate}.macbook-screen{position:relative;background:#16181c;border:2px solid #65686d;border-radius:20px 20px 7px 7px;padding:19px 9px 11px;box-shadow:0 15px 35px #26374726}.macbook-camera{position:absolute;top:7px;left:calc(50% - 2px);width:4px;height:4px;background:#364358;border-radius:50%;box-shadow:0 0 0 2px #101114}.macbook-screen .zoom{border-radius:3px!important;overflow:hidden}.macbook-base{position:relative;height:15px;width:109%;margin-left:-4.5%;background:linear-gradient(#e2e3e5,#a8abb1 55%,#737881);border-radius:2px 2px 50% 50% / 2px 2px 10px 10px;border-top:1px solid #f9f9fa;box-shadow:0 12px 18px #28374720}.macbook-base span{position:absolute;top:0;left:43%;width:14%;height:5px;background:#8c9098;border-radius:0 0 9px 9px}.editing-cover figcaption{padding:22px 24px 0}.editing-cover .cover-topics{padding-left:24px}.macbook-screen img{border-radius:0}.macbook-screen button:focus-visible{outline:3px solid #bc8152;outline-offset:5px}@media(max-width:600px){.macbook-screen{padding:16px 6px 8px;border-radius:14px 14px 5px 5px}.macbook-base{height:11px}.editing-cover .cover-bar{padding:0 12px 14px}.editing-cover figcaption{padding:16px 12px 0}.editing-cover .cover-topics{padding-left:12px}}

/* V64: no decorative image border inside the MacBook screen. */
.macbook-screen .zoom img{border:0;border-radius:0;display:block}

/* V65: shared MacBook presentation on the course overview. */
.course-program-proof{background:transparent;border:0;overflow:visible;border-radius:0}.course-proof-label{padding:12px 24px 20px}.course-program-proof .macbook-screen img{border:0;border-radius:0;display:block;width:100%;height:auto}.course-program-proof figcaption{padding:22px 24px 0}

/* V66: a short introduction before the first practical action. */
.lightcraft-intro{margin:28px 0;padding:0 0 0 20px;border-left:2px solid #a97a53}.lightcraft-intro h2{font-size:26px;margin:0 0 14px}.lightcraft-intro p{font-size:15px;line-height:1.7;margin-bottom:14px;max-width:62ch}.lightcraft-intro .intro-principle{font-size:14px;font-weight:500;color:#344c68;margin-bottom:0}

/* V67: visible prerequisite, before the practical start action. */
.start-download{background:#e8edf3;border:1px solid #b8c6d6;border-radius:18px;padding:24px;margin:24px 0}.start-download .eyebrow{font-size:11px;color:#344c68;margin-bottom:12px}.start-download h3{font:26px/1.25 var(--serif);margin:0 0 14px;color:#283747}.start-download p{font-size:15px;line-height:1.65;margin-bottom:18px}.start-download a.download-app-button{background:#344c68!important;color:#fff!important;border-color:#344c68!important;font-size:15px;font-weight:500;width:100%;padding:14px 16px!important}.start-download .download-return{font-size:12px;color:#526070;margin:12px 0 18px}.start-download .download-already{font-size:13px;font-weight:500;border-top:1px solid #c1cbd8;padding-top:14px;margin-bottom:0}@media(max-width:600px){.start-download{padding:20px}.start-download h3{font-size:24px}}

/* V68: framed photographic paths instead of a cropped decorative strip. */
.footer-paths{padding:46px 6% 48px;background:#f1ede6;border-top:1px solid #ded6ca}.footer-paths-heading{max-width:1200px;margin:0 auto 26px}.footer-paths-heading>span{font-size:11px;letter-spacing:.08em;color:#626975}.footer-paths-heading h2{font-size:clamp(25px,2.6vw,34px);margin:12px 0 0;max-width:650px}.photo-footer .footer-film{background:transparent;gap:22px;max-width:1200px;margin:auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.photo-footer a.footer-photo-card{display:block;min-width:0;max-width:100%;padding:0;background:#faf8f3;border:1px solid #d8d1c6;border-radius:18px;overflow:hidden;text-decoration:none;color:#283747;transition:box-shadow .15s ease,border-color .15s ease}.photo-footer a.footer-photo-card:hover{background:#faf8f3;border-color:#8e9caf;box-shadow:0 8px 24px #28374714}.footer-film .footer-photo-card figure{aspect-ratio:1.65;background:#202126}.footer-film .footer-photo-card img{height:100%;width:100%;object-fit:cover}.footer-film .footer-photo-card .footer-program img{object-fit:contain}.footer-film .footer-photo-card figcaption{font-size:9px;padding:22px 12px 8px;letter-spacing:0}.footer-photo-card>div{display:block;padding:20px}.footer-photo-card>div>span{font-size:10px;letter-spacing:.06em;color:#626975}.footer-photo-card h3{font:26px/1.2 var(--serif);margin:12px 0 10px}.footer-photo-card p{font-size:13px;line-height:1.5;margin:0 0 20px;color:#626975}.footer-photo-card b{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ded8ce;padding-top:14px;font-size:12px;font-weight:500}.footer-photo-card i{font-style:normal;font-size:17px}.footer-photo-card:focus-visible{outline:3px solid #a66842;outline-offset:4px}@media(max-width:800px){.photo-footer .footer-film{gap:14px}.footer-photo-card>div{padding:16px}.footer-photo-card h3{font-size:23px}}@media(max-width:600px){.photo-footer .footer-film{grid-template-columns:1fr;gap:20px}.footer-paths{padding:32px 6%}.footer-film .footer-photo-card figure{aspect-ratio:1.8}.footer-photo-card h3{font-size:27px}}
.photo-footer .footer-paths-heading{display:block}.footer-paths-heading>span{display:block}
/* V70: align paired elements and repeated cards rather than their first text lines. */
main .sidebar a:not(.course-card):not(:has(img)):not(:has(svg)){align-items:center}
main .sidebar a span:first-child{padding-top:0;line-height:1.5;align-self:center;display:block}
main .sidebar a span:nth-child(2){display:block;line-height:1.5}
.course-grid>.course-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:10px;align-content:start}
.course-grid>.course-card .thumb{margin:0}.course-grid>.course-card .meta{margin:4px 0 0}.course-grid>.course-card h3{margin:0}.course-grid>.course-card>p{margin:0}
.photo-footer a.footer-photo-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}
.footer-photo-card>div{display:flex;flex:1;flex-direction:column;align-items:stretch}
.footer-photo-card h3{min-height:2.4em}.footer-photo-card b{margin-top:auto}
.visual-path-grid article{display:flex;flex-direction:column}.visual-path-copy{display:flex;flex:1;flex-direction:column;align-items:stretch}.visual-path-copy>a{margin-top:auto}.visual-path-copy h3{min-height:2.4em}
main .back{margin-bottom:18px}.photo-footer .footer-notes #export-progress{vertical-align:middle}
@media(max-width:650px){.course-grid>.course-card{display:block;grid-row:auto}.course-grid>.course-card .meta{margin-top:16px}.course-grid>.course-card h3{margin:8px 0}.footer-photo-card h3,.visual-path-copy h3{min-height:0}.course-grid>.course-card>p{margin:0}}
@media(max-width:650px){.top nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.top nav a,.top nav a[href="#kursus"]{width:100%;min-height:42px;justify-content:center;padding:10px 8px}.top nav #textsize{grid-column:1 / -1;justify-self:end;min-height:36px;margin-top:2px;padding:8px 12px}.top .brand{margin-bottom:4px}}
/* V71: a visual teaching lab, explicit simulation and compact supporting material. */
.exposure-simulator{margin:24px 0 32px;padding:0;max-width:100%}.exposure-simulator>header .eyebrow{margin-bottom:14px}.exposure-simulator>header h2{font-size:clamp(32px,4vw,48px);margin:0 0 20px}.exposure-simulator>header p{font-size:17px;max-width:62ch}.simulation-label{display:inline-block;padding:7px 12px;background:#e9e3d9;border-radius:9px;font-size:12px;margin-bottom:24px}.sim-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,1fr);gap:24px;align-items:start}.sim-image-column{min-width:0}.sim-photo{margin:0;background:#283747;border-radius:16px;overflow:hidden}.sim-photo-stage{position:relative;line-height:0;background:#15202d}.sim-photo canvas{display:block;width:100%;height:auto;aspect-ratio:640/427}.sim-settings{position:absolute;bottom:12px;left:12px;right:12px;line-height:1.5;background:#172536e6;padding:8px 12px;border-radius:9px;color:white;font-size:12px}.sim-photo figcaption{padding:16px;color:white;line-height:1.6}.sim-photo figcaption b,.sim-photo figcaption span{display:block}.sim-photo figcaption span{font-size:11px;margin-top:6px;color:#d3dce5}.exposure-simulator .sim-photo a{display:inline!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;color:inherit!important;font-size:inherit!important;text-decoration:underline!important;border-radius:0!important}.sim-load{font-size:12px!important;color:var(--muted);margin:10px 0 0!important}.sim-observation{font-size:14px;line-height:1.65;padding:16px 0}.sim-controls{padding:22px;border:1px solid #c7ced6;border-radius:16px;background:#edf0f4}.sim-controls fieldset{border:0;padding:0;margin:0}.sim-controls legend{font:24px/1.25 var(--serif);margin-bottom:20px}.sim-controls label{display:block;font-size:16px;font-weight:600;margin:0 0 8px}.sim-controls label:not(:first-of-type){margin-top:20px}.sim-controls label span{display:block;font-weight:400;font-size:11px;color:#626975;margin-top:4px}.sim-controls select{display:block;width:100%;max-width:100%;padding:12px;background:#fff;color:#283747;border:1px solid #8e9dad;border-radius:9px;font:inherit}.sim-controls #exp-reset{margin-top:24px;width:100%;padding:12px;font-size:13px;border:1px solid #8e9dad;background:#fff;color:#283747}.sim-reset-note{font-size:11px!important;margin:12px 0 0!important;line-height:1.6}.sim-meter{border-top:1px solid #c7ced6;margin-top:20px;padding-top:16px}.sim-meter span{font-size:11px;color:#626975}.sim-meter strong{display:block;font:32px/1.2 var(--serif);margin-top:8px}.sim-meter p{font-size:12px;margin:8px 0 0}.sim-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;margin:24px 0;background:#eae4da;border-radius:14px}.sim-results span{font-size:12px}.sim-results strong{font-size:30px;overflow-wrap:anywhere}.sim-principle{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;border-top:1px solid var(--line);padding-top:28px;margin-top:28px;align-items:start}.sim-principle h3{font:26px/1.25 var(--serif);margin-bottom:16px}.sim-principle p{font-size:14px}.sim-principle .eyebrow{font-size:10px;line-height:1.6;margin-bottom:15px}.sim-principle figure{margin:0;min-width:0}.sim-principle svg{display:block;width:100%;height:auto}.sim-principle figcaption{font-size:12px;line-height:1.7;margin-top:12px}.sim-principle figcaption span{display:block}.sim-exercises{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.sim-exercises h3{font:28px/1.3 var(--serif)}.sim-exercises [role=group]{display:flex;gap:8px;flex-wrap:wrap}.sim-exercises button{border:1px solid #afbbc9;background:#f1f3f5;color:#283747;padding:10px 12px;font-size:13px}.sim-exercises button[aria-pressed=true]{background:#344c68;color:white;border-color:#344c68}.sim-exercises>p{font-size:14px;margin:20px 0}.sim-exercises #exp-task-feedback:not(:empty){padding:14px 16px;background:#e8edf3;border-radius:12px}.sim-exercises>label{display:block;font-size:15px;margin-top:24px}.sim-exercises textarea{display:block;width:100%;min-height:120px;padding:14px;margin-top:10px;font:inherit;color:inherit;background:#fff;border:1px solid #afbbc9;border-radius:10px;box-sizing:border-box}.exposure-simulator .sim-method,.exposure-simulator .sim-noise-note{margin:20px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:0}.sim-method summary,.sim-noise-note summary{font-size:14px;cursor:pointer}.sim-method p,.sim-noise-note p{font-size:13px!important;line-height:1.7;margin-top:16px}.sim-noise-note label{display:flex;gap:10px;align-items:start;font-size:14px;margin-top:16px}.sim-noise-note input{flex-shrink:0;margin-top:5px}.iso-source-credit{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 12px}.iso-source-credit details{margin:8px 0 0!important;padding:10px 0!important;border:0!important}.iso-source-credit summary{font-size:12px;cursor:pointer}.iso-source-credit .study-source{font-size:12px;margin:14px 0 0}.iso-source-credit a:not(.course-card):not(:has(img)):not(:has(svg)){display:inline!important;padding:0!important;min-height:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;text-decoration:underline!important;border-radius:0!important}.iso-nind .iso-optional,.lesson-extra.exposure-entry{margin:16px 0!important;padding:16px 0!important;border-top:1px solid var(--line);border-bottom:0!important}.iso-optional>summary,.exposure-entry>summary{font-size:18px;line-height:1.5;cursor:pointer}.iso-optional>p{font-size:14px}.iso-nind{margin-bottom:16px}.exposure-entry>.exposure-simulator{margin-top:28px}
@media(max-width:800px){.sim-workspace{grid-template-columns:1fr}.sim-principle{grid-template-columns:1fr}.sim-controls{padding:20px}.sim-controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:center}.sim-controls legend{grid-column:1/-1}.sim-controls label,.sim-controls label:not(:first-of-type){margin:0}.sim-controls label span{line-height:1.5}.sim-controls select{font-size:16px}.sim-results{gap:12px;padding:18px}.sim-results strong{font-size:26px}}
@media(max-width:450px){.sim-controls fieldset{grid-template-columns:1fr}.sim-controls label:not(:first-of-type){margin-top:10px}.sim-results{grid-template-columns:1fr}.sim-exercises [role=group]{display:grid;grid-template-columns:1fr}.sim-settings{font-size:10px;left:8px;right:8px;bottom:8px;padding:6px 8px}}
/* End the real-photo section without the former empty spacer. */
.image-study.iso-nind{padding-bottom:0;margin-bottom:12px}.iso-nind>.iso-optional{margin-bottom:0!important}.exposure-entry{margin-top:12px!important}
/* V72: clear prerequisites and a photographic people pathway. */
.preflight{max-width:1100px;margin:auto}.preflight>h1{max-width:900px}.preflight>.lead{max-width:850px}.preflight>h2{margin-top:64px}.ready-box{padding:28px 32px;background:#eae6de;border:1px solid #d7d1c6;border-radius:18px;margin:32px 0}.ready-box p{margin:12px 0 20px}.ready-box h2{margin-top:0}.install-steps{counter-reset:install;list-style:none;padding:0;display:grid;gap:28px}.install-steps>li{counter-increment:install;padding:28px 32px 28px 88px;border:1px solid #d7d1c6;border-radius:18px;position:relative}.install-steps>li:before{content:counter(install,decimal-leading-zero);position:absolute;left:28px;top:29px;font-size:24px;font-weight:650;color:#334e6a;line-height:1.4}.install-steps h3{margin:0 0 16px}.install-steps figure{margin:24px 0 0}.install-steps img{width:100%;height:auto;display:block;border-radius:12px}.install-steps figcaption{font-size:14px;margin-top:12px}.install-steps details{margin-top:24px}.install-steps summary{padding:14px 0;font-weight:650;cursor:pointer}.people-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.people-pair figure{margin:0}.people-pair img{display:block;width:100%;height:420px;object-fit:cover;border-radius:18px}.people-pair figure:first-child img{object-position:50% 35%}.people-pair figcaption{font-size:14px;margin-top:10px}.people-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.people-tips article{border-top:2px solid #b88350;padding-top:24px}.people-tips h3{font-size:25px;margin:12px 0}.people-tips p{font-size:18px}.people-course textarea{width:100%;min-height:140px;border:1px solid #aab6c4;border-radius:14px;padding:18px;margin:16px 0;box-sizing:border-box;font:inherit}.source-note a{display:inline!important;border:0!important;background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important;text-decoration:underline!important;min-height:0!important}.preflight .ready-box .btn{display:inline-flex}.preflight .install-steps .ready-box{margin-bottom:0}
@media(max-width:700px){.people-pair{grid-template-columns:1fr}.people-pair img{height:auto;max-height:520px;object-fit:contain;background:#eae6de}.people-tips{grid-template-columns:1fr}.install-steps>li{padding:24px}.install-steps>li:before{position:static;display:block;margin-bottom:14px}.ready-box{padding:24px}.preflight>h2{margin-top:40px}}
.preflight>a:first-child{display:inline-flex;margin-bottom:32px}.preflight>h1{margin-top:24px}.people-entry{display:grid;grid-template-columns:160px 1fr;gap:28px;padding:24px;margin:40px 0;background:#eae6de;border:1px solid #d7d1c6;border-radius:18px;align-items:center}.people-entry img{width:160px;height:190px;object-fit:cover;border-radius:12px}.people-entry h3{margin:10px 0;font-size:28px}.people-entry p{margin:12px 0 20px}.people-pair img{object-fit:contain;background:#eae6de}
@media(max-width:700px){.people-entry{grid-template-columns:1fr}.people-entry img{width:100%;height:240px;object-fit:contain}.preflight>h1{font-size:clamp(38px,10vw,62px)}}
.install-steps img[src$="install-mac-package.png"]{aspect-ratio:2.8;object-fit:cover;object-position:top}
@media(min-width:701px){.people-pair img{object-fit:cover}.people-pair figure:first-child img{object-position:50% 20%}}
/* Setup guide: native controls, explicit limits and a reusable camera card. */
.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.setup-fields label{display:flex;flex-direction:column;gap:12px;font-size:18px;min-width:0}.setup-fields label>span{font-weight:650}.setup-fields select,.setup-fields input{font:inherit;box-sizing:border-box;width:100%;max-width:100%;padding:14px;border:1px solid #aab6c4;border-radius:14px;background:#fff;color:#273849;min-height:56px}.setup-fields select:disabled{background:#eae6de;color:#687380}.setup-custom{border:1px solid #c7c1b7;border-radius:18px;padding:24px;margin:28px 0}.setup-custom legend{font-weight:650;padding:0 12px}.setup-confirm{display:flex;gap:12px;align-items:start}.setup-confirm input{min-width:22px;height:22px}.setup-card{margin:40px 0;border:1px solid #d4cec4;border-radius:20px;padding:32px;background:#f0ede7}.setup-card-top{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center}.setup-card-top h2{font-size:38px;margin-top:16px}.setup-card-top figure{margin:0}.setup-card-top img{display:block;width:100%;height:210px;object-fit:cover;border-radius:14px;object-position:50% 25%}.setup-card-top figcaption{font-size:12px;line-height:1.5;margin-top:10px}.setup-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.setup-values>div{padding:22px;background:#fff;border:1px solid #d4cec4;border-radius:14px}.setup-values dt{font-size:15px;font-weight:650}.setup-values dd{margin:10px 0;font-size:26px;font-weight:650;color:#334e6a;overflow-wrap:anywhere}.setup-values small{font-size:14px;line-height:1.6;display:block}.setup-order li{padding-left:8px;margin:16px 0}.setup-controls{border-top:1px solid #c7c1b7;padding:22px 0}.setup-controls summary{cursor:pointer;font-weight:650}.setup-controls h3{margin:24px 0 12px}.setup-warning{padding:20px;border-left:4px solid #a36c3c;background:#e8dfd4}.setup-reason{font-weight:550}.setup-entry h3{margin-top:16px}
@media(max-width:800px){.setup-fields{grid-template-columns:1fr}.setup-card-top{grid-template-columns:1fr}.setup-card-top figure{max-width:480px}.setup-values{grid-template-columns:1fr 1fr}.setup-card{padding:24px}.setup-card-top h2{font-size:32px}}
@media(max-width:450px){.setup-values{grid-template-columns:1fr}.setup-card{padding:20px}.setup-values dd{font-size:25px}.setup-custom{padding:18px}.setup-fields select{font-size:16px}}
.bag-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:36px 0}.bag-progress button{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px 12px;background:#eae6de;border:1px solid #c7c1b7;color:#334e6a;font:inherit;border-radius:14px}.bag-progress button[aria-current]{background:#334e6a;color:white}.bag-progress button span{font-weight:700}.bag-panel{padding:32px;border:1px solid #d4cec4;border-radius:20px}.bag-panel>h2{margin:16px 0 24px}.bag-page select{font:inherit;border:1px solid #aab6c4;border-radius:14px;padding:16px;box-sizing:border-box;width:100%;max-width:100%;background:#fff;margin:12px 0 24px;color:#273849}.bag-lenses{display:grid;gap:12px}.bag-lenses label{display:flex;gap:18px;align-items:center;border:1px solid #c7c1b7;border-radius:14px;padding:20px;cursor:pointer;background:#f8f6f1}.bag-lenses input{width:24px;height:24px;flex-shrink:0;accent-color:#334e6a}.bag-lenses small{display:block;margin-top:10px;font-size:15px;line-height:1.6}.bag-help{padding:24px 0}.bag-help summary{font-weight:650;cursor:pointer}.bag-shortcut{display:block;padding:16px 24px;font:inherit;margin:12px 0 28px;border:1px solid #aab6c4;border-radius:14px;background:#eef1f5;color:#334e6a}.bag-motifs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bag-motifs button{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #c7c1b7;border-radius:14px;padding:16px;background:#f8f6f1;font:inherit;color:#273849;min-height:105px}.bag-motifs img{width:76px;height:72px;object-fit:cover;border-radius:10px;flex-shrink:0}.bag-motifs button[aria-pressed=true]{border:2px solid #334e6a;background:#e4eaf0}.bag-choices{border:0;padding:0;margin:32px 0}.bag-choices legend{font-weight:650;margin-bottom:12px}.bag-choices label{display:flex;align-items:center;gap:14px;margin:12px 0;padding:14px;border:1px solid #c7c1b7;border-radius:14px;cursor:pointer}.bag-choices input{width:22px;height:22px;accent-color:#334e6a}.bag-recommendation{padding:28px;border-radius:18px;background:#eae6de;margin-bottom:32px}.bag-recommendation h3{margin:16px 0}.camera-stepper{padding:28px;background:white;border:1px solid #c7c1b7;border-radius:18px;margin:28px 0}.camera-stepper h3{margin:16px 0}.bag-step-buttons{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.bag-step-buttons button{font:inherit;padding:14px;border:1px solid #aab6c4;border-radius:14px;background:#eef1f5;color:#334e6a}.bag-page button:disabled{opacity:.5;cursor:default}.bag-page .setup-card{padding:28px}.bag-page :focus-visible{outline:3px solid #a36c3c;outline-offset:4px}
@media(max-width:700px){.bag-panel{padding:20px}.bag-progress{gap:8px}.bag-progress button{flex-direction:column;font-size:14px;padding:14px 6px;gap:6px}.bag-motifs{grid-template-columns:1fr}.bag-recommendation{padding:20px}.bag-step-buttons{flex-direction:column}.bag-page .setup-card{padding:20px}.camera-stepper{padding:20px}}
.bag-page[data-bag-stage="2"] h1,.bag-page[data-bag-stage="3"] h1{font-size:48px;line-height:1.15;margin-bottom:28px}.meter-teaching{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:24px 12px;background:#eef1f5;border-radius:12px;margin:24px 0;font-size:15px}.meter-teaching b{font-size:20px;white-space:nowrap}.meter-teaching strong{background:#334e6a;color:white;border-radius:8px;padding:6px}.bag-page .setup-card .setup-values dd{line-height:1.35}
@media(max-width:700px){.bag-page[data-bag-stage="2"] h1,.bag-page[data-bag-stage="3"] h1{font-size:38px}.meter-teaching{flex-direction:column}}
@media(max-width:650px){.top nav #textsize{grid-column:auto;justify-self:stretch;min-height:42px;margin:0;padding:10px 8px}}
/* Universal camera bag: readable labels and balanced form controls. */
.bag-panel form label{display:block;margin:1rem 0;font-weight:600}.bag-panel form input:not([type=checkbox]),.bag-panel form select{display:block;width:100%;box-sizing:border-box;margin-top:.5rem;padding:.8rem;border:1px solid #bac3cd;border-radius:14px;background:#fff;color:var(--ink,#273746);font:inherit}.bag-panel form input[type=checkbox]{margin-right:.5rem}.bag-panel .bag-help summary{line-height:1.5}.bag-panel form .btn{margin-top:1rem}.bag-panel .bag-help .setup-fields{gap:1rem}#general-guide h2{overflow-wrap:anywhere}#general-guide .setup-order li{margin-bottom:1.3rem}
#general-guide figure{margin:0 0 1.5rem}#general-guide figure img{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:14px}#general-guide figcaption{font-size:.85em;margin-top:.5rem;color:#626b78}
/* Pre-pilot reading order and visual consistency. */
.course-scene-intro{margin:1.75rem 0 2rem}.course-scene-intro button{display:block;width:100%;padding:0;border:0;background:transparent}.course-scene-intro img{width:100%;display:block;max-height:480px;object-fit:contain;background:#222;border-radius:14px}.course-scene-intro figcaption{font-size:.85em;line-height:1.5;color:#626b78;margin-top:.65rem}
.import-prerequisite{background:#eee9df;border:1px solid #d7d1c7;border-radius:14px;padding:1.25rem 1.5rem;margin:1.5rem 0}.import-prerequisite p{margin:.5rem 0}.import-prerequisite a{line-height:1.6}
.first-edit-bridge{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:2rem;align-items:center;padding:1.5rem;margin-top:2.5rem;border-radius:14px;background:#eae5dc}.first-edit-bridge img{width:100%;height:280px;object-fit:cover;border-radius:14px}.first-edit-bridge h2{margin:.5rem 0 1rem}.first-edit-bridge .btn{white-space:normal;text-align:left}.lesson-content>.visual-study{margin-top:1.5rem}.lesson-content .concepts{align-items:start}
@media(max-width:640px){.first-edit-bridge{grid-template-columns:1fr;gap:1rem;padding:1.15rem}.first-edit-bridge img{height:220px}.course-scene-intro img{max-height:none}.import-prerequisite{padding:1rem}}
.chapter-opening{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:2rem;margin:1rem 0 2rem}.chapter-opening h1{font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.12;margin:0 0 1rem}.chapter-opening .lead{font-size:1.15rem;line-height:1.65;margin:0}.chapter-opening figure{margin:0}.chapter-opening img{display:block;width:100%;height:260px;object-fit:cover;border-radius:14px}.chapter-opening figcaption{font-size:.75rem;line-height:1.5;color:#626b78;margin-top:.5rem}.chapter-opening+.visual-study{margin-top:1rem}
@media(max-width:700px){.chapter-opening{grid-template-columns:1fr;gap:1.25rem}.chapter-opening h1{font-size:2.5rem}.chapter-opening img{height:230px}.chapter-opening figcaption{font-size:.8rem}}
/* Keep active navigation legible during page changes. */
.top nav a.nav-current{transition:none}
@media(max-width:600px){.top nav #textsize{grid-column:1/-1;justify-self:stretch}}
.chapter-opening figcaption a{display:inline;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Fotoglæde course platform · V78 */
.platform-hero{background:#253a51;color:#fff;display:grid;grid-template-columns:1.04fr 1fr;gap:5%;padding:65px 6% 62px;align-items:center;overflow:hidden}.platform-hero h1{font-size:clamp(48px,5.6vw,86px);line-height:1.03;letter-spacing:-.045em;margin:20px 0 25px;color:#fff}.platform-hero h1 em{font-style:normal;color:#e4bf91}.platform-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#e1d5c4}.platform-hero-copy>p{max-width:580px;font-size:18px;line-height:1.75;color:#f1eee8}.platform-hero-copy .platform-hero-reassurance{font-size:15px;color:#d0d7df;margin-top:16px}.platform-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.platform-hero .btn{background:#ece3d5;color:#23374c;border:1px solid #ece3d5;border-radius:14px;padding:17px 22px}.platform-hero a.platform-hero-link,.platform-hero a.platform-resume{display:inline!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font-size:15px!important;text-decoration:underline;text-underline-offset:5px}.platform-hero a.platform-resume{display:inline-block!important;margin-top:22px}.platform-hero-facts{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;color:#d0d7df;margin-top:28px}.platform-hero-facts span:before{content:'✓';margin-right:8px;color:#e4bf91}
.platform-hero-gallery{position:relative;min-height:520px;display:grid;grid-template-columns:1fr .78fr;gap:16px;align-items:start;padding-bottom:95px}.platform-hero-gallery figure{position:relative;margin:0;overflow:hidden;border-radius:16px}.platform-hero-gallery figure img{display:block;width:100%;object-fit:cover}.platform-hero-main{margin-top:22px!important}.platform-hero-main img{height:365px;object-position:50% 35%}.platform-hero-landscape img{height:280px}.platform-hero-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 16px;background:linear-gradient(transparent,#000b);font-size:15px;line-height:1.5;color:white}.platform-hero-gallery figcaption small{display:block;font-size:10px;color:#e0e4e8;margin-top:5px}.platform-hero a.platform-hero-edit{position:absolute;bottom:0;right:0;width:78%;display:grid!important;grid-template-columns:1.1fr 1fr;align-items:center;gap:15px;background:#f4f0e8!important;color:#26394d!important;border:5px solid #f4f0e8!important;border-radius:14px!important;padding:0!important;box-shadow:0 20px 45px #0003!important;overflow:hidden;text-decoration:none!important}.platform-hero-edit img{width:100%;height:155px;object-fit:cover;object-position:70%}.platform-hero-edit span{font-size:19px;line-height:1.3;padding:8px 14px 8px 0}.platform-hero-edit b{display:block;font-weight:400;font-size:12px;margin-top:10px;line-height:1.5}
.platform-catalog{padding-top:65px;padding-bottom:65px}.platform-section-head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:32px}.platform-section-head h2{margin:8px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.12}.platform-section-head>p{max-width:400px;font-size:16px;line-height:1.7;margin:0;color:#626b78}.platform-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.platform-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d8d4cc;border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 8px 22px #27374608}.platform-card a.platform-card-photo{position:relative;display:block!important;border:0!important;border-radius:0!important;padding:0!important;background:none!important;box-shadow:none!important;overflow:hidden}.platform-card-photo img{width:100%;height:230px;object-fit:cover;display:block;transition:transform .2s}.platform-card-photo:hover img{transform:scale(1.025)}.platform-level{position:absolute;top:15px;left:15px;padding:7px 11px;background:#f8f6f0;color:#273746;border-radius:8px;font-size:12px;font-weight:650}.platform-card-body{padding:25px;display:flex;flex-direction:column;flex:1;gap:16px}.platform-kicker{color:#896243;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:650}.platform-card h3{font-size:31px;line-height:1.12;margin:0}.platform-card h3>a,.platform-text-link,.platform-card a.platform-text-link{display:inline!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#273746!important;font:inherit!important;text-decoration:none!important}.platform-card h3>a:hover,.platform-text-link:hover{text-decoration:underline!important}.platform-card-body>p{font-size:15px;line-height:1.7;margin:0;color:#626b78}.platform-card-body ul{padding-left:18px;margin:0 0 12px;font-size:14px;line-height:1.75}.platform-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#626b78;font-size:12px}.platform-meta span+span:before{content:'·';margin-right:16px}.platform-progress{margin-top:auto;padding-top:16px;border-top:1px solid #e6e2db}.platform-progress>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5}.platform-progress b{font-weight:500}.platform-progress progress{display:block;width:100%;height:6px;margin:10px 0 0;border:0;border-radius:6px;overflow:hidden;appearance:none;background:#e8e4dc}.platform-progress progress::-webkit-progress-bar{background:#e8e4dc;border-radius:6px}.platform-progress progress::-webkit-progress-value{background:#344c68;border-radius:6px}.platform-progress progress::-moz-progress-bar{background:#344c68}.platform-card-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:4px;flex-wrap:wrap}.platform-card-actions .btn{font-size:14px;padding:13px 17px}.platform-card-actions .platform-text-link{font-size:12px!important;text-decoration:underline!important;text-underline-offset:4px}.platform-card-body>small{font-size:10px;line-height:1.5;color:#7a8087;margin-top:0}.platform-time-note{font-size:13px;line-height:1.7;color:#626b78;margin-top:25px}
.platform-about{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:70px 6%;align-items:center;background:#e9e3d9}.platform-about h2{font-size:clamp(36px,4vw,60px);line-height:1.1;margin:15px 0 25px}.platform-about p{font-size:17px;line-height:1.8;max-width:580px}.platform-about figure{margin:0}.platform-about img{width:100%;height:420px;object-fit:cover;display:block;border-radius:16px}.platform-about figcaption{font-size:11px;color:#626b78;margin-top:8px}.platform-method{padding-top:70px;padding-bottom:60px}.platform-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.platform-method-grid figure{margin:0 0 25px}.platform-method-grid img{width:100%;height:210px;object-fit:cover;border-radius:14px;display:block}.platform-method-grid figcaption{font-size:10px;color:#626b78;margin-top:7px}.platform-method-grid article>span{font-size:12px;color:#8b6547}.platform-method-grid h3{font-size:30px;margin:10px 0 14px}.platform-method-grid p{font-size:16px;line-height:1.7;margin:0}.platform-help{padding-top:40px;padding-bottom:65px;border-top:1px solid #ddd6cb}.platform-help h2{max-width:750px}.platform-help>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-help>div>a{display:flex!important;flex-direction:column;align-items:start;padding:24px!important;background:#ece8e0!important;border:1px solid #d9d2c6!important;border-radius:14px!important;color:#273746!important;text-decoration:none!important;gap:9px}.platform-help a b{font-weight:600;font-size:19px}.platform-help a span{font-size:14px;color:#626b78}.platform-help>p{font-size:13px;line-height:1.7;color:#626b78;margin-top:22px}
.platform-catalog-page{padding-top:65px;padding-bottom:70px}.platform-catalog-page>h1{margin:20px 0;font-size:clamp(44px,5vw,76px)}.platform-catalog-page>.lead{max-width:770px;margin-bottom:40px}.platform-detail{padding-top:50px;padding-bottom:65px}.platform-detail-head{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center}.platform-detail-head .eyebrow{display:block;margin-top:30px}.platform-detail-head h1{font-size:clamp(40px,4.5vw,68px);line-height:1.06;margin:18px 0 25px}.platform-detail-head .lead{font-size:18px;line-height:1.7;margin:0 0 23px}.platform-detail-head figure{margin:0}.platform-detail-head figure img{width:100%;height:420px;object-fit:cover;border-radius:16px;display:block}.platform-editing .platform-detail-head figure img{object-fit:contain;background:#202226}.platform-detail-head figcaption{font-size:11px;line-height:1.5;color:#626b78;margin-top:8px}.platform-detail-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin:20px 0}.platform-detail-meta span{padding:8px 12px;border:1px solid #d8d0c4;border-radius:8px;background:#eee9e0}.platform-requires{font-size:13px;color:#626b78;line-height:1.6}.platform-detail-head .platform-progress{margin:22px 0}.platform-outcomes{padding:30px 35px;background:#eae5dc;border-radius:16px;margin:45px 0}.platform-outcomes h2{font-size:27px;margin:0 0 20px}.platform-outcomes ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0;font-size:17px;line-height:1.6}.platform-outcomes li:before{content:'✓';display:block;color:#896243;margin-bottom:8px}.platform-outcomes .small{font-size:12px;margin:20px 0 0;color:#626b78}.platform-follow-on{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center;background:#eae5dc;padding:30px;border-radius:16px;margin-top:50px}.platform-follow-on>img{display:block;width:100%;height:250px;object-fit:cover;object-position:50% 30%;border-radius:12px}.platform-follow-on h2{font-size:32px;margin:12px 0}.platform-follow-on p{font-size:16px;line-height:1.7}.platform-follow-on small{display:block;font-size:11px;margin-top:18px;color:#626b78}.platform-module{margin:40px 0 55px}.platform-module>h2{display:flex;gap:20px;align-items:center;font-size:32px;margin:0 0 25px}.platform-module>h2 span{font:18px var(--sans);color:#896243}.platform-program-intro{margin:30px 0;padding:20px 0;border-top:1px solid #ddd6cb;border-bottom:1px solid #ddd6cb}.platform-program-intro p{max-width:800px;font-size:17px;line-height:1.7}.platform-editing #start-redigering{max-width:850px;margin:35px auto 65px;scroll-margin-top:25px}.platform-people-nav{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.platform-people-nav button{font:inherit;font-size:15px;padding:15px 18px;background:#344c68;color:white;border:1px solid #344c68;border-radius:14px}.platform-practice{background:#eae5dc;border-radius:14px;padding:28px;margin:40px 0}.platform-practice h2{font-size:28px}.platform-practice label{display:flex;align-items:center;gap:14px;padding:15px 0;font-size:16px;line-height:1.6}.platform-practice input{width:23px;height:23px;flex:0 0 auto;accent-color:#344c68}.platform-practice p{font-size:14px;line-height:1.7}.people-course>.platform-progress{max-width:750px;margin:25px 0}
.chapter-opening figcaption a{display:inline!important;padding:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:inherit!important;color:inherit!important;text-decoration:underline!important}
@media(max-width:1000px){.platform-hero{gap:4%;padding-top:50px}.platform-hero-gallery{min-height:450px}.platform-hero-main img{height:310px}.platform-hero-landscape img{height:235px}.platform-hero-edit img{height:130px}.platform-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-section-head{align-items:start}.platform-card-photo img{height:230px}.platform-detail-head{gap:4%}.platform-detail-head figure img{height:360px}}
@media(max-width:700px){.platform-hero{grid-template-columns:1fr;gap:30px;padding:36px 6% 40px}.platform-hero h1{font-size:clamp(44px,10vw,68px);margin-top:18px}.platform-hero-copy>p{font-size:17px}.platform-hero-actions{gap:20px}.platform-hero-actions>.btn{width:100%;text-align:center;justify-content:center}.platform-hero-gallery{min-height:380px;gap:12px;padding-bottom:70px}.platform-hero-main{margin-top:0!important}.platform-hero-main img{height:280px}.platform-hero-landscape img{height:210px}.platform-hero a.platform-hero-edit{width:78%}.platform-hero-edit img{height:115px}.platform-hero-edit span{font-size:16px}.platform-hero-edit b{font-size:10px}.platform-hero-facts{font-size:12px;gap:10px 17px}.platform-section-head{display:block}.platform-section-head>p{margin-top:20px}.platform-course-grid,.platform-method-grid{grid-template-columns:1fr}.platform-catalog,.platform-method{padding-top:40px;padding-bottom:40px}.platform-card-photo img{height:250px}.platform-card-body{padding:24px}.platform-about{grid-template-columns:1fr;gap:28px;padding:40px 6%}.platform-about img{height:280px}.platform-help>div{grid-template-columns:1fr}.platform-help h2{font-size:32px}.platform-catalog-page{padding-top:35px}.platform-detail-head{grid-template-columns:1fr;gap:28px}.platform-detail-head figure img{height:280px}.platform-detail{padding-top:30px}.platform-detail-head h1{font-size:44px}.platform-outcomes{padding:25px;margin:30px 0}.platform-outcomes ul{grid-template-columns:1fr;gap:16px}.platform-outcomes li:before{display:inline;margin:0 12px 0 0}.platform-follow-on{grid-template-columns:1fr;padding:24px;gap:22px}.platform-follow-on img{height:240px}.platform-module>h2{font-size:27px;align-items:start}.platform-practice{padding:22px}.platform-method-grid{gap:30px}.platform-method-grid img{height:220px}}
@media(prefers-reduced-motion:reduce){.platform-card-photo img{transition:none}}
@media(min-width:1001px){.platform-hero{padding-top:40px;padding-bottom:40px}.platform-hero h1{font-size:clamp(48px,5vw,74px);margin:15px 0 18px}.platform-hero-copy>p{font-size:17px;line-height:1.7}.platform-hero-copy .platform-hero-reassurance{font-size:14px;line-height:1.65;margin-top:12px}.platform-hero-actions{margin-top:20px}.platform-hero-facts{margin-top:20px}.platform-hero-gallery{min-height:450px}.platform-hero-main{margin-top:0!important}.platform-hero-main img{height:300px}.platform-hero-landscape img{height:245px}.platform-hero-edit img{height:125px}}
.large .platform-card-body>p,.large .platform-card-body ul,.large .platform-method-grid p{font-size:19px}.large .platform-card-actions .btn{font-size:18px}.large .platform-meta,.large .platform-level,.large .platform-progress>div,.large .platform-time-note{font-size:15px}.large .platform-card-body>small,.large .platform-kicker{font-size:12px}.large .platform-hero-copy>p,.large .platform-detail-head .lead,.large .platform-about p{font-size:21px}.large .platform-hero-copy .platform-hero-reassurance{font-size:18px}.large .platform-hero-facts,.large .platform-requires{font-size:16px}.large .platform-card-actions .platform-text-link{font-size:16px!important}
/* Courses are the first thing on the home page, not below a marketing hero. */
.course-front-intro{padding-top:32px;padding-bottom:22px}.course-front-intro .eyebrow{margin:0 0 10px;font-size:12px}.course-front-intro h1{font:600 clamp(32px,3.4vw,48px)/1.15 var(--sans);letter-spacing:-.035em;margin:0 0 12px}.course-front-intro>p{font-size:18px;line-height:1.6;margin:0 0 10px}.course-front-hint{font-size:14px;line-height:1.6;display:block;color:#626b78}.course-front-resume{display:inline-block!important;padding:0!important;margin-top:12px;background:none!important;border:0!important;box-shadow:none!important;font-size:14px!important;text-decoration:underline!important;color:#344c68!important}.course-front-catalog{padding-top:0;padding-bottom:40px}.front-course .platform-card-photo img{height:165px}.front-course .platform-card-body{padding:20px;gap:12px}.front-course h2{font:600 25px/1.2 var(--sans);letter-spacing:-.02em;margin:0}.front-course .platform-card-body>p{font-size:15px;line-height:1.6;margin:0}.front-course .platform-kicker{font-size:10px}.front-course .platform-card-actions{margin-top:auto;gap:12px}.front-course .platform-progress{margin-top:0;padding-top:12px}.front-course .platform-progress progress{margin-top:7px}.front-course .platform-card-body>small{font-size:9px}.course-front-catalog .platform-time-note{font-size:12px;margin-top:15px}.large .course-front-intro>p{font-size:22px}.large .course-front-hint{font-size:18px}.large .front-course .platform-card-body>p{font-size:19px}.large .front-course h2{font-size:28px}
@media(max-width:1000px) and (min-width:701px){.course-front-catalog .platform-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.front-course .platform-card-body{padding:16px}.front-course h2{font-size:23px}.front-course .platform-card-actions{align-items:stretch;flex-direction:column}}
@media(max-width:700px){.course-front-intro{padding-top:25px;padding-bottom:22px}.course-front-intro h1{font-size:34px}.course-front-intro>p{font-size:17px}.course-front-hint{font-size:14px}.front-course .platform-card-photo img{height:180px}.front-course .platform-card-body{padding:22px}.front-course h2{font-size:27px}.course-front-catalog{padding-bottom:30px}}
.course-front-intro{padding-top:24px;padding-bottom:16px}.course-front-intro h1{font-family:Arial,sans-serif;font-size:clamp(32px,3.4vw,46px);font-weight:650;line-height:1.15}.front-course h2{font-family:Arial,sans-serif;font-size:25px;font-weight:600;line-height:1.2}.front-course .platform-card-photo img{height:135px}.front-course .platform-card-body{padding:18px;gap:10px}
@media(max-width:700px){.course-front-intro h1{font-size:34px}.front-course .platform-card-photo img{height:165px}.front-course .platform-card-body{padding:22px;gap:12px}.front-course h2{font-size:27px}}
.front-course .platform-card-actions .btn{background:#344c68!important;color:#fff!important;border-color:#344c68!important}
/* Photographic hero with unmistakable course identity · V80 */
.photo-course-hero{position:relative;isolation:isolate;overflow:hidden;background:#1f3041;color:#fff}.photo-course-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 46%;z-index:-3}.photo-course-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(18,31,45,.96) 0%,rgba(21,35,49,.88) 35%,rgba(21,35,49,.3) 72%,rgba(21,35,49,.12) 100%)}.photo-course-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:8%;align-items:center;padding:42px 6% 47px;min-height:445px;max-width:1600px;margin:0 auto}.photo-course-eyebrow{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e9dfcf;margin-bottom:19px}.photo-course-copy h1{font-family:var(--serif,Georgia,serif);font-size:clamp(44px,5.3vw,76px);line-height:1.03;letter-spacing:-.035em;color:white;margin:0 0 20px}.photo-course-copy h1 em{font-style:normal;color:#e8c49a}.photo-course-copy>p{font-size:17px;line-height:1.7;color:#f1eee8;max-width:540px;margin:0 0 24px}.photo-course-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.photo-course-actions a.btn{display:inline-flex;align-items:center;justify-content:center;background:#eee3d2!important;color:#23374c!important;border:1px solid #eee3d2!important;border-radius:14px;font-weight:650;font-size:15px;padding:16px 20px;text-decoration:none}.photo-course-secondary,.photo-course-resume{display:inline!important;background:none!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;text-decoration:underline!important;text-underline-offset:5px}.photo-course-resume{display:inline-block!important;margin-top:18px}.photo-course-assurance{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:24px;font-size:12px;color:#d6dde3}.photo-course-assurance span:before{content:'✓';margin-right:7px;color:#e8c49a}.photo-course-hero .photo-course-edit-preview{display:block!important;background:#f7f3eb!important;color:#26394d!important;border:1px solid #e4ddd2!important;border-radius:15px!important;padding:8px!important;box-shadow:0 18px 50px #0005!important;text-decoration:none!important;transform:rotate(-2deg);margin-top:10px;max-width:470px;transition:transform .2s}.photo-course-hero .photo-course-edit-preview:hover{transform:rotate(0)}.photo-course-preview-label{display:block;padding:9px 10px 13px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:650}.photo-course-edit-preview>img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;border-radius:7px}.photo-course-preview-foot{display:flex;justify-content:space-between;gap:15px;padding:14px 10px 10px;font-size:13px;line-height:1.5}.photo-course-preview-foot b{font-weight:600}.photo-course-preview-foot>span{white-space:nowrap;font-size:12px}.photo-course-credit{position:absolute;right:6%;bottom:12px;font-size:10px;color:#eee9df;text-shadow:0 1px 3px #000}.photo-course-selection{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:30px 0 23px}.photo-course-selection .eyebrow{font-size:11px;margin:0 0 7px}.photo-course-selection h2{font-family:var(--serif,Georgia,serif);font-size:34px;line-height:1.1;margin:0}.photo-course-selection>p{font-size:14px;color:#626b78;margin:0;line-height:1.7}.large .photo-course-copy>p{font-size:20px}.large .photo-course-assurance{font-size:15px}.large .photo-course-actions a.btn{font-size:18px}.large .photo-course-selection>p{font-size:18px}
@media(max-width:1000px){.photo-course-hero-inner{gap:5%;padding-top:35px;padding-bottom:45px}.photo-course-copy h1{font-size:51px}.photo-course-copy>p{font-size:16px}.photo-course-preview-foot{display:block}.photo-course-preview-foot>span{display:block;margin-top:5px}.photo-course-preview-label{font-size:10px}.photo-course-actions{gap:18px}}
@media(max-width:700px){.photo-course-hero-inner{grid-template-columns:1fr;gap:26px;padding:30px 6% 40px}.photo-course-copy h1{font-size:45px}.photo-course-copy>p{font-size:17px}.photo-course-eyebrow{font-size:10px;margin-bottom:17px}.photo-course-actions{gap:18px}.photo-course-actions a.btn{width:100%;font-size:15px}.photo-course-hero .photo-course-edit-preview{transform:none;max-width:100%;margin-top:0}.photo-course-edit-preview>img{aspect-ratio:2;object-position:center}.photo-course-preview-foot{display:flex}.photo-course-preview-foot>span{margin-top:0}.photo-course-shade{background:linear-gradient(180deg,rgba(18,31,45,.91),rgba(18,31,45,.73))}.photo-course-selection{display:block;padding:26px 0 20px}.photo-course-selection>p{margin-top:12px}.photo-course-credit{bottom:10px;font-size:9px}.large .photo-course-copy h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){.photo-course-hero .photo-course-edit-preview{transition:none}}
.photo-course-hero .photo-course-edit-preview,.photo-course-hero .photo-course-edit-preview:hover{transform:none}

/* V81: calmer orientation, aligned actions and an explicit finish state. */
.is-home .location-bar{display:none}.platform-card-actions{align-items:center}.platform-card-actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.4}.platform-meta{align-items:baseline;row-gap:5px}.platform-card-body{min-width:0}.platform-card-body h2,.platform-card-body h3{overflow-wrap:break-word}.platform-progress>div{gap:12px;line-height:1.5}.lesson-end:has(#complete){padding:24px;background:#eee9e0;border:1px solid #d6d0c6;border-radius:14px;display:flex;align-items:center;gap:20px;margin-top:28px}.lesson-end:has(#complete) .complete-info{flex:1;line-height:1.6;font-size:14px}.optional-note{font-weight:400;color:#626b78;font-size:.8em;margin-left:10px}.quiz-options button{min-height:48px;line-height:1.55;display:flex;align-items:center;text-align:left}.large .lesson-end:has(#complete) .complete-info{font-size:18px}@media(max-width:700px){.lesson-end:has(#complete){flex-direction:column;align-items:stretch;padding:20px}.lesson-end:has(#complete) .btn{width:100%;white-space:normal;line-height:1.5}.platform-card-actions{flex-wrap:wrap}.platform-card-actions .btn{width:100%}}

/* V82: one recognisable lesson journey across photography and editing. */
.learner-route{margin:22px 0 30px;padding:18px 20px;background:#eeebe4;border:1px solid #d8d2c7;border-radius:14px}.learner-route>span{display:block;font-size:11px;letter-spacing:.06em;color:#5b6570;margin-bottom:12px}.learner-route>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learner-route button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;background:#faf8f2;border:1px solid #d4cfc6;border-radius:10px;text-align:left;font:500 13px/1.4 var(--sans,system-ui);color:#283747}.learner-route button:hover{background:#e1e7ef;border-color:#9aaabc}.learner-route b{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border:1px solid #adb6c0;border-radius:50%;font-size:11px;font-weight:600}.learner-finished{padding:16px 20px;border-left:3px solid #a77950;background:#f0ebe2;line-height:1.65;font-size:15px;margin:16px 0 24px}.learner-finished[hidden]{display:none}.lesson-end a.learner-next-ready{background:#344c68!important;border-color:#344c68!important;color:white!important}.course-finished-note{padding:15px 18px;background:#ece7de;border-radius:10px;line-height:1.6;font-size:14px}.large .learner-route button{font-size:17px}.large .learner-route>span{font-size:14px}.large .learner-finished{font-size:19px}.task,.quiz{scroll-margin-top:25px}@media(max-width:700px){.learner-route{padding:16px;margin:18px 0 25px}.learner-route>div{grid-template-columns:1fr}.learner-route button{min-height:45px}.learner-finished{font-size:15px}.lesson-end a.learner-next-ready{white-space:normal;text-align:center;line-height:1.5}}

/* V83: the learner can find existing notes and return to their source. */
.notebook{padding-top:42px}.notebook-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:start}.notebook-heading h1{font-size:clamp(40px,5vw,64px);margin:22px 0}.notebook-heading .eyebrow{margin:25px 0 0}.notebook-heading>div>p{font-size:18px;line-height:1.75;max-width:52ch}.notebook-storage{padding:26px;border:1px solid #d4cbbb;background:#eee8dc;border-radius:14px}.notebook-storage b{font-size:19px}.notebook-storage p{font-size:15px;line-height:1.7;margin:15px 0 20px}.notebook-storage small{display:block;margin-top:13px;font-size:12px;line-height:1.6;color:#5b6570}.notebook-storage .btn{width:100%;white-space:normal;text-align:center}.notebook-resume{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px;background:#e9edf2;border:1px solid #bec9d6;border-radius:14px;margin-top:32px}.notebook-resume h2{font-size:28px;margin:0 0 10px}.notebook-resume .eyebrow{font-size:10px;margin-bottom:12px}.notebook-resume p{font-size:14px;margin:0}.notebook-resume .btn{flex-shrink:0}.notebook-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 48px}.notebook-progress article{padding:22px;border:1px solid #d6d0c5;border-radius:14px;display:flex;flex-direction:column}.notebook-progress h2{font:600 21px/1.3 var(--sans,system-ui);margin:0 0 18px}.notebook-progress .platform-progress{margin-top:auto}.notebook-progress article>a{font-size:13px;margin-top:16px}.notebook-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.notebook-section-title h2{font-size:35px;margin:0}.notebook-section-title>span{font-size:14px;color:#5b6570}.notebook-notes>label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.notebook input[type=search]{width:100%;padding:14px 16px;border:1px solid #8d9bab;border-radius:10px;background:#fff;color:#283747;font:inherit;min-height:48px}.notebook-search-status{font-size:13px;color:#5b6570;margin:12px 0 24px}.notebook-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.notebook-entries article{padding:26px;border:1px solid #d6d0c5;background:#fbf9f4;border-radius:14px;min-width:0;display:flex;flex-direction:column}.notebook-entries article[hidden]{display:none}.notebook-entries .eyebrow{font-size:10px;margin-bottom:12px}.notebook-entries h3{font:28px/1.25 var(--serif);margin:0 0 18px}.notebook-note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.75}.notebook-entries a{margin-top:auto;font-size:14px}.notebook-empty{padding:30px;background:#eeebe4;border:1px solid #d6d0c5;border-radius:14px}.notebook-empty h3{font:28px/1.3 var(--serif)}.notebook-empty p{max-width:65ch;font-size:16px;line-height:1.75}.course-notebook-link{display:inline-block!important;background:none!important;border:0!important;padding:0!important;margin:0 0 22px;font-size:14px!important;text-decoration:underline!important}.learner-route a.learner-notes-link{display:inline-block!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;font-size:12px!important;margin-top:14px;text-decoration:underline!important}.photo-footer .footer-notebook-link{display:block!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;margin:0 0 18px;font-size:15px!important;text-decoration:underline!important}.large .notebook-heading>div>p,.large .notebook-note-text{font-size:21px}.large .notebook-storage p,.large .notebook-resume p,.large .notebook-progress article>a,.large .notebook-entries a,.large .notebook-search-status{font-size:18px}.large .learner-route a.learner-notes-link{font-size:16px!important}.notebook-no-match[hidden]{display:none}@media(max-width:800px){.notebook-heading{grid-template-columns:1fr;gap:22px}.notebook-progress{grid-template-columns:1fr}.notebook-entries{grid-template-columns:1fr}.notebook-resume{display:block}.notebook-resume .btn{margin-top:20px}.notebook-heading h1{font-size:43px}.notebook{padding-top:28px}.notebook-storage,.notebook-entries article{padding:22px}}

.first-photo-pause a.short-notebook-link{display:block!important;padding:0!important;border:0!important;background:none!important;margin-top:10px;font-size:inherit!important;text-decoration:underline!important}

/* V84: visible help return and honest recovery states. */
.course-help-return{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 6%;background:#e9edf2;border-bottom:1px solid #c4ced9}.course-help-return>div{min-width:0}.course-help-return span{display:block;font-size:11px;color:#586574;margin-bottom:3px}.course-help-return b{display:block;font-size:15px;font-weight:600;line-height:1.5}.course-help-return a{padding:10px 15px!important;border:1px solid #9daebe!important;border-radius:10px!important;background:#faf8f3!important;font-size:13px!important;line-height:1.4;text-decoration:none;flex-shrink:0}.missing-course-page{max-width:1000px;padding-top:65px;padding-bottom:75px}.missing-course-page h1{font-size:clamp(40px,5vw,62px);margin:20px 0}.missing-course-page>p{max-width:63ch;font-size:18px;line-height:1.75}.missing-course-page>div{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0}.storage-warning{display:flex!important;flex-direction:column;align-items:start;gap:10px;background:#f4e5d2!important;border:1px solid #a97744!important;border-radius:12px;margin:20px 6%;padding:20px!important;color:#283747!important;font-size:15px!important;line-height:1.6}.storage-warning b{font-size:18px}.storage-warning button{background:#344c68!important;color:white!important;border:1px solid #344c68!important;border-radius:10px;padding:11px 16px;font-size:15px}.large .course-help-return span{font-size:14px}.large .course-help-return b{font-size:19px}.large .course-help-return a{font-size:17px!important}@media(max-width:650px){.course-help-return{display:block;padding:18px 6%}.course-help-return a{display:inline-flex!important;margin-top:12px;white-space:normal}.missing-course-page>div{flex-direction:column}.missing-course-page .btn{white-space:normal;text-align:center;line-height:1.5}.storage-warning{margin:16px 6%}}

.learner-resource-links{display:flex;gap:10px 24px;flex-wrap:wrap}

/* V85: complete paired rows and faithful lesson previews. */
.platform-module .course-grid,.platform-detail .basic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.platform-module .course-grid>.course-card,.platform-detail .basic-grid>.course-card{grid-row:span 5;grid-template-rows:subgrid;row-gap:14px;border:1px solid #d8d2c7;border-radius:14px;background:#fbf9f4;overflow:hidden;transition:border-color .15s,box-shadow .15s}.platform-module .course-card:hover,.platform-detail .basic-grid>.course-card:hover{border-color:#91a1b4;box-shadow:0 7px 22px #28374712}.platform-module .course-card .thumb,.platform-detail .basic-grid .thumb{height:240px;border-radius:0;background:#1d2024;margin:0}.platform-module .course-card .meta,.platform-module .course-card h3,.platform-module .course-card>p,.platform-module .course-card-open,.platform-detail .basic-grid .meta,.platform-detail .basic-grid h3,.platform-detail .basic-grid .course-card>p,.platform-detail .basic-grid .course-card-open{margin-left:22px!important;margin-right:22px!important}.platform-module .course-card .meta,.platform-detail .basic-grid .meta{margin-top:5px!important;line-height:1.6}.platform-module .course-card h3,.platform-detail .basic-grid h3{font-size:29px;line-height:1.25;letter-spacing:-.025em}.platform-module .course-card>p,.platform-detail .basic-grid .course-card>p{font-size:16px;line-height:1.75;color:#555f6b;margin-top:0;margin-bottom:0}.course-card-open{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ded8cf;padding:14px 0 20px;font-size:14px;font-weight:600;line-height:1.4;color:#344c68}.course-card-open>span{font-size:21px;font-weight:400}.course-card .is-program img{object-fit:contain;padding:8px}.course-card:hover .is-program img{transform:none}.large .platform-module .course-card>p,.large .platform-detail .basic-grid .course-card>p{font-size:20px}.large .course-card-open{font-size:18px}.course-card .thumb .num{font-size:13px;background:#faf7ef;box-shadow:0 2px 8px #0002}.platform-module{margin-top:44px}@media(max-width:700px){.platform-module .course-grid,.platform-detail .basic-grid{grid-template-columns:1fr;gap:24px}.platform-module .course-grid>.course-card,.platform-detail .basic-grid>.course-card{display:flex;flex-direction:column;grid-row:auto;gap:12px}.platform-module .course-card .thumb,.platform-detail .basic-grid .thumb{height:210px;width:100%}.platform-module .course-card h3,.platform-detail .basic-grid h3{font-size:28px;margin-top:0!important;margin-bottom:0!important}.platform-module .course-card-open,.platform-detail .basic-grid .course-card-open{margin-top:4px!important}.platform-module .course-card .meta,.platform-detail .basic-grid .meta{margin-top:6px!important}}@media(prefers-reduced-motion:reduce){.platform-module .course-grid>.course-card,.platform-detail .basic-grid>.course-card{transition:none}}

/* V86: the last action leads to the check, then to one clear next lesson. */
.first-photo-course-done{margin:35px 0;padding:30px;border:1px solid #b6c3d1;border-radius:14px;background:#e9edf2}.first-photo-course-done[hidden]{display:none}.first-photo-course-done h2{font-size:clamp(30px,3.3vw,44px);line-height:1.15;margin:15px 0 20px}.first-photo-course-done>.eyebrow{font-size:11px;color:#40546c;margin:0}.first-photo-course-done>p,.first-photo-done-next p{font-size:16px;line-height:1.75}.first-photo-done-next{padding:24px;background:#faf8f2;border:1px solid #d6d0c5;border-radius:12px;margin:24px 0}.first-photo-done-next b{font-size:19px;line-height:1.5}.first-photo-done-next p{margin:12px 0 18px}.first-photo-course-done a.first-photo-done-notes{display:inline!important;padding:0!important;background:none!important;border:0!important;font-size:14px!important;text-decoration:underline!important}.large .first-photo-course-done>p,.large .first-photo-done-next p{font-size:20px}.first-photo-controls .btn{white-space:normal;text-align:center;line-height:1.5}@media(max-width:600px){.first-photo-course-done{padding:22px}.first-photo-done-next{padding:20px}.first-photo-done-next .btn{width:100%;white-space:normal;text-align:center;line-height:1.5}}

.first-photo-course-done .first-photo-done-next a.btn{background:#344c68!important;color:#fff!important;border-color:#344c68!important}

/* V87: protect newer saved work from a stale tab. */
.storage-recovery-actions{display:flex;gap:12px;flex-wrap:wrap}.storage-warning [data-storage-reload]{background:#faf7ef!important;color:#344c68!important;border-color:#9cabbb!important}.storage-recovery-actions button{min-height:44px;text-align:center;white-space:normal;line-height:1.5}.large .storage-warning,.large .storage-recovery-actions button{font-size:18px!important}@media(max-width:650px){.storage-recovery-actions{width:100%;flex-direction:column}.storage-recovery-actions button{width:100%}}

/* V89: controls remain outside the scrollable full-resolution image. */
#lightbox{box-sizing:border-box;width:min(96vw,1600px);max-width:96vw;max-height:94dvh;padding:18px;border-radius:18px;overflow:hidden;background:#1d2632;color:#fff}
#lightbox[open]{display:flex;flex-direction:column;gap:12px}
#lightbox::backdrop{background:#101a2be8}
#lightbox .lightbox-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;flex:none}
#lightbox .lightbox-toolbar button{position:static;display:block;margin:0;min-height:44px;padding:10px 18px;border-radius:14px;border:1px solid #ccd3dc;background:#f8f5ee;color:#24374b;font:600 16px/1.3 var(--sans);white-space:normal}
#lightbox .lightbox-toolbar .close{margin-left:auto}
#lightbox .lightbox-toolbar button:focus-visible,#lightbox .lightbox-view:focus-visible{outline:3px solid #e9bb80;outline-offset:3px}
#lightbox p{flex:none;text-align:left;font-size:16px;line-height:1.45;margin:0;max-height:18dvh;overflow:auto;color:#fff}
#lightbox .lightbox-view{min-height:0;overflow:auto;overscroll-behavior:contain;background:#111923;border-radius:8px;flex:1 1 auto}
#lightbox .lightbox-view img{display:block;width:auto;height:auto;max-width:100%;max-height:64dvh;object-fit:contain;margin:auto}
#lightbox.original .lightbox-view img{width:auto;height:auto;max-width:none;max-height:none;margin:0}
#lightbox .lightbox-help{font-size:13px;line-height:1.4;color:#d3dbe6;flex:none}
@media(max-width:500px){#lightbox{padding:12px;gap:10px}#lightbox .lightbox-toolbar{gap:8px}#lightbox .lightbox-toolbar button{font-size:14px;padding:10px 12px}#lightbox p{font-size:15px}#lightbox .lightbox-help{font-size:12px}}

/* V93: a calm, aligned navigation with one clear selected state. */
.top nav{align-items:center;gap:8px}
.top nav a,.top nav a[href="#kursus"],.top nav #textsize{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:48px;box-sizing:border-box;padding:12px 18px;border:1px solid #dedad2;border-radius:14px;background:#efede7;color:#293b4e;font-family:inherit;font-size:15px;line-height:1.35;font-weight:600;text-decoration:none;box-shadow:none;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}
.top nav a.nav-current,.top nav a[href="#kursus"].nav-current{background:#293f59;border-color:#293f59;color:#fff;box-shadow:none}
.top nav a.nav-current::before{display:none;content:none}
.top nav a:not(.nav-current):hover,.top nav #textsize:hover{background:#e5e0d6;border-color:#c5beb2;color:#24374c}
.top nav a.nav-current:hover{background:#21354d;border-color:#21354d;color:#fff}
.top nav #textsize{margin-left:8px;background:transparent;font-weight:500}
.top nav #textsize[aria-pressed="true"]{background:#e4eaf1;border-color:#93a3b7;color:#24374c}
.top nav a:focus-visible,.top nav #textsize:focus-visible{outline:3px solid #a86d3e;outline-offset:4px}
@media(max-width:650px){.top nav{gap:8px}.top nav a,.top nav a[href="#kursus"],.top nav #textsize{min-height:46px;padding:11px 12px;font-size:14px}.top nav #textsize{margin-left:0;grid-column:1/-1;justify-self:stretch}}

/* V95: one next exercise and a visible finish in the people mini-course. */
.platform-people-nav button.people-next-exercise{background:#293f59;color:#fff;border-color:#293f59}
.platform-people-nav button.people-next-exercise:hover{background:#21354d;color:#fff}
.people-completion{margin-top:24px;padding:26px;border:1px solid #becada;border-radius:18px;background:#e9edf2;color:#283b50}
.people-completion .eyebrow{display:block;margin-bottom:12px}
.people-completion h3{font:32px/1.2 var(--serif);margin:0 0 16px}
.people-completion p{margin:0 0 22px;line-height:1.7}
.people-completion>div{display:flex;flex-wrap:wrap;gap:12px}
.people-completion .btn{white-space:normal;text-align:center;line-height:1.45}
@media(max-width:650px){.people-completion{padding:20px}.people-completion h3{font-size:28px}.people-completion>div{flex-direction:column}}
.people-completion .btn:not(.outline){background:#293f59;color:#fff;border-color:#293f59}
.people-completion .btn:not(.outline):hover{background:#21354d;color:#fff}
/* Applied theme courses keep the existing course rhythm. */
.theme-tools{margin:30px 0;padding:24px;border:1px solid #c4ced9;border-radius:16px;background:#e9edf2}
.theme-tools h2{font-size:28px;margin:0 0 12px}.theme-tools p{margin:0 0 14px;line-height:1.65}
.theme-tools a{display:inline-flex;margin:6px 8px 6px 0;white-space:normal}
.theme-course .course-grid{margin-top:28px}
@media(min-width:1001px){.platform-featured-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.platform-featured-grid>article{grid-column:span 2}.platform-featured-grid>article:nth-child(n+4){grid-column:span 3}}
.theme-course .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.theme-course .course-grid{grid-template-columns:1fr}}

/* Course discovery: consistent controls, clear result status, quiet empty state. */
.course-discovery{padding:24px;background:#eee9e0;border:1px solid #d8d2c8;border-radius:14px;margin:32px 0;display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:20px;align-items:end}
.course-search label{display:block;font-weight:700;margin-bottom:8px}.course-search input{width:100%;min-height:52px;padding:12px 16px;border:1px solid #aeb8c4;border-radius:14px;background:#fff;color:#253747;font:inherit;box-sizing:border-box}
.course-filters{display:flex;gap:8px;flex-wrap:wrap}.course-filters button{padding:14px 18px;min-height:52px;border:1px solid #b9c2cc;border-radius:14px;background:#f8f6f0;color:#253747;font:inherit;font-weight:650;cursor:pointer}.course-filters button[aria-pressed="true"]{background:#344c68;color:white;border-color:#344c68}.course-filters button:hover{box-shadow:0 2px 6px #25374720}
#course-result-count{grid-column:1/-1;margin:0;color:#535f6e}.course-empty{padding:32px;border:1px solid #d8d2c8;border-radius:14px;text-align:center}.course-empty h2{margin-top:0}.platform-card[hidden],.course-empty[hidden]{display:none!important}.platform-all-courses{text-align:center;margin:32px 0}
@media(max-width:1000px){.course-discovery{grid-template-columns:1fr}.course-filters{width:100%}}
@media(max-width:600px){.course-discovery{padding:18px;gap:16px}.course-filters{display:grid;grid-template-columns:1fr}.course-filters button{width:100%;text-align:center}.platform-all-courses .btn{width:100%;box-sizing:border-box}}
.platform-catalog-page>.lead a{display:inline;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;text-decoration:underline;text-underline-offset:4px;font-weight:700}

.course-scope{border-left:4px solid #344c68;padding:8px 0 8px 22px;margin:28px 0;max-width:850px}.course-scope h2{font-size:1.3rem;margin:0 0 10px}.course-scope p{margin:0;line-height:1.65}
/* Keep the two lesson help links visibly separate at every text size. */
.learner-route>.learner-resource-links{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.learner-resource-links .learner-notes-link{margin:0}

/* Keep the module picker visible while the current module's lessons scroll. */
.module-picker-label{display:block;font-size:13px;font-weight:650;margin:0 0 8px;color:#344c68}#editing-module-picker{width:100%;min-height:46px;padding:10px 8px;background:#faf8f2;color:#283747;border:1px solid #bac3cd;border-radius:10px;font:inherit;font-size:13px}.module-current{padding:16px 4px 12px;line-height:1.45}.module-current b{display:block;font-size:14px;font-weight:650}.module-current>span{display:block;font-size:12px;color:#626c78;margin-top:6px}.module-lesson-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 5px 4px 0}.module-lesson-list>a{margin-bottom:4px}.side-sticky:has(.module-lesson-list){padding-right:4px}

/* Verified native color-mixer and curve studies. */
.native-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.native-pair-grid figure{margin:0}.native-pair-grid svg{display:block;width:100%;height:auto;background:#202020}.native-pair-grid h3{font-family:inherit;font-size:1.05rem;margin:0 0 12px}.native-pair-study{margin:42px 0}.native-pair-grid figcaption{font-size:.9rem;margin-top:8px}@media(max-width:620px){.native-pair-grid{gap:14px}.native-pair-grid h3{font-size:.9rem}}

.native-tool-detail{max-width:560px}

.native-pair-grid h3{line-height:1.5;display:flex;align-items:flex-end}@media(max-width:620px){.native-pair-grid h3{min-height:3em}}

/* Photo foundations: observe the whole frame, then build a small series. */
.frame-study-controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.frame-study-controls button[aria-pressed="true"]{background:var(--blue,#344c68);color:white}.frame-study svg{display:block;width:100%;height:auto}.frame-study [hidden]{display:none}.frame-study #frame-study-explanation{padding:18px 20px;background:#ece7dd;border-radius:10px;min-height:5em}.story-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-study-grid figure{margin:0;min-width:0}.story-study-grid h3{font-family:inherit;font-size:1rem;line-height:1.5;min-height:3em;display:flex;align-items:flex-end}.story-study-grid svg{display:block;width:100%;height:auto;aspect-ratio:3/2}.story-study-grid figcaption{font-size:.95rem;margin-top:12px}@media(max-width:700px){.story-study-grid{grid-template-columns:1fr;gap:26px}.story-study-grid h3{min-height:0}.frame-study-controls button{flex:1 1 140px}}

.histogram-study{margin:42px 0}.histogram-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.histogram-study-grid figure{margin:0;min-width:0}.histogram-study-grid h3{font-family:inherit;font-size:1rem;margin:0 0 12px}.histogram-study-grid svg{display:block;width:100%;height:auto;background:#202020}.histogram-study-grid .native-histogram{margin-top:12px}.histogram-study-grid figcaption{font-size:.95rem;line-height:1.6;margin:12px 0}.histogram-study-grid button{font:inherit;font-size:.9rem;text-align:left}@media(max-width:700px){.histogram-study-grid{grid-template-columns:1fr;gap:30px}}

.histogram-tone-labels{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;line-height:1.5;margin-top:6px;color:var(--muted,#626c78)}
main .histogram-study .caption a{display:inline;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}main .histogram-study .caption a:hover{background:transparent;border:0;color:var(--blue,#344c68)}

.editing-discovery{margin:28px 0 36px;padding:24px;border:1px solid #d8d2c7;border-radius:14px;background:#eee9e0}.editing-discovery label{display:block;font-size:20px;font-weight:700}.editing-discovery p{font-size:15px;line-height:1.65;margin:10px 0 16px;max-width:68ch}.editing-search-row{display:flex;gap:12px;align-items:stretch}.editing-search-row input{flex:1;min-width:0;width:100%;padding:12px 16px;border:1px solid #aeb8c4;border-radius:12px;background:#fff;color:#253747;font:inherit;box-sizing:border-box}.editing-discovery #editing-result-count{margin-bottom:0;color:#535f6e}.editing-search-empty{padding:28px;border:1px solid #d8d2c7;border-radius:14px}.editing-search-empty h2{margin-top:0}.editing-search-empty[hidden],#editing-lesson-results .platform-module[hidden],#editing-lesson-results .course-card[hidden]{display:none!important}.large .editing-discovery p{font-size:19px}@media(max-width:600px){.editing-discovery{padding:20px}.editing-search-row{flex-direction:column}.editing-search-row button{align-self:flex-start}.editing-discovery label{font-size:21px}}

.lesson-preparation{margin:26px 0 32px;padding:22px;background:#eee9e0;border:1px solid #d8d2c7;border-radius:14px}.lesson-preparation h2{font-family:inherit;font-size:19px;font-weight:600;line-height:1.4;margin:0 0 12px}.lesson-preparation p{font-size:15px;line-height:1.7;margin:0 0 16px}.lesson-preparation>div{display:flex;flex-wrap:wrap;gap:12px}.lesson-preparation small{display:block;margin-top:16px;font-size:12px;line-height:1.6;color:#535f6e}.lesson-preparation a{gap:10px}.large .lesson-preparation p{font-size:19px}.large .lesson-preparation small{font-size:16px}@media(max-width:600px){.lesson-preparation{padding:20px}.lesson-preparation>div{flex-direction:column;align-items:stretch}.lesson-preparation a{justify-content:space-between;text-align:left}}

.glossary-search #glossary-clear{margin-top:12px;min-height:48px}.glossary-search input{border-radius:12px}

.glossary-page .glossary a{padding:10px 16px;min-height:44px;line-height:1.5}

/* V110: small, silent, controllable hero demo. */
.hero-demo-media{aspect-ratio:1280/750;background:#1e1e1e;border-radius:7px;overflow:hidden}.hero-demo-media video{display:block;width:100%;height:100%;object-fit:contain}.hero-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 0}.hero-demo-controls>span{font-size:10px;line-height:1.5;color:#5e6872}.photo-course-hero .hero-demo-controls button{background:#e9e3d9!important;color:#26394d!important;border:1px solid #c9c1b5!important;box-shadow:none!important;border-radius:9px!important;padding:8px 10px!important;min-height:44px;font-size:11px!important;line-height:1.4;flex-shrink:0}.photo-course-hero a.photo-course-preview-foot{color:#26394d!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;margin:0!important}.photo-course-preview-foot:hover{text-decoration:underline!important}.hero-demo-credit{display:block;padding:0 10px 8px;font-size:9px;color:#66717c}.large .hero-demo-controls>span,.large .hero-demo-credit{font-size:12px}.large .photo-course-hero .hero-demo-controls button{font-size:13px!important}.hero-demo-controls button[hidden]{display:none!important}@media(max-width:420px){.hero-demo-controls{align-items:flex-start}.hero-demo-controls>span{max-width:150px}.photo-course-preview-foot{flex-wrap:wrap;gap:5px}}

/* Beginner orientation and help, V111. */
.beginner-orientation{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;margin:22px 0;background:#ece7dd;border-left:3px solid #ac7546;border-radius:0 12px 12px 0}.beginner-orientation b{font-family:var(--sans,Arial,sans-serif);font-size:16px;line-height:1.5}.beginner-orientation p{font-size:14px!important;line-height:1.6;margin:7px 0 0!important}.beginner-orientation>a{flex-shrink:0;font-size:14px;text-underline-offset:4px}.beginner-help-page{max-width:1100px;margin:0 auto;padding-top:40px;padding-bottom:70px}.beginner-help-page>h1{font-size:clamp(36px,5vw,64px);line-height:1.15}.help-start-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.help-start-pair article{padding:26px;background:#eee9e0;border:1px solid #d6cfc2;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start}.help-start-pair h2{font-size:27px;margin-top:0}.help-start-pair p{line-height:1.7}.help-start-pair a{margin-top:auto}.beginner-faq details{border-bottom:1px solid #d6cfc2;padding:20px 0}.beginner-faq summary{cursor:pointer;font-weight:650;line-height:1.5;padding:5px 0}.beginner-faq p{line-height:1.8;max-width:75ch}.beginner-faq details>a{display:inline-block;margin:5px 0 12px}.large .beginner-orientation b{font-size:19px}.large .beginner-orientation p,.large .beginner-orientation>a{font-size:17px!important}@media(max-width:700px){.beginner-orientation{display:block;padding:16px}.beginner-orientation>a{display:inline-block;margin-top:10px}.help-start-pair{grid-template-columns:1fr}.help-start-pair article{padding:20px}.beginner-help-page{padding-top:26px}.help-start-pair h2{font-size:25px}}

.account-page{padding-top:38px;padding-bottom:60px;max-width:1120px;margin:0 auto}.account-page h1{font-size:clamp(36px,5vw,60px);line-height:1.15}.account-entry{max-width:650px}.account-entry form{display:grid;gap:12px;margin:25px 0}.account-entry input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #98a4b1;border-radius:9px;font:inherit;background:white}.account-entry label{line-height:1.6}.account-entry input[type=checkbox],.account-import input{width:20px;height:20px;flex-shrink:0}.account-consent,.account-show{display:flex;align-items:flex-start;gap:10px}.account-links,.account-actions{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}.account-links button{background:none;border:0;padding:10px 0;text-decoration:underline;color:#26394d;font:inherit;cursor:pointer;min-height:44px}.account-guest{display:inline-block;margin:10px 0 24px}.account-page details{margin:22px 0;padding:18px;background:#ece7dd;border-radius:12px}.account-page summary{font-weight:600;cursor:pointer}.account-page p{line-height:1.7}.account-save-strip{display:flex;justify-content:space-between;gap:20px;padding:12px 6%;background:#e9e4d9;font-size:14px}.account-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.account-progress article{border:1px solid #d5cdc0;border-radius:14px;padding:20px}.account-progress h2{font-size:23px}.account-import label{display:flex;gap:12px;margin:20px 0}.account-page [hidden]{display:none!important}@media(max-width:700px){.account-progress{grid-template-columns:1fr}.account-save-strip{display:block}.account-save-strip span{display:block;margin-top:5px}.account-actions{display:grid}.account-entry{padding-left:6%;padding-right:6%}}
/* Orientation also fits the narrow introduction column beside a chapter photo. */
.beginner-orientation{display:block}.beginner-orientation>a{display:inline-block;margin-top:12px;min-height:30px}.beginner-orientation p{max-width:65ch}

.account-profile{margin:24px 0;padding:20px;background:#ece7dd;border-radius:12px}.account-profile>label{font-weight:650}.account-profile p{margin:8px 0}.account-profile>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.account-profile input{font:inherit;padding:12px;border:1px solid #98a4b1;border-radius:9px;background:white;max-width:100%;min-width:0}.account-page h1{overflow-wrap:anywhere}

.account-free-start{padding:16px 18px;background:#ece7dd;border-radius:12px;font-size:15px}.account-free-start a{display:inline-block;font-weight:650;text-underline-offset:4px;min-height:32px;padding-top:5px}