.preview-polish main.lens-page>.lens-exact-section{background:#fffdf8;padding-top:12px;padding-bottom:40px}
.lens-exact-scroll{overflow-x:auto;padding-bottom:18px;scrollbar-width:thin}.lens-exact-scroll:focus-visible{outline:2px solid #243080;outline-offset:4px}
.lens-exact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(6,auto);gap:0 14px;min-width:1160px}
.lens-exact-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;min-width:0;background:var(--exact-bg);border-radius:16px 8px 8px 8px;overflow:hidden;color:#182b40;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.exact-colour-1{--exact-bg:#e9eff3;--exact-panel:#dce7ee;--exact-ink:#24516e}.exact-colour-2{--exact-bg:#fff0e9;--exact-panel:#fbe0d6;--exact-ink:#9c3824}.exact-colour-3{--exact-bg:#eef4e7;--exact-panel:#e0ebd5;--exact-ink:#31572d}.exact-colour-4{--exact-bg:#fff6df;--exact-panel:#ffebbd;--exact-ink:#a76506}.exact-colour-5{--exact-bg:#f4edf7;--exact-panel:#e9ddf0;--exact-ink:#70438d}
.lens-exact-card header{padding:18px 14px 16px;text-align:center;background:var(--exact-panel)}
.preview-polish .lens-exact-card h2{font-size:23px;line-height:1.2;color:#10233d;font-weight:650;margin:0 0 8px}
.preview-polish .lens-exact-card header p{font-size:13px;line-height:1.5;margin:0}
.lens-exact-original-photo{background-image:url('lens-original-five-source.png');background-repeat:no-repeat;width:100%;align-self:start;border-radius:0 0 6px 6px}
.preview-polish .lens-exact-card .lens-exact-quote{font-family:Georgia,serif;font-size:16px;line-height:1.5;text-align:center;padding:16px 14px;margin:0}
.lens-exact-covers,.lens-exact-practice{margin:0 9px 10px;padding:14px 12px;border-radius:12px 4px 4px 4px;background:var(--exact-panel)}
.preview-polish .lens-exact-card h3{font-size:13px;line-height:1.4;font-weight:700;color:var(--exact-ink);margin:0 0 9px}
.lens-exact-card ul{padding-left:17px;margin:0}.lens-exact-card li{font-size:14px;line-height:1.65;margin:0 0 3px}
.lens-exact-example{padding:4px 16px 18px}.preview-polish .lens-exact-example p{font-family:Georgia,serif;font-size:15px;line-height:1.6;margin:0}
@media(max-width:760px){.lens-exact-grid{min-width:1240px;gap:0 12px}}
/* The same five lenses, read across one horizontal row at a time. */
.lens-exact-rows{display:grid;grid-template-columns:1fr;gap:24px}
.lens-exact-rows .lens-exact-card{display:grid;grid-row:auto;grid-template-rows:auto;grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.05fr);gap:20px;padding:24px;align-items:center;border-radius:24px 5px 5px 5px}
.lens-exact-identity{min-width:0}
.lens-exact-rows .lens-exact-card header{padding:0;text-align:left;background:transparent}
.preview-polish .lens-exact-rows .lens-exact-card h2{font-size:22px;color:var(--exact-ink);margin-bottom:8px}
.preview-polish .lens-exact-rows .lens-exact-card header p{font-size:13px;line-height:1.6}
.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-quote{font-family:inherit;text-align:left;font-size:14px;line-height:1.75;padding:0;margin:16px 0 0}
.lens-exact-rows .lens-exact-original-photo{border-radius:28px 4px 4px 4px}
.lens-exact-rows .lens-exact-covers,.lens-exact-rows .lens-exact-practice{margin:0;padding:0;background:transparent;border-radius:0;align-self:start}
.lens-exact-rows .lens-exact-example{padding:0;align-self:start;min-width:0}
.preview-polish .lens-exact-rows .lens-exact-example p{font-family:inherit;font-size:14px;line-height:1.75}
.lens-exact-rows .lens-exact-card li{font-size:14px;line-height:1.75}
@media(max-width:1100px) and (min-width:761px){.lens-exact-rows .lens-exact-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lens-exact-identity{grid-column:1;grid-row:1}.lens-exact-rows .lens-exact-original-photo{grid-column:2/4;grid-row:1;max-width:300px;justify-self:center}.lens-exact-rows .lens-exact-covers{grid-column:1;grid-row:2}.lens-exact-rows .lens-exact-practice{grid-column:2;grid-row:2}.lens-exact-rows .lens-exact-example{grid-column:3;grid-row:2}}
@media(max-width:760px){.lens-exact-rows .lens-exact-card{grid-template-columns:1fr;gap:24px;padding:24px}.lens-exact-rows .lens-exact-original-photo{max-width:100%}.lens-exact-rows .lens-exact-covers,.lens-exact-rows .lens-exact-practice,.lens-exact-rows .lens-exact-example{border-top:1px solid #24308020;padding-top:20px}.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-quote,.lens-exact-rows .lens-exact-card li,.preview-polish .lens-exact-rows .lens-exact-example p{font-size:16px}}
/* Lens title and photograph stay together; connections replace the example. */
.lens-exact-rows .lens-exact-card{grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr);gap:28px;align-items:start}
.lens-exact-rows .lens-exact-identity>header{margin-bottom:18px}
.lens-exact-rows .lens-exact-identity .lens-exact-original-photo{width:100%;max-width:none}
.lens-exact-links{min-width:0}
.preview-polish .lens-exact-links p{font-family:inherit;font-size:14px;line-height:1.75;margin:0 0 12px;max-width:none}
.preview-polish .lens-exact-links p:last-child{margin-bottom:0}
@media(max-width:1100px) and (min-width:761px){.lens-exact-rows .lens-exact-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.lens-exact-rows .lens-exact-identity{grid-column:1;grid-row:1}.lens-exact-rows .lens-exact-covers{grid-column:2;grid-row:1}.lens-exact-rows .lens-exact-practice{grid-column:1;grid-row:2}.lens-exact-links{grid-column:2;grid-row:2}}
@media(max-width:760px){.lens-exact-rows .lens-exact-card{grid-template-columns:1fr;gap:24px}.lens-exact-links{padding-top:20px;border-top:1px solid #24308020}.preview-polish .lens-exact-links p{font-size:16px}}
/* Five comparable columns, with sources and examples aligned across the row. */
.lens-exact-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:0 16px;min-width:1120px}
.lens-exact-five .lens-exact-card{grid-row:span 5;grid-template-rows:subgrid;grid-template-columns:1fr;gap:0;padding:0 0 18px;border-radius:20px 5px 5px 5px;align-items:start}
.lens-exact-five .lens-exact-identity header{min-height:100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:18px 12px;text-align:center}
.lens-exact-five .lens-exact-identity .lens-exact-original-photo{width:100%}
.lens-exact-five .lens-exact-covers,.lens-exact-five .lens-exact-practice,.lens-exact-five .lens-exact-links{margin:0 12px;padding:18px 4px;background:transparent;border-radius:0;border-top:1px solid #24308020}
.lens-exact-five .lens-exact-example{padding:18px 16px 0;margin:0 12px;border-top:1px solid #24308020}
.preview-polish .lens-exact-five .lens-exact-quote{font-family:inherit;font-size:14px;line-height:1.75;padding:18px 16px;text-align:left}
.preview-polish .lens-exact-five .lens-exact-links p,.preview-polish .lens-exact-five .lens-exact-example p{font-family:inherit;font-size:14px;line-height:1.75}
@media(max-width:760px){.lens-exact-five{min-width:1240px;gap:0 14px}}
/* Each lens occupies one horizontal row, with all five content areas retained. */
.lens-exact-rows .lens-exact-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
.lens-exact-rows .lens-exact-example{margin:0;padding:0;border:0}
@media(max-width:1100px) and (min-width:761px){.lens-exact-rows .lens-exact-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.lens-exact-rows .lens-exact-identity{grid-column:1;grid-row:1}.lens-exact-rows .lens-exact-covers{grid-column:2;grid-row:1}.lens-exact-rows .lens-exact-practice{grid-column:1;grid-row:2}.lens-exact-rows .lens-exact-links{grid-column:2;grid-row:2}.lens-exact-rows .lens-exact-example{grid-column:1/-1;grid-row:3;padding-top:20px;border-top:1px solid #24308020}}
@media(max-width:760px){.lens-exact-rows .lens-exact-card{grid-template-columns:1fr;gap:24px}.lens-exact-rows .lens-exact-example{padding-top:20px;border-top:1px solid #24308020}}
/* Refine the accepted horizontal layout without changing its content. */
.lens-exact-rows{gap:32px}
.lens-exact-rows .exact-colour-1{--exact-bg:#f0f5f8}.lens-exact-rows .exact-colour-2{--exact-bg:#fff5f0}.lens-exact-rows .exact-colour-3{--exact-bg:#f3f7ee}.lens-exact-rows .exact-colour-4{--exact-bg:#fffaec}.lens-exact-rows .exact-colour-5{--exact-bg:#f8f3fa}
.lens-exact-rows .lens-exact-card{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,1fr);gap:24px;padding:30px 28px;border-radius:28px 6px 6px 6px;align-items:start}
.preview-polish .lens-exact-rows .lens-exact-card h2{font-size:23px;line-height:1.3;margin:0 0 10px}
.preview-polish .lens-exact-rows .lens-exact-card header p{font-size:14px;line-height:1.7}
.lens-exact-rows .lens-exact-identity>header{margin-bottom:20px}
.lens-photo-frame{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3/2;background:#ffffff80;border-radius:26px 5px 5px 5px;overflow:hidden}
.lens-exact-rows .lens-photo-frame .lens-exact-original-photo{flex:0 0 100%;width:100%;border-radius:0}
.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-quote{font-size:15px;line-height:1.85;margin:20px 0 0}
.preview-polish .lens-exact-rows .lens-exact-card h3{display:flex;align-items:flex-start;min-height:44px;font-size:13px;line-height:1.55;font-weight:700;letter-spacing:.015em;margin:0 0 12px}
.lens-exact-rows .lens-exact-card ul{padding-left:18px}
.lens-exact-rows .lens-exact-card li{font-size:15px;line-height:1.8;margin:0 0 9px}
.lens-exact-rows .lens-exact-card li:last-child{margin-bottom:0}
.preview-polish .lens-exact-rows .lens-exact-links p,.preview-polish .lens-exact-rows .lens-exact-example p{font-size:15px;line-height:1.85;margin:0 0 16px}
.preview-polish .lens-exact-rows .lens-exact-links p:last-child,.preview-polish .lens-exact-rows .lens-exact-example p:last-child{margin-bottom:0}
.lens-exact-rows .lens-exact-example{padding:0 0 0 16px;border-left:1px solid #24308024}
.preview-polish .lens-exact-rows .lens-exact-example p{font-style:italic;color:#536074}
@media(max-width:1100px) and (min-width:761px){.lens-exact-rows .lens-exact-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:28px}.lens-exact-rows .lens-photo-frame{max-width:320px}.lens-exact-rows .lens-exact-example{grid-column:1/-1;grid-row:3;border-left:0;border-top:1px solid #24308024;padding:20px 0 0}.preview-polish .lens-exact-rows .lens-exact-card h3{min-height:0}}
@media(max-width:760px){.lens-exact-rows{gap:24px}.lens-exact-rows .lens-exact-card{grid-template-columns:1fr;gap:24px;padding:24px}.lens-exact-rows .lens-photo-frame{max-width:100%}.preview-polish .lens-exact-rows .lens-exact-card h3{min-height:0;font-size:14px}.lens-exact-rows .lens-exact-example{border-left:0;border-top:1px solid #24308024;padding:20px 0 0}.lens-exact-rows .lens-exact-card li,.preview-polish .lens-exact-rows .lens-exact-links p,.preview-polish .lens-exact-rows .lens-exact-example p,.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-quote{font-size:16px}}
/* The lens is the subject; the four lighter areas explain it. */
.lens-exact-rows .exact-colour-1{--identity-bg:#dce7ef;--identity-line:#8baac0}.lens-exact-rows .exact-colour-2{--identity-bg:#fce0d5;--identity-line:#d69b86}.lens-exact-rows .exact-colour-3{--identity-bg:#deebd3;--identity-line:#9bb587}.lens-exact-rows .exact-colour-4{--identity-bg:#ffebbd;--identity-line:#d3b66b}.lens-exact-rows .exact-colour-5{--identity-bg:#e8dcf0;--identity-line:#b29ac4}
.lens-exact-rows .lens-exact-identity{position:relative;align-self:stretch;background:var(--identity-bg);border-radius:24px 5px 5px 5px;padding:20px 16px;box-sizing:border-box;min-width:0;border:1px solid #ffffff80}
.lens-exact-rows .lens-exact-identity::after{content:"";position:absolute;left:100%;top:35px;width:19px;height:28px;border-top:1.5px solid var(--identity-line);border-right:1.5px solid var(--identity-line);border-radius:0 18px 0 0;pointer-events:none}
.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-identity h2{font-size:25px;font-weight:700;line-height:1.25;color:var(--exact-ink)}
.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-identity header p{color:#334258;font-weight:500}
.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-identity .lens-exact-quote{font-size:14px;line-height:1.8;color:#334258}
.lens-exact-rows .lens-exact-covers,.lens-exact-rows .lens-exact-practice,.lens-exact-rows .lens-exact-links,.lens-exact-rows .lens-exact-example{padding-top:5px}
.preview-polish .lens-exact-rows .lens-exact-card h3{font-size:12px;line-height:1.55;min-height:40px}
@media(max-width:1100px) and (min-width:761px){.lens-exact-rows .lens-exact-identity{padding:22px}.lens-exact-rows .lens-exact-identity::after{width:23px}.lens-exact-rows .lens-exact-example{padding-top:20px}}
@media(max-width:760px){.lens-exact-rows .lens-exact-identity{padding:22px}.lens-exact-rows .lens-exact-identity::after{left:32px;top:100%;width:28px;height:19px;border-top:0;border-left:1.5px solid var(--identity-line);border-right:0;border-bottom:1.5px solid var(--identity-line);border-radius:0 0 0 18px}.preview-polish .lens-exact-rows .lens-exact-card h3{font-size:14px;min-height:0}.preview-polish .lens-exact-rows .lens-exact-card .lens-exact-identity .lens-exact-quote{font-size:16px}.lens-exact-rows .lens-exact-covers,.lens-exact-rows .lens-exact-practice,.lens-exact-rows .lens-exact-links,.lens-exact-rows .lens-exact-example{padding-top:20px}}
/* Align the supporting headings with the gap between the lens name and subtitle. */
.lens-exact-rows .lens-exact-identity::after{display:none}
.lens-exact-rows .lens-exact-identity{padding:22px 18px}
.lens-exact-rows .lens-exact-identity>header{margin-bottom:20px}
.lens-exact-rows .lens-photo-frame{box-sizing:border-box;aspect-ratio:3/2;background:#fff;border:1px solid #ffffffc0;border-radius:18px 5px 5px 5px;padding:0;overflow:hidden}
.lens-exact-rows .lens-photo-frame .lens-exact-original-photo{display:block;flex:0 0 100%;align-self:center;margin:0;width:100%;max-width:100%;border-radius:0}
.lens-exact-rows .lens-exact-covers,.lens-exact-rows .lens-exact-practice,.lens-exact-rows .lens-exact-links,.lens-exact-rows .lens-exact-example{padding-top:43px}
.preview-polish .lens-exact-rows .lens-exact-card h3{min-height:44px;margin-bottom:14px}
@media(max-width:1100px) and (min-width:761px){.lens-exact-rows .lens-exact-covers{padding-top:43px}.lens-exact-rows .lens-exact-practice,.lens-exact-rows .lens-exact-links{padding-top:0}.lens-exact-rows .lens-exact-example{padding-top:20px}}
@media(max-width:760px){.lens-exact-rows .lens-exact-identity{padding:22px}.lens-exact-rows .lens-exact-covers,.lens-exact-rows .lens-exact-practice,.lens-exact-rows .lens-exact-links,.lens-exact-rows .lens-exact-example{padding-top:20px}.preview-polish .lens-exact-rows .lens-exact-card h3{min-height:0}.lens-exact-rows .lens-photo-frame{max-width:420px;margin:0 auto}}
/* Let every photo define its own height, without a letterboxed frame. */
.lens-exact-rows .lens-photo-frame{display:block;aspect-ratio:auto;height:auto;min-height:0;padding:0;border:0;background:transparent}
.lens-exact-rows .lens-photo-frame .lens-exact-original-photo{display:block;width:100%;height:auto;margin:0;padding:0}
/* Give the lens photographs more room without cropping or adding empty framing. */
@media(min-width:1101px){.lens-exact-rows .lens-exact-card{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,1fr)}.lens-exact-rows .lens-exact-identity{padding:20px 12px}}
@media(min-width:761px) and (max-width:1100px){.lens-exact-rows .lens-photo-frame{max-width:100%}}
@media(max-width:760px){.lens-exact-rows .lens-photo-frame{max-width:100%}.lens-exact-rows .lens-exact-identity{padding-left:14px;padding-right:14px}}
/* Edge-to-edge photos inside the lens identity column, at their native ratios. */
.lens-exact-rows .lens-exact-identity{padding-left:0;padding-right:0;overflow:hidden}
.lens-exact-rows .lens-exact-identity>header,.preview-polish .lens-exact-rows .lens-exact-identity>.lens-exact-quote{padding-left:16px;padding-right:16px}
.lens-exact-rows .lens-exact-identity .lens-photo-frame{display:block;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;aspect-ratio:auto;height:auto;background:transparent}
.lens-exact-rows .lens-exact-identity .lens-photo-frame .lens-exact-original-photo{display:block;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;height:auto}
@media(max-width:1100px){.lens-exact-rows .lens-exact-identity{padding-left:0;padding-right:0}}
/* Stronger supporting headings, below the lens name in the hierarchy. */
.preview-polish .lens-exact-rows .lens-exact-card h3{font-size:14px;line-height:1.5;font-weight:750;letter-spacing:.025em;color:var(--exact-ink);min-height:44px;margin-bottom:16px}
@media(max-width:760px){.preview-polish .lens-exact-rows .lens-exact-card h3{font-size:15px;min-height:0}}
