@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--bg:#101715;--surface:#18211e;--surface2:#202b25;--text:#eeeee5;--muted:#a7b5aa;--line:rgba(224,239,225,.12);--accent:#d0e7bd;--accent-dark:#172219;--gold:#dfb785;--serif:'Noto Serif SC','Songti SC',STSong,Georgia,serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft Yahei',sans-serif;color-scheme:dark;font-family:var(--sans);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}img{max-width:100%;display:block}p,h1,h2,h3,h4,figure{margin:0}p+p{margin-top:14px}button{border:0}::selection{background:#d0e7bd;color:#152016}.skip{position:fixed;top:-100px;left:15px;padding:10px;background:var(--accent);color:var(--bg);z-index:99}.skip:focus{top:10px}#ambient,.ambient-fallback{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}#ambient{opacity:.75}.ambient-fallback{background:radial-gradient(ellipse at 80% 12%,#25443870,transparent 60%),radial-gradient(ellipse at 18% 50%,#29413e50,transparent 55%)}body{isolation:isolate}.site-header{height:106px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:20px;font-weight:600;letter-spacing:2px;line-height:1.5}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:400}.brand-mark{width:43px;height:43px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-size:33px;color:var(--accent);font-weight:400}.site-header nav{display:flex;gap:30px;font-size:13px;color:#c1c9bd}.site-header nav a{position:relative;padding:12px 0}.site-header nav a:hover,.site-header nav a.active{color:var(--accent)}.site-header nav a.active:after{content:'';position:absolute;bottom:2px;height:2px;left:0;right:0;background:var(--accent)}.header-actions{display:flex;align-items:center;gap:18px}.icon-button{display:grid;place-items:center;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:23px}.header-continue{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:8px 14px;white-space:nowrap}.header-continue span{margin-left:20px}.wrap{max-width:1280px;margin:auto;padding:0 38px}.eyebrow{font-size:11px;letter-spacing:2.8px;font-weight:500;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%}.muted{color:var(--muted)}.serif{font-family:var(--serif);font-weight:400}.hero{display:grid;grid-template-columns:1.17fr 1fr;gap:65px;align-items:center;padding-top:66px;padding-bottom:62px;position:relative}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.4vw,65px);line-height:1.45;letter-spacing:-1px;margin:25px 0 24px}.hero h1 em{color:var(--accent);font-style:normal}.hero-description{font-size:14px;line-height:2.05;max-width:420px;color:#b9c7bb}.hero-buttons{display:flex;gap:15px;margin-top:31px;align-items:center;flex-wrap:wrap}.button{padding:12px 23px;display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:5px;background:var(--accent);color:var(--accent-dark);font-size:13px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e3f3d5}.button.secondary{background:rgba(20,31,26,.6);color:var(--text);border:1px solid var(--line)}.button.ghost{background:transparent;color:var(--muted);padding:8px 0}.button.small{padding:8px 14px;font-size:12px;gap:12px}.hero-devices{display:flex;gap:11px;margin-top:34px;align-items:center;font-size:11px;color:var(--muted)}.hero-devices span:first-child{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:15px}.hero-visual{position:relative;padding-left:6px}.hero-photo{position:relative;aspect-ratio:1.04;overflow:hidden;border-radius:160px 160px 7px 7px;background:var(--surface)}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:saturate(.8)}.hero-photo:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b1919b0)}.photo-label{position:absolute;bottom:23px;left:27px;right:25px;display:flex;justify-content:space-between;align-items:end;z-index:1}.photo-label strong{display:block;font-size:13px;font-weight:400}.photo-label small{font-size:9px;letter-spacing:1.8px;color:#d7dfd8}.photo-stamp{position:absolute;top:28px;right:-15px;width:98px;height:98px;border-radius:50%;background:#d3dfbf;color:#22342b;transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;letter-spacing:1px;line-height:1.6;box-shadow:0 7px 32px #0003;z-index:2}.photo-stamp b{font-family:Georgia,serif;font-size:25px;font-weight:400}.photo-caption{margin-top:12px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:10px}.hero-vertical{position:absolute;top:50%;left:-30px;transform:translate(-50%,-50%) rotate(-90deg);font-size:9px;letter-spacing:2px;white-space:nowrap;color:var(--muted)}.progress-band{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin-bottom:68px}.progress-intro{display:flex;gap:17px;align-items:center}.progress-number{font-family:Georgia,serif;color:var(--accent);font-size:38px;line-height:1}.progress-number small{font:11px var(--sans);color:var(--muted)}.progress-intro h2{font-size:15px;font-weight:400}.progress-intro p{font-size:11px;color:var(--muted);margin-top:2px}.progress-line{height:3px;background:var(--line);margin-top:10px}.progress-line i{display:block;height:100%;background:var(--accent);transition:width .3s}.progress-detail{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.link-arrow{font-size:12px;color:var(--accent);white-space:nowrap}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:33px;line-height:1.6;margin-top:8px}.section-heading p{font-size:12px;color:var(--muted)}.section-label{font-size:10px;letter-spacing:2px;color:var(--accent)}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:27px}.filter{border:1px solid transparent;background:transparent;padding:6px 15px;border-radius:30px;font-size:12px;color:var(--muted);min-height:38px}.filter[aria-pressed=true]{border-color:var(--line);background:#e1efd410;color:var(--accent)}.filter:hover{color:var(--text)}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#14201ad9;transition:transform .2s,border-color .2s}.course-card:hover{transform:translateY(-5px);border-color:#d0e7bd60}.course-card figure{height:158px;overflow:hidden;position:relative;background:var(--surface)}.course-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.6) brightness(.85)}.course-card:hover figure img{transform:scale(1.035)}.course-card:nth-child(3n+2) img{object-position:50% 60%}.course-number{position:absolute;top:14px;left:17px;font:30px Georgia,serif;text-shadow:0 2px 12px #000a}.course-status{position:absolute;top:16px;right:14px;padding:2px 8px;border:1px solid #e5eddd44;border-radius:20px;font-size:9px;background:#0f1a18b0;backdrop-filter:blur(6px)}.course-body{padding:20px 21px;display:flex;flex-direction:column;flex:1}.course-meta{font-size:10px;color:var(--accent);letter-spacing:.5px;display:flex;justify-content:space-between;gap:6px}.course-card h3{font-family:var(--serif);font-weight:400;font-size:18px;line-height:1.65;margin:9px 0 8px}.course-card p{font-size:11px;color:var(--muted);line-height:1.8;flex:1}.course-foot{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.course-foot b{font-size:18px;font-weight:400;color:var(--accent)}.section{margin:72px 0}.lab-teaser{margin:75px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;background:#18271d88;border:1px solid var(--line);border-radius:8px;padding:37px}.lab-teaser h2{font-size:31px;line-height:1.65;margin:12px 0;font-family:var(--serif);font-weight:400}.lab-teaser p{font-size:12px;color:var(--muted);margin-bottom:24px}.mini-photo{position:relative;overflow:hidden;height:265px;border-radius:5px}.mini-photo img{width:100%;height:100%;object-fit:cover}.mini-photo .mini-after{position:absolute;inset:0;clip-path:inset(0 0 0 50%);filter:brightness(.65) saturate(1.2)}.mini-photo:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:var(--text);color:var(--bg)}.mini-photo:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--text);z-index:1}.teaser-caption{margin-top:8px;font-size:10px;color:var(--muted)}.field-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.field-mini{height:220px;position:relative;border-radius:6px;overflow:hidden}.field-mini img{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.6);transition:filter .2s}.field-mini:hover img{filter:brightness(.75)}.field-mini div{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:end}.field-mini small{font-size:9px;letter-spacing:1.5px;color:var(--accent)}.field-mini h3{font-family:var(--serif);font-size:22px;font-weight:400}.site-footer{margin:60px auto 0;max-width:1440px;padding:30px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:13px;letter-spacing:1px;gap:5px}.footer-brand span{font-size:11px;letter-spacing:0;font-weight:400}.site-footer>div{display:flex;gap:20px;font-size:10px;color:var(--muted)}.site-footer a:hover{color:var(--accent)}.page-top{padding:52px 0 35px}.page-top h1{font:400 42px/1.6 var(--serif);margin:12px 0}.page-top p{font-size:14px;color:var(--muted);max-width:660px}.breadcrumb{display:flex;gap:10px;font-size:11px;color:var(--muted);margin-bottom:24px}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;padding-top:38px}.lesson-sidebar{position:sticky;top:30px;align-self:start;border-right:1px solid var(--line);padding-right:25px}.lesson-sidebar>p{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:15px}.lesson-sidebar a{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);padding:8px 10px;border-radius:5px;line-height:1.7;min-height:42px}.lesson-sidebar a:hover{background:#d0e7bd08;color:var(--text)}.lesson-sidebar a.active{background:#d0e7bd15;color:var(--accent)}.lesson-sidebar .snum{font:13px Georgia,serif;min-width:16px}.sidebar-group{font-size:9px;letter-spacing:1px;color:#b5c1b3;margin:17px 10px 5px}.lesson-article{min-width:0;max-width:850px}.lesson-article h1{font:400 38px/1.6 var(--serif);margin:15px 0}.lesson-deck{font-size:15px;color:var(--muted);margin-bottom:20px}.tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.tag{font-size:10px;padding:2px 10px;border:1px solid var(--line);color:var(--muted);border-radius:20px}.lesson-cover{height:280px;border-radius:7px;width:100%;object-fit:cover;object-position:center 50%}.lesson-photo-credit{font-size:10px;color:var(--muted);margin-top:7px}.lesson-goal{padding:18px 20px;border-left:2px solid var(--accent);background:#d0e7bd0a;margin:29px 0;font-size:14px}.lesson-goal small{display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:5px}.lesson-block{margin:34px 0}.block-kicker{color:var(--accent);font-size:10px;letter-spacing:2px;margin-bottom:12px}.lesson-block h2{font-family:var(--serif);font-size:24px;line-height:1.7;font-weight:400;margin:7px 0 17px}.concept{margin:23px 0}.concept h3{font-size:15px;font-weight:500;margin-bottom:8px}.concept p,.lesson-block>p{color:#becbbf;font-size:14px;line-height:2.1}.steps{list-style:none;padding:0;counter-reset:steps}.steps li{position:relative;counter-increment:steps;padding:3px 0 20px 43px;font-size:14px;color:#c5d1c5;line-height:2}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:4px;color:var(--accent);font:18px/1.8 Georgia,serif}.scene-note{padding:22px 24px;background:#d0e7bd09;border:1px solid var(--line);border-radius:6px}.scene-note small{font-size:10px;letter-spacing:1px;color:var(--accent)}.scene-note p{font-size:14px;line-height:2;color:#becbbf;margin-top:8px}.task-list{display:flex;flex-direction:column;gap:12px;margin:16px 0}.task-item{display:flex;align-items:start;gap:12px;font-size:14px;color:#c5d1c5;padding:12px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;margin-top:5px;flex-shrink:0}.quiz{padding:24px;border:1px solid var(--line);border-radius:7px;background:#18241f}.quiz h3{font-size:16px;font-weight:400;margin:10px 0 18px}.quiz-options{display:flex;flex-direction:column;gap:9px}.quiz-option{text-align:left;padding:12px 15px;border:1px solid var(--line);border-radius:5px;background:#111b16;color:#c0cec0;min-height:46px}.quiz-option:hover{border-color:#c9dcbc88}.quiz-option.correct{border-color:var(--accent);color:var(--accent);background:#d0e7bd10}.quiz-option.wrong{border-color:#dfaa8b;color:#e5b69c}.quiz-feedback{font-size:13px;margin-top:15px;color:var(--accent);line-height:1.9}.lesson-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:35px}.source-links{font-size:10px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:25px}.source-links a{text-decoration:underline;text-underline-offset:4px}.lab-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.lab-tab{background:#ffffff05;color:var(--muted);padding:9px 17px;border:1px solid var(--line);border-radius:30px;font-size:12px}.lab-tab[aria-pressed=true]{background:var(--accent);color:var(--accent-dark);border-color:var(--accent)}.lab-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:30px;align-items:start}.lab-main{min-width:0}.lab-screen{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:7px;background:#15201b;isolation:isolate}.lab-screen .lab-img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform-origin:50% 40%;transition:filter .1s,transform .2s}.lab-screen .lab-second{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 50% 0 0)}.lab-screen .lab-second img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.split-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff8}.split-line:after{content:'↔';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);height:34px;width:34px;border-radius:50%;background:#f1f0e5;color:#19251d;display:grid;place-items:center}.view-labels{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:15px;font-size:10px;z-index:2}.view-labels span{background:#101713c9;padding:3px 10px;border-radius:3px}.lab-info{background:#142119b3;border:1px solid var(--line);padding:24px;border-radius:7px}.lab-info h3{font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:12px}.lab-info p{font-size:12px;color:var(--muted);line-height:2}.range-field{margin:23px 0}.range-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;margin-bottom:10px}.range-label output{color:var(--accent);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);min-height:30px;cursor:ew-resize}.lab-disclaimer{font-size:10px;color:var(--muted);margin-top:10px;line-height:1.9}.lab-connection{font-size:11px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:var(--accent)}.lens-buttons{display:flex;gap:7px;flex-wrap:wrap}.lens-button{border:1px solid var(--line);padding:8px 13px;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;min-height:40px}.lens-button[aria-pressed=true]{background:var(--accent);color:var(--accent-dark)}.grid-lines{position:absolute;inset:0;background:linear-gradient(to right,transparent 33.2%,#fff6 33.3%,transparent 33.5%,transparent 66.5%,#fff6 66.6%,transparent 66.8%),linear-gradient(to bottom,transparent 33.2%,#fff6 33.3%,transparent 33.5%,transparent 66.5%,#fff6 66.6%,transparent 66.8%);pointer-events:none}.motion-ball{position:absolute;top:44%;left:30%;width:45px;height:45px;background:#d99355;border:2px solid #553821;border-radius:50%;box-shadow:inset 0 0 0 1px #e9ad72}.motion-ball:before{content:'';position:absolute;inset:20px -1px auto;height:2px;background:#553821}.motion-ball:after{content:'';position:absolute;inset:-1px auto -1px 20px;width:2px;background:#553821}.motion-trail{position:absolute;top:44%;left:30%;width:45px;height:45px;border-radius:50%;background:#d99355;opacity:.3;filter:blur(4px)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.field-card{overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#142119d9}.field-card figure{height:235px;position:relative;overflow:hidden}.field-card figure img{height:100%;width:100%;object-fit:cover;filter:saturate(.7) brightness(.7)}.field-card figure div{position:absolute;bottom:20px;left:25px}.field-card figure small{font-size:10px;color:#e3e5d4;letter-spacing:2px}.field-card h2{font-family:var(--serif);font-size:27px;font-weight:400}.field-content{padding:24px}.field-content .where{font-size:11px;color:var(--accent);margin-bottom:18px}.field-content dl{margin:0}.field-content dt{font-size:11px;color:var(--text);margin-top:14px}.field-content dd{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.9}.field-links{display:flex;gap:12px;margin-top:21px;font-size:11px;color:var(--accent)}.notebook-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.note-form{padding:28px;background:#16231b;border:1px solid var(--line);border-radius:7px}.note-form h2{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.form-field label{font-size:12px;color:var(--muted)}select,textarea,input[type=text]{border:1px solid var(--line);background:#101b15;color:var(--text);border-radius:5px;padding:11px 13px;width:100%;font-size:14px}textarea{resize:vertical;min-height:145px;line-height:1.9}.file-picker{border:1px dashed #d0e7bd45;border-radius:6px;padding:20px;display:block;text-align:center;color:var(--accent);font-size:12px;cursor:pointer;background:#d0e7bd06}.file-picker small{display:block;font-size:10px;color:var(--muted);margin-top:4px}input[type=file]{display:block;max-width:100%;font-size:11px;color:var(--muted);margin-top:10px}.note-previews{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.note-previews img{width:70px;height:70px;border-radius:4px;object-fit:cover}.note-saved-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.note-saved-head h2{font-family:var(--serif);font-weight:400;font-size:23px}.empty-notes{padding:45px 15px;text-align:center;color:var(--muted);font-size:13px}.empty-notes>span{font-family:var(--serif);font-size:36px;color:var(--accent);display:block;margin-bottom:13px}.note-entry{border-bottom:1px solid var(--line);padding:18px 0 23px}.note-entry h3{font-size:14px;font-weight:500;margin:8px 0}.note-entry small{font-size:10px;color:var(--muted)}.note-entry p{white-space:pre-wrap;font-size:13px;line-height:1.9;color:#c3cfc3;overflow-wrap:anywhere}.note-entry-images{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.note-entry-images img{width:100%;height:115px;object-fit:cover;border-radius:4px;cursor:zoom-in}.delete-note{font-size:10px;color:#d2b396;background:transparent;padding:7px 0;margin-top:7px}.privacy-note{font-size:11px;color:var(--muted);margin:19px 0;line-height:1.9}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 22px;background:var(--accent);color:var(--accent-dark);border-radius:6px;box-shadow:0 10px 35px #0005;font-size:13px;z-index:100}.credits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.credit-card img{height:185px;width:100%;object-fit:cover;border-radius:5px}.credit-card h2{font-size:15px;margin:12px 0 4px;font-weight:400}.credit-card p,.credit-card a{font-size:11px;color:var(--muted)}.credit-card a{text-decoration:underline;text-underline-offset:3px}.credits-text{max-width:800px;margin:35px 0;font-size:13px;color:var(--muted);line-height:2}.lens-table{width:100%;border-collapse:collapse;font-size:12px;margin:15px 0}.lens-table td,.lens-table th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.lens-table th{color:var(--accent);font-weight:400}.lesson-lab{margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.lesson-lab .lab-layout{grid-template-columns:minmax(0,1.3fr) minmax(200px,1fr);gap:19px}.lesson-lab .lab-info{padding:17px}.lesson-lab .lab-info h3{font-size:19px}.lesson-lab .lab-screen{aspect-ratio:1}.scroll-target{scroll-margin-top:30px}.note-dialog{border:1px solid var(--line);padding:16px;border-radius:8px;background:var(--bg);max-width:92vw;max-height:92vh;color:var(--text)}.note-dialog::backdrop{background:#000b}.note-dialog img{max-height:75vh;width:auto;margin:10px auto}.dialog-close{display:block;margin-left:auto;background:var(--surface2);color:var(--text);padding:6px 15px;border-radius:5px}
@media(min-width:1500px){.hero{gap:90px;padding-top:85px}.hero h1{font-size:65px}}
@media(max-width:1100px){.site-header{gap:20px;padding:0 30px}.site-header nav{gap:20px}.hero{gap:35px}.hero h1{font-size:45px}.hero-vertical{display:none}.photo-stamp{right:-10px}.lesson-layout{gap:32px;grid-template-columns:190px minmax(0,1fr)}.lesson-sidebar{padding-right:15px}.lesson-article h1{font-size:32px}.lesson-lab .lab-layout{grid-template-columns:1fr}.lesson-lab .lab-screen{aspect-ratio:4/3}.footer-brand span{display:none}}
@media(max-width:800px){.site-header{height:auto;min-height:90px;flex-wrap:wrap;padding:19px 25px 0;gap:12px}.brand{font-size:17px}.brand-mark{width:36px;height:36px;font-size:28px}.brand small{font-size:8px}.header-actions{margin-left:auto}.header-continue{font-size:11px;padding:7px 10px}.header-continue span{margin-left:6px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:12px;padding-bottom:3px}.wrap{padding:0 25px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:44px;padding-bottom:40px}.hero h1{font-size:35px;margin:18px 0}.hero-description{font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-photo{border-radius:100px 100px 5px 5px;aspect-ratio:.8}.photo-stamp{width:75px;height:75px;font-size:7px;top:10px}.photo-stamp b{font-size:21px}.photo-label{left:15px;right:15px;bottom:18px}.photo-label small{font-size:7px}.photo-label strong{font-size:10px}.photo-caption{font-size:8px}.hero-devices{font-size:9px;gap:6px;margin-top:21px;flex-wrap:wrap}.hero-buttons{margin-top:21px;gap:10px}.hero-buttons .button{font-size:11px;padding:10px 15px;gap:12px}.progress-band{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:45px}.progress-band>.link-arrow{grid-column:2;text-align:right}.progress-number{font-size:32px}.progress-intro h2{font-size:12px}.progress-intro p{font-size:10px}.course-grid{grid-template-columns:repeat(2,1fr);gap:15px}.section-heading h2{font-size:28px}.lab-teaser{padding:25px;gap:25px}.lab-teaser h2{font-size:25px}.mini-photo{height:240px}.field-preview{gap:13px}.field-mini{height:180px}.field-mini div{left:15px;bottom:15px}.field-mini h3{font-size:17px}.site-footer{padding:25px;flex-direction:column;align-items:start}.site-footer>div{flex-wrap:wrap;gap:10px 20px}.lesson-layout{grid-template-columns:1fr;padding-top:25px}.lesson-sidebar{position:static;display:flex;overflow:auto;padding:0 0 10px;gap:7px;border-right:0;border-bottom:1px solid var(--line);max-width:100%}.lesson-sidebar>p,.sidebar-group{display:none}.lesson-sidebar a{white-space:nowrap;font-size:10px;padding:6px 10px}.lesson-sidebar a .side-title{display:none}.lesson-sidebar a.active .side-title{display:inline}.lesson-sidebar .snum{font-size:12px}.lesson-cover{height:260px}.lab-layout{grid-template-columns:1fr}.lab-info{padding:23px}.notebook-layout{grid-template-columns:1fr}.credits-grid{grid-template-columns:repeat(2,1fr)}.field-grid{gap:18px}.field-card figure{height:190px}.field-card h2{font-size:23px}.field-content{padding:20px}.page-top h1{font-size:35px}}
@media(max-width:520px){.site-header{padding:17px 20px 0}.wrap{padding:0 21px}.header-actions{gap:9px}.icon-button{height:32px;width:32px;font-size:20px}.header-continue{font-size:10px}.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}.hero h1{font-size:43px;letter-spacing:-1px;line-height:1.45;margin:21px 0}.hero-description{font-size:13px;max-width:340px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-buttons .button{font-size:12px;padding:12px 20px}.hero-devices{font-size:10px}.hero-visual{padding:0 11px}.hero-photo{border-radius:140px 140px 6px 6px;aspect-ratio:1.05}.photo-stamp{width:84px;height:84px;font-size:8px;right:-3px;top:18px}.photo-stamp b{font-size:24px}.photo-label{left:22px;right:22px}.photo-label strong{font-size:12px}.photo-label small{font-size:8px}.photo-caption{font-size:9px}.progress-band{grid-template-columns:1fr;gap:17px;padding:24px 0}.progress-band>.link-arrow{grid-column:auto;text-align:left}.progress-intro h2{font-size:14px}.progress-intro p{font-size:11px}.progress-detail{font-size:10px}.section-heading{align-items:start;margin-bottom:22px}.section-heading h2{font-size:27px}.section-heading p{display:none}.section-label{font-size:9px}.filters{gap:1px}.filter{padding:6px 10px;font-size:11px}.course-grid{grid-template-columns:1fr;gap:17px}.course-card figure{height:190px}.course-body{padding:21px}.course-card h3{font-size:20px}.course-card p{font-size:12px}.course-meta{font-size:11px}.course-foot{font-size:11px}.lab-teaser{grid-template-columns:1fr;padding:23px;gap:20px;margin:50px 0}.lab-teaser h2{font-size:27px}.mini-photo{height:240px}.field-preview{grid-template-columns:1fr}.field-mini{height:185px}.field-mini h3{font-size:23px}.section{margin:50px 0}.site-footer{margin-top:45px;padding:25px 21px}.site-footer>div{font-size:10px}.lesson-article h1{font-size:30px}.lesson-deck{font-size:13px}.lesson-cover{height:220px}.lesson-block h2{font-size:23px}.concept p,.lesson-block>p{font-size:14px}.lesson-bottom{flex-direction:column;align-items:stretch}.lesson-bottom .button{width:100%}.quiz{padding:20px}.page-top{padding-top:35px}.page-top h1{font-size:32px}.page-top p{font-size:13px}.lab-tabs{gap:6px}.lab-tab{font-size:11px;padding:8px 12px}.lab-info h3{font-size:23px}.lab-info p{font-size:13px}.lab-screen{aspect-ratio:1}.field-grid{grid-template-columns:1fr}.field-card figure{height:220px}.field-card h2{font-size:27px}.field-content dd{font-size:13px}.note-form{padding:22px}.credits-grid{grid-template-columns:1fr}.credit-card img{height:230px}.note-entry-images img{height:100px}.source-links{font-size:11px}.lens-table{font-size:11px}.lens-table td,.lens-table th{padding:8px 4px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print){#ambient,.ambient-fallback,.site-header,.site-footer,.lesson-sidebar,.lab-tabs,.hero-buttons,.button,.note-form{display:none!important}body{background:white;color:black}main{width:100%}.wrap{max-width:none;padding:0}.field-grid,.lesson-layout{display:block}.field-card{break-inside:avoid;background:white;border:1px solid #ccc;margin:20px 0;color:black}.field-content dd,.muted{color:#333}.lesson-block p,.concept p,.steps li{color:#333}}

.photo-stamp span{font-size:8px;letter-spacing:.3px;white-space:nowrap}
@media(max-width:520px){.hero h1{font-size:clamp(30px,9.3vw,38px)}}

/* Expanded lesson content: key terms, concept details, tables, common mistakes */
.term-box{margin:22px 0 32px;padding:20px 22px;border:1px solid var(--line);border-radius:6px;background:#d0e7bd06}
.term-box>small,.mistakes>small{display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:12px}
.term-box dl{display:grid;grid-template-columns:minmax(96px,max-content) 1fr;gap:10px 20px;margin:0}
.term-box dt{font-size:13px;font-weight:500;color:var(--text);line-height:1.9}
.term-box dd{margin:0;font-size:13px;line-height:1.9;color:#becbbf}
.concept-points{margin:12px 0 0;padding:0 0 0 18px;list-style:none}
.concept-points li{position:relative;font-size:13.5px;line-height:2;color:#b3c2b5;margin:6px 0}
.concept-points li:before{content:'';position:absolute;left:-16px;top:1em;width:7px;height:1px;background:var(--gold)}
.lesson-table{margin:28px 0;overflow-x:auto}
.lesson-table figcaption{font-size:13px;color:var(--text);margin-bottom:2px}
.lesson-table .lens-table{min-width:460px}
.lesson-table .table-note{font-size:11px;color:var(--muted);line-height:1.8;margin:6px 0 0}
.mistakes{margin:32px 0 8px;padding:20px 22px;border-left:2px solid var(--gold);background:#dfb7850a}
.mistakes>small{color:var(--gold)}
.mistake{margin:14px 0}
.mistake p{font-size:13.5px;line-height:1.9;margin:0}
.mistake .wrong{color:var(--muted)}
.mistake .right{color:#d6e2d3}
@media (max-width:640px){.term-box,.mistakes{padding:16px}.term-box dl{grid-template-columns:1fr;gap:0}.term-box dd{margin-bottom:12px}}
@media print{.term-box dd,.concept-points li,.mistake p,.mistake .right{color:#333}.term-box dt{color:#000}}