.lesson-photo-pair{max-width:1000px}
.lesson-photo-tall{aspect-ratio:5/6}
.lesson-photo-tall img{object-position:center}
.lesson-wide-photo{max-width:980px;margin:0 0 24px;border:1.5px solid var(--rule);border-radius:18px;overflow:hidden}
.lesson-wide-photo img{display:block;width:100%;height:auto}
.lesson-wide-photo figcaption{padding:10px 16px;font:600 13px/1.5 var(--sans);color:var(--muted)}
.lesson-wide-photo a{color:inherit;text-decoration-color:var(--amber);text-underline-offset:2px}
.lesson-layer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px;margin-bottom:16px}
.lesson-layer-list article{padding:18px;border:1.5px solid var(--rule);border-radius:14px}
.lesson-layer-list span{font:800 14px var(--sans);letter-spacing:.05em;color:var(--amber-dim)}
.lesson-layer-list p{margin:6px 0 0;font-size:16px;line-height:1.5}
.balance-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.balance-types article{padding:15px 18px 22px;border:1.5px solid var(--rule);border-radius:16px}
.balance-types h3{margin:16px 0 6px}
.balance-types p{margin:0;font-size:16px;line-height:1.5}
.balance-icon{position:relative;height:160px;border-radius:10px;background:var(--body);overflow:hidden}
.balance-icon::before{content:"";position:absolute;top:15px;bottom:15px;left:50%;border-left:1px dashed #ffffff66}
.balance-icon span{position:absolute;display:block;background:var(--amber);border-radius:50%}
.balance-symmetric span{width:56px;height:56px;top:52px}
.balance-symmetric span:first-child{left:calc(25% - 28px)}
.balance-symmetric span:last-child{right:calc(25% - 28px)}
.balance-asymmetric span:first-child{width:88px;height:88px;left:15%;top:36px;background:#c8ceca}
.balance-asymmetric span:last-child{width:34px;height:34px;right:16%;top:58px}
.balance-radial::before{top:50%;bottom:auto;left:50%;height:0;width:0;border:0}
.balance-radial span{width:28px;height:28px;left:calc(50% - 14px);top:calc(50% - 14px)}
.balance-radial span:nth-child(1){transform:translateY(-54px)}
.balance-radial span:nth-child(2){transform:translate(46px,-26px)}
.balance-radial span:nth-child(3){transform:translate(46px,26px)}
.balance-radial span:nth-child(4){transform:translateY(54px)}
.balance-radial span:nth-child(5){transform:translate(-46px,26px)}
.balance-radial span:nth-child(6){transform:translate(-46px,-26px)}
.golden-study{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:center;max-width:1030px}
.golden-study svg{display:block;width:100%;height:auto;padding:18px;border-radius:18px;background:var(--body);fill:none;stroke:#c5cbc6;stroke-width:1.5}
.golden-study .golden-curve{stroke:var(--amber);stroke-width:4;stroke-linecap:round}
.golden-study h3{margin-top:0}
.golden-study p{max-width:31em}
.palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.palette-grid article{padding:14px 16px 20px;border:1.5px solid var(--rule);border-radius:16px}
.palette-grid h3{margin:14px 0 6px;font-size:19px}
.palette-grid p{margin:0;font-size:16px;line-height:1.5}
.palette-swatch{display:flex;height:92px;overflow:hidden;border-radius:9px}
.palette-swatch i{flex:1;background:var(--swatch)}
.tone-ramp{display:flex;align-items:flex-end;justify-content:space-between;max-width:950px;min-height:150px;padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,#060606 0%,#444 26%,#888 50%,#c8c8c8 74%,#fafafa 100%);font:800 15px var(--sans);color:#fff;text-shadow:0 1px 2px #000a;margin-bottom:24px}
.tone-ramp span:last-child{color:#181818;text-shadow:none}
.angle-photo-pair{max-width:1060px}
.angle-photo-pair .compare-frame{aspect-ratio:3/2}
.angle-photo-pair .compare-frame img{object-fit:cover}
.final-toolkit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.final-toolkit a{display:grid;gap:4px;padding:17px 18px;border:1.5px solid var(--rule);border-radius:14px;color:var(--ink);text-decoration:none}
.final-toolkit a:hover,.final-toolkit a:focus-visible{border-color:var(--amber);background:var(--paper-2)}
.final-toolkit strong{font:800 18px var(--sans)}
.final-toolkit span{font-size:15px;line-height:1.4;color:var(--muted)}
.final-project{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.balance-types,.lesson-layer-list,.final-toolkit{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.golden-study{grid-template-columns:1fr}.final-project{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.balance-types,.lesson-layer-list,.final-toolkit,.palette-grid,.final-project{grid-template-columns:1fr}.tone-ramp{min-height:115px}.angle-photo-pair .compare-frame{aspect-ratio:3/2}}