.preview-polish main.lens-pedagogy-page>.lens-pedagogy-intro{background:#fff;padding-top:30px;padding-bottom:36px}
.preview-polish .lens-pedagogy-intro h1{font-size:clamp(28px,3.2vw,42px);line-height:1.25;color:#243080;margin:0 0 24px;max-width:1000px}
.preview-polish .lens-pedagogy-intro p{font-size:18px;line-height:1.85;max-width:1000px;margin:0}
.preview-polish main.lens-pedagogy-page>.lens-pedagogy-section{padding-top:48px;padding-bottom:48px;scroll-margin-top:100px;background:#edf3fa}
.preview-polish main.lens-pedagogy-page>.lens-pedagogy-section:nth-of-type(even){background:#fff}
.lens-pedagogy-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center}
.lens-pedagogy-copy{grid-column:1;grid-row:1;min-width:0}
.preview-polish .lens-pedagogy-copy>.eyebrow{margin:0 0 18px}
.preview-polish .lens-pedagogy-copy h2{font-size:clamp(28px,3.2vw,40px);line-height:1.25;color:#243080;margin:0 0 24px}
.preview-polish .lens-pedagogy-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:none;margin:0 0 18px}
.preview-polish .lens-pedagogy-copy>p:last-child{margin-bottom:0}
.lens-pedagogy-photo{grid-column:2;grid-row:1;margin:0;align-self:center;border-radius:48px 5px 5px 5px;overflow:hidden;width:100%;max-width:480px;justify-self:end}
.lens-pedagogy-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.lens-pedagogy-2 .lens-pedagogy-row,.lens-pedagogy-4 .lens-pedagogy-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.lens-pedagogy-2 .lens-pedagogy-copy,.lens-pedagogy-4 .lens-pedagogy-copy{grid-column:2}
.lens-pedagogy-2 .lens-pedagogy-photo,.lens-pedagogy-4 .lens-pedagogy-photo{grid-column:1;justify-self:start}
@media(max-width:980px){.lens-pedagogy-row{gap:32px}}
@media(max-width:760px){.lens-pedagogy-row,.lens-pedagogy-2 .lens-pedagogy-row,.lens-pedagogy-4 .lens-pedagogy-row{grid-template-columns:1fr;gap:26px}.lens-pedagogy-copy,.lens-pedagogy-2 .lens-pedagogy-copy,.lens-pedagogy-4 .lens-pedagogy-copy{grid-column:1;grid-row:1}.lens-pedagogy-photo,.lens-pedagogy-2 .lens-pedagogy-photo,.lens-pedagogy-4 .lens-pedagogy-photo{grid-column:1;grid-row:2;max-width:100%;justify-self:stretch}.preview-polish main.lens-pedagogy-page>.lens-pedagogy-section{padding-top:36px;padding-bottom:36px}}
.lens-detail-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:36px;padding-top:26px;border-top:1px solid #cbd6e3}
.preview-polish .lens-detail-pair h3{font-size:21px;line-height:1.4;color:#243080;margin:0 0 18px;font-weight:600}
.preview-polish .lens-detail-pair p{font-size:16px;line-height:1.8;margin:0 0 12px;max-width:none}
.preview-polish .lens-detail-pair p:last-child{margin-bottom:0}
.preview-polish .lens-detail-example{font-size:16px;line-height:1.8;max-width:none;margin:26px 0 0;padding-left:20px;border-left:3px solid #a8bbd1}
.preview-polish main.lens-pedagogy-page>.lens-applied-cycle{background:#fff;padding-top:48px;padding-bottom:48px}
.preview-polish .lens-applied-cycle h2{font-size:clamp(28px,3.2vw,40px);line-height:1.25;color:#243080;margin:0 0 24px}
.preview-polish .lens-applied-cycle>p:not(.eyebrow){font-size:17px;line-height:1.85;max-width:960px}
.lens-applied-cycle ol{list-style:none;display:grid;grid-template-columns:1fr;gap:0;padding:0;margin:28px 0}
.lens-applied-cycle li{display:flex;gap:24px;padding:24px 0;border-top:1px solid #cbd6e3;align-items:flex-start}
.lens-applied-cycle li>span{color:#647d9d;font-size:15px;font-weight:600;flex:0 0 36px;padding-top:5px}
.preview-polish .lens-applied-cycle li h3{font-size:22px;line-height:1.35;color:#243080;margin:0 0 10px}
.preview-polish .lens-applied-cycle li p{font-size:16px;line-height:1.8;max-width:900px;margin:0}
.preview-polish .lens-applied-cycle .lens-cycle-footnote{font-size:15px;color:#53627a}
@media(max-width:760px){.lens-detail-pair{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-top:24px}.lens-applied-cycle li{gap:14px}.preview-polish main.lens-pedagogy-page>.lens-applied-cycle{padding-top:36px;padding-bottom:36px}}
/* Five equal columns follow the order, palette and structure of the source diagram. */
.preview-polish main.lens-pedagogy-page>.lens-five-section{background:#fff;padding-top:8px;padding-bottom:44px}
.lens-five-scroll{overflow-x:auto;padding:4px 0 20px;scrollbar-color:#a8bbd1 #edf3fa;scrollbar-width:thin}.lens-five-scroll:focus-visible{outline:2px solid #243080;outline-offset:4px}
.lens-five-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(6,auto);gap:0 16px;min-width:1080px}
.lens-five-column{display:grid;grid-row:span 6;grid-template-rows:subgrid;gap:0;padding:18px 14px 20px;border-radius:22px 5px 5px 5px;background:var(--column-bg);min-width:0;scroll-margin-top:110px}
.lens-column-1{--column-bg:#e5eef4;--column-ink:#315571}.lens-column-2{--column-bg:#ffede5;--column-ink:#814935}.lens-column-3{--column-bg:#e9f2e1;--column-ink:#49603a}.lens-column-4{--column-bg:#fff4d6;--column-ink:#796125}.lens-column-5{--column-bg:#f0e7f6;--column-ink:#685077}
.preview-polish .lens-five-column>h2{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:20px;line-height:1.3;font-weight:650;color:var(--column-ink);margin:0 0 18px;text-align:center}
.lens-column-photo{margin:0 0 20px;border-radius:26px 4px 4px 4px;overflow:hidden;align-self:start}.lens-column-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.lens-column-intro,.lens-column-connections,.lens-column-practice{padding-bottom:20px;min-width:0}
.lens-column-connections,.lens-column-practice{padding-top:18px;border-top:1px solid #24308020}
.preview-polish .lens-five-column h3{font-size:16px;line-height:1.45;font-weight:650;color:var(--column-ink);margin:0 0 12px}
.preview-polish .lens-five-column p{font-size:14px;line-height:1.75;max-width:none;margin:0 0 12px}
.preview-polish .lens-five-column p:last-child{margin-bottom:0}
.preview-polish .lens-five-column .lens-column-example{font-size:14px;line-height:1.75;margin:0;padding-top:18px;border-top:1px solid #24308020}
@media(max-width:760px){.lens-five-columns{min-width:1150px;gap:0 14px}.lens-five-column{padding:18px 16px}.preview-polish main.lens-pedagogy-page>.lens-five-section{padding-bottom:30px}}
/* One lens per horizontal band: identity, connections, application. */
.lens-band-list{display:grid;gap:24px}
.lens-band-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.15fr);gap:32px;padding:28px;border-radius:28px 5px 5px 5px;background:var(--column-bg);min-width:0;scroll-margin-top:110px;align-items:start}
.lens-band-identity,.lens-band-row .lens-column-connections,.lens-band-application{min-width:0}
.preview-polish .lens-band-identity>h2{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:23px;line-height:1.3;font-weight:650;color:var(--column-ink);margin:0 0 18px}
.lens-band-row .lens-column-photo{margin:0 0 18px;max-width:320px}
.lens-band-row .lens-column-intro,.lens-band-row .lens-column-connections,.lens-band-row .lens-column-practice{padding:0;border:0;margin:0}
.lens-band-row .lens-column-connections,.lens-band-application{padding-left:26px;border-left:1px solid #24308020}
.preview-polish .lens-band-row h3{font-size:18px;line-height:1.45;color:var(--column-ink);font-weight:650;margin:0 0 14px}
.preview-polish .lens-band-row .lens-column-intro h3{font-size:17px;margin-bottom:10px}
.preview-polish .lens-band-row p{font-size:15px;line-height:1.8;max-width:none;margin:0 0 12px}
.preview-polish .lens-band-row p:last-child{margin-bottom:0}
.preview-polish .lens-band-row .lens-column-example{font-size:15px;line-height:1.8;margin-top:20px;padding-top:18px;border-top:1px solid #24308020}
@media(max-width:980px){.lens-band-row{gap:22px;padding:24px}.lens-band-row .lens-column-connections,.lens-band-application{padding-left:20px}}
@media(max-width:760px){.lens-band-row{grid-template-columns:1fr;gap:24px;padding:24px}.lens-band-row .lens-column-connections,.lens-band-application{padding:22px 0 0;border-left:0;border-top:1px solid #24308020}.lens-band-row .lens-column-photo{max-width:100%}.preview-polish .lens-band-row p{font-size:16px}.preview-polish .lens-band-identity>h2{font-size:24px}}
/* Photo-free lens bands share the diagram's lettering and soft geometry. */
.lens-band-list{gap:20px}
.lens-band-row{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);border-radius:28px 6px 6px 6px;gap:28px;padding:28px;align-items:center}
.preview-polish .lens-band-identity>h2{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:150px;min-height:60px;border-radius:40px;padding:14px 20px;background:#ffffff90;border:1px solid #ffffffb3;font-size:21px;margin:0 0 20px;color:var(--column-ink)}
.preview-polish .lens-band-row h3{font-family:inherit;font-size:17px;font-weight:600}
.preview-polish .lens-band-row p{font-family:inherit;font-size:15px;line-height:1.8}
.lens-band-row .lens-column-connections,.lens-band-application{border-left:0;padding-left:0}
.lens-band-identity{padding-right:8px}
.lens-band-row .lens-column-connections,.lens-band-application{align-self:stretch}
@media(max-width:980px){.lens-band-row{gap:22px;padding:24px}.preview-polish .lens-band-identity>h2{min-width:120px;font-size:19px}}
@media(max-width:760px){.lens-band-row{grid-template-columns:1fr;gap:24px}.lens-band-row .lens-column-connections,.lens-band-application{padding:20px 0 0;border-left:0;border-top:1px solid #24308020}.lens-band-identity{padding:0}.preview-polish .lens-band-row p{font-size:16px}}
/* Quiet white bands let the diagram and five lens circles lead. */
.lens-band-row{position:relative;background:#fff;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.15fr);padding:30px 0;border-radius:0;gap:44px;border-bottom:1px solid #dce3eb;align-items:center}
.lens-band-row:last-child{border-bottom:0}
.lens-band-identity{position:relative;padding-right:12px}
.lens-band-identity::after{content:"";position:absolute;right:-24px;top:50%;width:28px;height:1px;background:var(--column-bg);filter:brightness(.8)}
.preview-polish .lens-band-identity>h2{display:flex;width:146px;height:146px;min-width:0;min-height:0;padding:16px;border-radius:50%;background:var(--column-bg);border:0;font-size:20px;line-height:1.3;margin:0 auto 18px;text-align:center}
.preview-polish .lens-band-row .lens-simple-question{text-align:center;font-size:16px;line-height:1.6;color:#243080;margin:0}
.preview-polish .lens-simple-foundation h3,.preview-polish .lens-simple-practice h3{font-size:17px;color:#243080;margin:0 0 14px;font-weight:600}
.preview-polish .lens-simple-foundation p,.preview-polish .lens-simple-practice p{font-size:16px;line-height:1.85;color:#334258;margin:0}
.lens-applied-cycle ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.lens-applied-cycle li{display:block;padding-top:20px}
.lens-applied-cycle li>span{display:block;padding:0;margin-bottom:16px}
.preview-polish .lens-applied-cycle li h3{font-size:20px}
.preview-polish .lens-applied-cycle li p{font-size:15px;line-height:1.75}
@media(max-width:980px){.lens-band-row{gap:28px}.lens-band-identity::after{right:-16px;width:18px}.preview-polish .lens-band-identity>h2{width:125px;height:125px;font-size:18px}.lens-applied-cycle ol{gap:18px}}
@media(max-width:760px){.lens-band-row{grid-template-columns:1fr;gap:24px;padding:28px 0}.lens-band-identity{padding:0}.lens-band-identity::after{display:none}.preview-polish .lens-band-identity>h2{margin:0 0 16px;width:130px;height:130px}.preview-polish .lens-band-row .lens-simple-question{text-align:left}.lens-applied-cycle ol{grid-template-columns:1fr;gap:0}.lens-applied-cycle li{display:flex;gap:18px}.lens-applied-cycle li>span{flex-basis:32px;margin:4px 0 0}}