.article-study.concept-page{width:100%;min-width:0;max-width:none;margin:28px 0;padding:0;scroll-margin-top:100px;container:article-study/inline-size}.article-study .concept-experiment-bar h3{color:inherit;letter-spacing:0;text-wrap:initial;margin:0;font-size:14px;font-weight:700;line-height:1.4}.article-study .concept-experiment[data-experiment=kernel] .concept-experiment-bar h3{align-items:center;gap:12px;display:flex}.article-study-footer{color:var(--guide-muted);gap:12px;padding:12px 4px 0;font-size:12px;line-height:1.65;display:grid}.article-study-footer p{margin:0}.article-study-caption{color:var(--guide-ink)}.article-study-instructions summary,.article-study .kernel-embedded-details>summary{width:fit-content;max-width:100%;color:var(--guide-ink);cursor:pointer;padding:4px 0;font-size:12px;font-weight:600}.article-study-instructions summary:focus-visible,.article-study .kernel-embedded-details>summary:focus-visible{outline:2px solid var(--guide-accent);outline-offset:3px}.article-study-instructions ol{margin:10px 0;padding-left:22px;list-style:decimal}.article-study-instructions li+li{margin-top:6px}.article-study-instructions strong{color:var(--guide-ink)}.article-study-links{flex-wrap:wrap;gap:8px 24px;display:flex}.article-study-links a{color:var(--guide-accent);text-underline-offset:3px;padding-block:3px;text-decoration:underline}.article-study-links a:hover{color:var(--guide-ink)}.article-study .kernel-embedded-details{border-top:1px solid var(--guide-line);margin:0;padding:12px 16px}.article-study .kernel-pixel-section,.article-study .kernel-intuition{padding-top:24px}.article-study .kernel-section-intro h4,.article-study .kernel-intuition h4{margin:8px 0 0;font-size:20px;font-weight:600;line-height:1.3}.article-study .kernel-math-piece h5,.article-study .kernel-math-result h5{color:var(--guide-deep-muted);margin:0 0 12px;font-size:13px;font-weight:400;line-height:1.5}@container article-study (max-width:800px){.article-study .concept-experiment-bar{gap:10px;padding:8px 10px}.article-study .editing-study.concept-experiment-workbench,.article-study .editing-mandala.concept-experiment-workbench{grid-template-columns:minmax(0,1fr);gap:20px;padding:14px}.article-study .editing-controls{border-top:1px solid var(--guide-line);padding-top:18px}.article-study .editing-chain-bottom{grid-template-columns:minmax(0,1fr)}.article-study .editing-mandala-drawing{grid-template-columns:minmax(0,1fr) auto}.article-study .editing-mandala-drawing>div:first-child{grid-column:1/-1}.article-study .editing-mandala .editing-surface{max-width:440px}.article-study .color-study-workbench{padding:16px}.article-study .color-study-split{grid-template-columns:minmax(0,1fr);gap:20px}.article-study .color-study-harmony-visual,.article-study .color-study-delta-visual,.article-study .color-study-adaptation-visual,.article-study .color-study-light-mixer{gap:20px;padding:16px}.article-study .filter-study-toolbar{gap:12px;padding:12px 16px}.article-study .filter-study-panel{padding:16px}.article-study .filter-study-grid-three{grid-template-columns:minmax(0,1fr)}.article-study .filter-study-grid-three>.filter-study-panel+.filter-study-panel{border-left:0}.article-study .gen-panel{padding:14px}.article-study .gen-math{padding:16px}.article-study .kernel-toolbar{flex-wrap:wrap;gap:10px;padding:10px 12px}.article-study .kernel-presets{gap:4px;width:100%}.article-study .kernel-presets button{padding:8px 6px;font-size:12px}.article-study .kernel-image-picker{justify-content:space-between;width:100%}.article-study .kernel-image-flow.concept-experiment-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:12px}.article-study .kernel-image-panel>figcaption{margin-bottom:10px;font-size:13px}.article-study .kernel-image-panel>figcaption>span,.article-study .kernel-caption output,.article-study .kernel-playback>p{display:none}.article-study .kernel-editor-panel{grid-area:2/1/auto/-1;grid-template-columns:minmax(120px,145px) minmax(0,1fr);gap:0 18px;display:grid}.article-study .kernel-panel-label{grid-column:1;margin-bottom:8px;font-size:13px}.article-study .kernel-coefficients{grid-area:2/1/5}.article-study .kernel-coefficients:before,.article-study .kernel-coefficients:after{display:none}.article-study .kernel-coefficients input{font-size:18px}.article-study .kernel-description{text-align:left;grid-area:2/2;align-self:center;font-size:13px}.article-study .kernel-description p{font-size:12px}.article-study .kernel-divisor{flex-wrap:wrap;grid-area:3/2;justify-content:start;gap:8px;margin:8px 0;font-size:12px}.article-study .kernel-reset{text-align:left;grid-area:4/2;margin:0;padding:4px 0;font-size:12px}.article-study .kernel-playback{padding:12px}.article-study .kernel-section-intro{margin-bottom:18px;display:block}.article-study .kernel-section-intro>p{max-width:none;margin-top:10px}.article-study .kernel-math-card{padding:18px 16px 0}.article-study .kernel-equation{grid-template-columns:1fr 16px 1fr;gap:12px 8px;padding:22px 0}.article-study .kernel-operator:nth-of-type(2){display:none}.article-study .kernel-math-result{border-top:1px solid var(--guide-deep-line);grid-column:1/-1;padding-top:20px}.article-study .kernel-math-result>output{font-size:64px}.article-study .kernel-idea-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:20px}.article-study .kernel-idea{border-bottom:0;flex-direction:row;gap:18px;padding:22px 0}.article-study .kernel-idea:last-child{border-bottom:1px solid var(--guide-line)}.article-study .kernel-mini-matrix{width:64px}}@container article-study (max-width:640px){.article-study .gen-two-columns,.article-study .gen-fractal-inspection,.article-study .gen-life-layout,.article-study .gen-tree-layout,.article-study .gen-reaction-layout,.article-study .gen-distribution-layout,.article-study .gen-pattern-layout,.article-study .gen-recipe-layout,.article-study .gen-julia-layout,.article-study .gen-worley-controls,.article-study .gen-elementary-settings,.article-study .gen-julia-orbit,.article-study .gen-material-construction{grid-template-columns:minmax(0,1fr)}.article-study .color-study-harmony-visual,.article-study .color-study-delta-visual,.article-study .color-study-light-mixer,.article-study .color-study-adaptation-visual,.article-study .color-study-levels-visual,.article-study .color-study-gradient-visual{grid-template-columns:minmax(0,1fr);gap:20px}.article-study .color-study-levels-images{grid-template-columns:repeat(2,minmax(0,1fr))}.article-study .color-study-botanical-print{max-width:280px}.article-study .color-study-adaptation-pipeline{justify-self:center;width:100%;max-width:280px}.article-study .color-study-adjustment-mechanisms{grid-template-columns:minmax(0,1fr);gap:20px}.article-study .filter-study-morph-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px}.article-study .filter-study-morph-operation{flex-direction:row;grid-area:2/1/auto/-1;justify-content:center}.article-study .filter-study-morph-operation .filter-study-matrix{width:85px;margin:0}.article-study .filter-study-dot-sheet,.article-study .filter-study-contact{grid-template-columns:repeat(2,minmax(0,1fr))}}@container article-study (max-width:480px){.article-study .concept-experiment-bar{flex-wrap:wrap}.article-study .concept-experiment-bar-actions{margin-left:auto}.article-study .color-study-workbench{padding:12px}.article-study .color-study-coordinate-triptych{gap:4px;padding:16px 6px}.article-study .color-study-coordinate-triptych figcaption{font-size:10px}.article-study .color-study-coordinate-ledger{grid-template-columns:minmax(0,1fr)}.article-study .color-study-coordinate-ledger>div{grid-template-columns:1rem 1fr auto 1fr}.article-study .color-study-coordinate-ledger strong{grid-column:auto}.article-study .color-study-path-rows>div{grid-template-columns:3.5rem minmax(0,1fr) 4.5rem;gap:6px}.article-study .color-study-gamma .color-study-path-rows>div{grid-template-columns:5rem minmax(0,1fr)}.article-study .color-study-uniform-strips>div{grid-template-columns:minmax(0,1fr)}.article-study .color-study-exposure-triptych{gap:8px;padding:12px}.article-study .color-study-exposure-triptych figcaption{flex-direction:column}.article-study .color-study-mapping-images{grid-template-columns:minmax(0,1fr) 1rem minmax(0,1fr);gap:6px;padding:12px}.article-study .filter-study-grid,.article-study .filter-study-coordinates{grid-template-columns:minmax(0,1fr)}.article-study .filter-study-grid>.filter-study-panel+.filter-study-panel{border-left:0}.article-study .filter-study-toolbar{gap:10px;padding:10px 12px}.article-study .filter-study-tabs button{padding-inline:6px}.article-study .editing-chain-flow{gap:7px}.article-study .editing-chain-flow figcaption{font-size:10px}.article-study .gen-warp-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.article-study .gen-warp-flow .gen-flow-arrow{display:none}.article-study .gen-rule-table{gap:3px}.article-study .gen-rule-table button{padding-inline:2px}.article-study .gen-rule-input{gap:1px}.article-study .gen-rule-input i{width:8px;height:8px}}