/* Open, aligned comparisons: source artwork and conclusions share a reading row. */
body[data-project=icon-colors] :is(#abstract,#problem,#analysis,#guidelines,#gradients,#reflection){display:block}
body[data-project=icon-colors] :is(#abstract,#problem,#analysis,#guidelines,#gradients,#reflection)>.section-body{max-width:1040px;margin:18px 0 28px}
body[data-project=icon-colors] :is(#abstract,#problem,#analysis,#guidelines,#gradients,#reflection)>.section-heading{max-width:none;margin-bottom:0}
.icon-abstract-comparisons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-top:30px}
.icon-abstract-comparisons figure,.icon-context-comparison figure,.icon-audience-comparison figure{margin:0;min-width:0}
.icon-abstract-comparisons figcaption,.icon-context-comparison figcaption,.icon-audience-comparison figcaption{display:block!important;margin:20px 0 0;padding:0!important;border:0!important;text-align:left}
.icon-abstract-comparisons h3,.icon-context-comparison h3,.icon-audience-comparison h3,.icon-evidence-rule h3{font:600 24px/1.25 var(--font-body);margin:0 0 9px}
.icon-abstract-comparisons p,.icon-context-comparison p,.icon-audience-comparison p,.icon-evidence-bridge p{font:400 19px/1.5 var(--font-body);margin:0;text-wrap:pretty}
.icon-bulb-pair{display:flex;justify-content:flex-start;align-items:center;gap:20px;height:120px}.icon-bulb-pair img{width:100px;height:100px;object-fit:contain}
.icon-abstract-art{height:120px;display:flex;align-items:center}.icon-abstract-art img{width:100%;max-width:320px;max-height:110px;object-fit:contain;object-position:left center}
.icon-context-comparison{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-top:36px}
.icon-desktop-context,.icon-ar-context{height:270px;position:relative;max-width:520px;margin:auto}
.icon-desktop-context{display:flex;flex-direction:column;align-items:center;justify-content:center}
.icon-monitor{width:85%;height:219px;background:#fff;border:8px solid #aeb6bb;border-bottom-width:17px;border-radius:10px;display:grid;place-items:center;box-shadow:0 10px 30px #0004}
.icon-screen-parking{background:#0000f5;color:#fff;display:grid;place-items:center;width:108px;height:108px;font:600 85px/1 Arial,sans-serif;border-radius:10px}
.icon-monitor-foot{height:37px;width:70px;background:#aeb6bb;position:relative}.icon-monitor-foot:after{content:'';position:absolute;bottom:-5px;left:-45px;width:160px;height:7px;border-radius:50% 50% 0 0;background:#d1d5d8}
.icon-ar-context{display:flex;align-items:center}.icon-ar-context>img{width:100%;height:250px;object-fit:cover;border-radius:8px}.icon-ar-parking{position:absolute;top:33px;left:27px;opacity:.7;background:#0000f5;color:#fff;width:70px;height:70px;display:grid;place-items:center;border-radius:50%;font:600 54px/1 Arial,sans-serif}
.icon-context-comparison figcaption{max-width:520px;margin:25px auto 0;text-align:center}.icon-context-comparison small{display:block;font:400 15px/1.4 var(--font-body);color:#b8c3c5;margin-top:7px}.icon-result-check{color:#b1e0a8;margin-left:8px}.icon-result-cross{color:#efa79d;margin-left:8px}
.icon-evidence-bridge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:35px}.icon-evidence-label{font:500 15px/1.4 var(--font-body);color:var(--accent)}.icon-evidence-number{font:500 clamp(29px,2.6vw,38px)/1.2 var(--font-body);margin:18px 0 8px;white-space:nowrap;color:var(--ink)}.icon-evidence-number>span{font-size:25px;color:#a9bfc4}.icon-evidence-number>small{font-size:16px;color:#c2cdcf}
.icon-evidence-bridge>article>p{font-size:17px;min-height:52px;color:#bdc9cb}.icon-evidence-rule{border-top:2px solid #77fbfe66;padding-top:19px;margin-top:18px}.icon-evidence-rule p{font-size:18px}.icon-analysis-method{font:400 16px/1.5 var(--font-body);color:#b7c7ca;margin:32px 0 0}
body[data-project=icon-colors] #guidelines .section-visuals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:32px;align-items:start}
body[data-project=icon-colors] #guidelines .project-figure{display:flex!important;flex-direction:column;align-items:stretch;margin:0;min-width:0;padding:0}
body[data-project=icon-colors] #guidelines .figure-media{height:125px;display:flex;align-items:center;max-width:100%;width:100%}
body[data-project=icon-colors] #guidelines .figure-media img{width:100%;height:110px;object-fit:contain;object-position:left center}
body[data-project=icon-colors] #guidelines figcaption{display:block!important;padding:0;margin:15px 0 0;border:0;font-size:18px}
body[data-project=icon-colors] #guidelines figcaption>span{display:none}body[data-project=icon-colors] #guidelines .figure-caption-title{font-size:24px!important;margin-bottom:10px}body[data-project=icon-colors] #guidelines figcaption p{font-size:19px!important;line-height:1.5!important}
body[data-project=icon-colors] #guidelines .icon-case-letter{position:static;display:block;font:500 17px/1 var(--font-body);color:var(--accent);margin-bottom:15px}
body[data-project=icon-colors] #gradients .icon-interactive-figure{border:0;padding:12px 0 0}.icon-gradient-lab .icon-lab-note{display:none}.icon-gradient-specimens{gap:45px}.icon-gradient-result{font-size:18px}
.icon-audience-comparison{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1000px;margin:35px auto 0}.icon-audience-crop{width:96px;height:96px;overflow:hidden;position:relative;margin:0 0 18px}.icon-audience-crop img{position:absolute;width:216.615px!important;height:124.308px!important;max-width:none!important;top:0}.icon-audience-bar img{left:0}.icon-audience-music img{left:-115.692px}.icon-audience-comparison figcaption{max-width:410px}.icon-audience-note{font:400 18px/1.5 var(--font-body);max-width:1000px;margin:30px auto 0;color:#c6d1d3}
@media(max-width:700px){.icon-abstract-comparisons,.icon-evidence-bridge{grid-template-columns:1fr;gap:30px}.icon-abstract-comparisons figure{display:grid;grid-template-columns:135px 1fr;gap:18px;align-items:center}.icon-abstract-comparisons figcaption{margin:0}.icon-bulb-pair{gap:5px;height:90px}.icon-bulb-pair img{width:65px;height:65px}.icon-abstract-art{height:90px}.icon-abstract-comparisons h3,.icon-context-comparison h3,.icon-audience-comparison h3,.icon-evidence-rule h3{font-size:22px}.icon-abstract-comparisons p,.icon-audience-comparison p{font-size:17px}.icon-context-comparison{grid-template-columns:1fr;gap:35px}.icon-desktop-context,.icon-ar-context{height:220px}.icon-monitor{height:170px}.icon-screen-parking{height:85px;width:85px;font-size:65px}.icon-ar-context>img{height:210px}.icon-context-comparison figcaption{margin-top:18px}.icon-evidence-number{font-size:35px}.icon-evidence-bridge>article>p{min-height:0}.icon-evidence-rule{margin-top:14px;padding-top:14px}body[data-project=icon-colors] #guidelines .section-visuals{grid-template-columns:1fr;gap:30px}body[data-project=icon-colors] #guidelines .figure-media{height:90px}body[data-project=icon-colors] #guidelines .figure-media img{max-width:290px;height:90px}.icon-audience-comparison{gap:30px}.icon-audience-crop{width:88px;height:88px}.icon-audience-crop img{width:198.564px!important;height:113.949px!important}.icon-audience-music img{left:-106.051px}.icon-audience-comparison h3{font-size:22px}.icon-audience-comparison figcaption p{font-size:17px}.icon-audience-note{font-size:17px}.icon-gradient-specimens{gap:10px}}
/* 18:52 revision: a full-width abstract, source-grounded research plan, stable comparisons. */
body[data-project=icon-colors] #abstract.icon-prose-abstract>.section-body{max-width:none;width:100%;display:block;margin-top:22px}
body[data-project=icon-colors] #abstract.icon-prose-abstract>.section-body p{max-width:none}
body[data-project=icon-colors] #workshop,body[data-project=icon-colors] #future{display:block}
body[data-project=icon-colors] #workshop>.section-heading,body[data-project=icon-colors] #future>.section-heading{max-width:none}
body[data-project=icon-colors] #workshop>.section-body,body[data-project=icon-colors] #future>.section-body{position:static;max-width:100%;margin-top:24px}
.icon-research-plan{margin-top:32px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.7fr);gap:55px;align-items:center}
.icon-workshop-library{margin:0;max-width:330px}.icon-workshop-library img{width:100%;height:auto;display:block}.icon-workshop-library figcaption{display:block!important;text-align:center;margin-top:18px;padding:0!important;font:400 16px/1.45 var(--font-body);color:var(--muted)}
.icon-study-timeline>p{margin:0 0 24px}.icon-study-timeline>p>strong{display:block;font:600 24px/1.25 var(--font-body);color:var(--ink);margin-bottom:8px}.icon-study-timeline>p>span{display:block;font:400 18px/1.5 var(--font-body);color:var(--muted)}
.icon-study-timeline ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:28px}.icon-study-timeline li{padding-top:18px;border-top:1px solid var(--accent);position:relative}.icon-study-timeline li>span{display:block;color:var(--accent);font:500 14px/1 var(--font-body);margin-bottom:17px}.icon-study-timeline li>h3{font:600 20px/1.3 var(--font-body);margin:0 0 10px}.icon-study-timeline li>p{font:400 18px/1.45 var(--font-body);margin:0;color:var(--muted)}
.icon-context-comparison figcaption p{margin:12px 0 0}.icon-context-comparison figcaption p>strong{color:var(--accent)}.icon-context-comparison small{margin-top:14px}
.icon-evidence-art{height:112px;display:flex;align-items:center;margin:22px 0 16px;gap:18px}.icon-evidence-bulbs img{width:96px;height:96px;object-fit:contain}.icon-source-detail{height:88px;display:block;position:relative;overflow:hidden}.icon-source-detail img{position:absolute;top:0;width:316.8px!important;height:88px!important;max-width:none!important}.icon-source-outline{width:202.4px}.icon-source-outline img{left:0}.icon-source-gray{width:88px}.icon-source-gray img{left:-228.8px}
body[data-project=icon-colors] #refinement>.section-body{grid-column:1/-1;grid-row:2;display:block;width:100%;max-width:none;justify-self:stretch;margin:16px 0 0}
body[data-project=icon-colors] #refinement>.section-visuals{grid-column:1/-1;grid-row:3;width:100%;max-width:none}
body[data-project=icon-colors] #refinement .icon-refinement-lab{max-width:none}
.icon-design-gallery{width:100%;min-width:0}.icon-design-gallery>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:18px 0;color:var(--ink)}.icon-design-gallery>summary::-webkit-details-marker{display:none}.icon-design-gallery>summary strong{display:block;font:600 24px/1.25 var(--font-body)}.icon-design-gallery>summary small{display:block;font:400 16px/1.45 var(--font-body);color:var(--muted);margin-top:8px}.icon-gallery-toggle{font-size:32px;line-height:1}.icon-design-gallery[open] .icon-gallery-toggle{rotate:45deg}.icon-design-gallery>summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.icon-design-gallery:not([open]) .icon-alternatives-cover{display:grid!important}.icon-alternatives-cover{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;padding:16px 0 8px}.icon-alternatives-cover figure{margin:0;text-align:center}.icon-alternatives-cover img{display:block;width:110px;height:110px;margin:auto;object-fit:contain}.icon-alternatives-cover figcaption{display:block!important;text-align:center;padding:15px 0 0!important;margin:0;font:400 18px/1.4 var(--font-body)}.icon-design-gallery[open] .icon-alternatives-cover{display:none}
.icon-alternatives-all{display:grid;gap:35px;margin-top:18px}.icon-alternative-family{min-width:0}.icon-alternative-family h4{font:600 20px/1.3 var(--font-body);margin:0 0 20px;color:var(--ink)}.icon-alternative-family>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px}.icon-alternative-family figure{margin:0;min-width:0}.icon-alternative-family img{display:block;width:100%;height:auto;max-width:110px;margin:0 auto;object-fit:contain}.icon-alternative-family figcaption{display:block!important;text-align:center;font:400 14px/1.4 var(--font-body);color:var(--muted);padding:12px 0 0!important;margin:0;overflow-wrap:normal;text-wrap:pretty}
body[data-project=icon-colors] #future .insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:32px}body[data-project=icon-colors] #future .insight{display:block;padding:0;border:0}body[data-project=icon-colors] #future .insight>.small-number{display:block;color:var(--accent);margin-bottom:15px}body[data-project=icon-colors] #future .insight h3{margin-bottom:12px}
@media(max-width:850px){.icon-research-plan{grid-template-columns:1fr;gap:30px}.icon-workshop-library{max-width:340px;margin:auto}.icon-alternative-family>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}.icon-alternative-family img{max-width:95px}}
@media(max-width:700px){body[data-project=icon-colors] #abstract.icon-prose-abstract{display:block}body[data-project=icon-colors] #refinement>.section-body{order:1;margin:10px 0 0}body[data-project=icon-colors] #refinement>.section-visuals{order:2}.icon-study-timeline ol{grid-template-columns:1fr;gap:20px}.icon-study-timeline li{display:grid;grid-template-columns:30px 1fr;gap:8px 14px;padding-top:15px}.icon-study-timeline li>span{grid-column:1;grid-row:1/3;margin-top:5px}.icon-study-timeline li>h3{grid-column:2;margin:0}.icon-study-timeline li>p{grid-column:2}.icon-evidence-art{margin-top:18px}.icon-alternatives-cover{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.icon-alternative-family>div{gap:22px 12px}.icon-alternative-family figcaption{font-size:13px}.icon-design-gallery>summary strong{font-size:22px}.icon-alternatives-all{gap:32px}body[data-project=icon-colors] #future .insights{grid-template-columns:1fr;gap:28px}}

body[data-project=icon-colors] #refinement>.section-body p+p{margin-top:16px}
.icon-alternatives-cover img,.icon-alternative-family img{border-radius:50%}
@media(max-width:540px){.icon-alternative-family>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.icon-alternative-family figcaption{min-height:42px;font-size:16px}.icon-alternative-family img{max-width:100px}}
/* Compact comparisons use original exported icon details, once each in this chapter. */
.icon-abstract-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:28px}.icon-abstract-pairs figure{margin:0;min-width:0}.icon-abstract-pair-art{height:94px;display:flex;gap:18px;align-items:center}.icon-abstract-pair-art>img{display:block;width:82px;height:82px;object-fit:contain}.icon-abstract-t-pair{display:block;position:relative;width:185px;height:84px;overflow:hidden}.icon-abstract-t-pair img{position:absolute;left:0;top:0;width:280px!important;height:96.13px!important;max-width:none!important}.icon-abstract-pairs figcaption{display:block!important;margin:14px 0 0;padding:0!important}.icon-abstract-pairs h3{font:600 20px/1.3 var(--font-body);margin:0 0 6px}.icon-abstract-pairs p{font:400 16px/1.45 var(--font-body);color:var(--muted);margin:0}
@media(max-width:700px){.icon-abstract-pairs{grid-template-columns:1fr;gap:24px}.icon-abstract-pairs figure{display:grid;grid-template-columns:136px minmax(0,1fr);gap:18px;align-items:center}.icon-abstract-pair-art{height:70px;gap:8px}.icon-abstract-pair-art>img{width:62px;height:62px}.icon-abstract-t-pair{width:136px;height:64px}.icon-abstract-t-pair img{width:210px!important;height:72.1px!important}.icon-abstract-pairs figcaption{margin:0}.icon-abstract-pairs h3{font-size:18px}.icon-abstract-pairs p{font-size:16px}}

/* The final experiment treatments remain visible together, at their original proportions. */
.icon-tested-treatments{margin:22px 0 32px}
.icon-tested-treatments h4{font:600 20px/1.3 var(--font-body);margin:0 0 22px}
.icon-tested-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:20px;align-items:start}
.icon-tested-row figure{margin:0;min-width:0;text-align:center}
.icon-tested-art{display:block;position:relative;width:min(76px,100%);aspect-ratio:1;margin:0 auto}
.icon-tested-art>img{position:absolute;display:block;max-width:none!important;margin:0;object-fit:fill;border-radius:0}
.icon-tested-row figcaption{display:block!important;text-align:center;padding:14px 0 0!important;margin:0;font:400 14px/1.4 var(--font-body);color:var(--muted);text-wrap:pretty}
.icon-alternative-family>div{gap:18px}
.icon-alternative-family img{max-width:68px}
.icon-alternatives-all{gap:24px}
.icon-alternative-family h4{margin-bottom:14px}
.icon-alternative-family figcaption{font-size:13px;padding-top:10px!important}
@media(max-width:1050px){.icon-tested-row{gap:12px}.icon-tested-art{width:62px}.icon-tested-row figcaption{font-size:12px}}
@media(max-width:760px){.icon-tested-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}.icon-tested-art{width:68px}.icon-tested-row figcaption{font-size:14px;min-height:42px}.icon-alternative-family img{max-width:66px}.icon-alternative-family figcaption{font-size:14px}}