/* Source screenshots, original drafts and native captures are shown as annotated details. */
html:has(body[data-article-id="from-mobbin-to-a-working-dashboard"]){scroll-behavior:auto}
.sd-head{max-width:1000px;padding-block:40px 30px}
.sd-head h1{font-size:clamp(40px,5.3vw,64px)}
.sd-head .eyebrow{margin-bottom:18px}
.sd-head .deck{max-width:730px;font-size:21px}
.sd-content{margin-top:0}
.sd-content .prose{max-width:760px}
.sd-content .prose p:first-child{margin-top:0}
.sd-lead{font-size:20px;line-height:1.6}
.sd-lead p{margin-top:0}
.sd-lead p+p{margin-top:18px}
.sd-content .chapter{padding-top:50px}
.sd-content .chapter>h2{max-width:760px;font-size:clamp(27px,3.2vw,36px);line-height:1.15;letter-spacing:-.035em;margin-bottom:22px}
.sd-content .jump-links{margin-top:0;padding-bottom:18px}
.sd-content a{overflow-wrap:anywhere}
.sd-resource-line{font-size:15px;max-width:760px;margin-block:20px 0}
.sd-list{max-width:760px;padding-left:24px;margin:22px 0}
.sd-list li{padding-left:5px}
.sd-list li+li{margin-top:16px}
.sd-details{margin-top:28px;border-block:1px solid var(--line);padding:18px 0;max-width:860px}
.sd-details summary{cursor:pointer;font-size:17px;font-weight:600;min-height:32px}
.sd-details p{font-size:16px;line-height:1.65;margin-top:20px;max-width:760px}
.sd-details .sd-list{font-size:16px}
.sd-content a:focus-visible,.sd-details summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.sd-brief{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:13px/1.7 var(--mono);background:#f5f5f5;padding:20px;margin:20px 0 0}
.sd-comparison,.sd-data-figure{margin-block:32px;padding-block:24px;border-block:1px solid var(--line)}
.sd-comparison>:is(h2,h3),.sd-data-figure>:is(h2,h3){font:600 clamp(23px,2.6vw,30px)/1.2 var(--display);letter-spacing:-.025em;max-width:760px;margin:8px 0 24px}
.sd-figure-label{font:400 13px/1.5 var(--body);color:var(--muted);margin:0}
.sd-example-layouts{display:grid;grid-template-columns:1fr 1.12fr;gap:36px;align-items:start}
.sd-example-layouts>section>:is(h3,h4){font:600 16px/1.4 var(--body);letter-spacing:0;margin:0 0 16px}
.sd-example-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sd-example-card{min-width:0;border:1px solid var(--line);padding:14px;background:#fafafa}
.sd-example-card :is(h4,h5){font:600 15px/1.4 var(--body);letter-spacing:0;min-height:2.8em;margin:0 0 14px}
.sd-example-card dl{font:400 14px/1.5 var(--body);margin:0}
.sd-example-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.sd-example-card dl>div+div{margin-top:6px}
.sd-example-card dt{color:var(--muted);font-size:12px}
.sd-example-card dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.sd-example-table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:15px;line-height:1.45}
.sd-example-table th,.sd-example-table td{padding:13px 8px;border-bottom:1px solid var(--line)}
.sd-example-table thead th{font-size:12px;font-weight:500;color:var(--muted);vertical-align:bottom}
.sd-example-table th:first-child{width:50%;text-align:left;padding-left:0}
.sd-example-table tbody th{font-weight:500}
.sd-example-table td,.sd-example-table thead th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.sd-example-table td{white-space:nowrap}
.sd-example-table th:last-child,.sd-example-table td:last-child{padding-right:0}
.sd-comparison figcaption,.sd-data-figure figcaption{font-size:14px;line-height:1.6;color:var(--muted);max-width:760px;margin-top:22px}
.sd-comparison figcaption a,.sd-data-figure figcaption a{margin-left:4px}
.sd-comparison figcaption code{font:12px var(--mono)}
.sd-data-figure{max-width:760px}
.sd-data-figure>:is(h2,h3){margin-bottom:14px}
.sd-moment{font:400 17px/1.5 var(--body);margin:0 0 14px}
.sd-moment strong{font-weight:600;font-variant-numeric:tabular-nums}
.sd-axis-title{font:400 14px/1.5 var(--body);color:var(--muted);margin:0 0 6px}
.sd-retention-chart{display:block;width:100%;height:auto}
.sd-chart-grid line{stroke:var(--line);stroke-width:1}
.sd-chart-labels text{font:16px var(--body);fill:var(--muted)}
.sd-chart-curve{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.sd-chart-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.sd-chart-selected{fill:var(--orange,#ff5a00);stroke:var(--paper);stroke-width:2}
.sd-implementation-note{max-width:760px;margin-top:24px;padding-left:16px;border-left:2px solid var(--line)}
.sd-implementation-note p{font-size:14px;line-height:1.6;color:var(--muted)}
.sd-source-note{margin-top:42px}
.sd-source-note summary{font-size:15px}
.sd-kit{padding:22px 24px;margin-top:28px;margin-bottom:24px;background:#fafafa;max-width:860px}
.sd-kit :is(h2,h3){font:600 20px/1.3 var(--body);letter-spacing:-.01em}
.sd-kit p{font-size:16px;line-height:1.6;max-width:740px;margin-top:12px}
.sd-kit .sd-kit-note{font-size:14px;color:var(--muted)}
.sd-kit-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.sd-kit-links a{min-height:44px;display:inline-flex;align-items:center;font-weight:600}
.sd-checksum{overflow-wrap:anywhere;font-size:13px!important;font-family:var(--mono)}
@media(max-width:800px){.sd-example-layouts{grid-template-columns:1fr;gap:28px}.sd-example-table{font-size:16px}.sd-example-card :is(h4,h5){min-height:0}.sd-comparison{max-width:760px}}
@media(max-width:600px){.sd-head{padding-top:30px}.sd-head h1{font-size:36px}.sd-head .deck{font-size:19px}.sd-head .meta{line-height:1.6}.sd-lead{font-size:18px}.sd-content .chapter{padding-top:40px}.sd-comparison,.sd-data-figure{margin-block:24px;padding-block:20px}.sd-example-layouts{gap:26px}.sd-example-cards{gap:10px}.sd-example-card{padding:12px}.sd-example-card :is(h4,h5){font-size:15px;min-height:2.8em}.sd-example-card dl>div{gap:6px}.sd-example-table{font-size:14px}.sd-example-table th,.sd-example-table td{padding:12px 6px}.sd-example-table thead th{font-size:12px}.sd-chart-labels text{font-size:24px}.sd-brief{font-size:12px;padding:16px}.sd-kit{padding:20px}}

.sd-proof{margin:30px 0 36px;padding:24px 0;border-block:1px solid var(--line)}
.sd-proof>h3{font:600 clamp(21px,2.5vw,28px)/1.2 var(--display);letter-spacing:-.025em;margin:8px 0 22px}
.sd-proof figcaption,.sd-reference figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:780px}
.sd-proof figcaption strong,.sd-reference figcaption strong{color:var(--ink);font-weight:600}
.sd-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.sd-shot{min-width:0;margin:0}
.sd-shot h3,.sd-shot h4{font:600 16px/1.4 var(--body);letter-spacing:0;margin:0 0 12px}
.sd-shot>p:not(.sd-figure-label){font-size:15px;line-height:1.55;margin-top:14px;max-width:650px}
.sd-reference{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 30px;padding-block:28px;border-top:1px solid var(--line);margin:0}
.sd-reference[id]{scroll-margin-top:24px}
.sd-reference:first-of-type{margin-top:28px}
.sd-reference h3{font:600 20px/1.3 var(--body);letter-spacing:-.015em;margin:4px 0 14px}
.sd-reference-source,.sd-reference-use{min-width:0}
.sd-reference-use>p{font-size:16px;line-height:1.6;margin:0 0 18px;max-width:530px}
.sd-reference .sd-transfer{grid-column:1/-1;margin:0}
.sd-reference>figcaption{grid-column:1/-1;margin-top:0}
.sd-reference-source>.sd-transfer,.sd-reference-use>.sd-transfer{margin-top:14px;font-size:16px}
.sd-transfer{padding-left:16px;border-left:3px solid var(--orange,#ff5a00);font-size:17px;line-height:1.55;max-width:780px;margin:22px 0}
.sd-prompt{font-size:16px;line-height:1.55;margin:18px 0;padding-left:16px;border-left:2px solid var(--line)}
.sd-prompt p{margin:0 0 6px}
.sd-prompt cite{font-style:normal;font-size:13px;color:var(--muted)}
.sd-annotation{font-size:16px;line-height:1.55;margin:16px 0 0;max-width:780px}
.sd-annotation strong{color:var(--ink)}
.sd-crop{display:block;position:relative;overflow:hidden;aspect-ratio:var(--crop-aspect,2);background:#fff;border:1px solid var(--line);width:100%;isolation:isolate}
.sd-crop img{position:absolute;display:block;width:var(--crop-width,100%);max-width:none;height:auto;left:var(--crop-left,0);top:var(--crop-top,0);margin:0;border:0;border-radius:0}
.sd-crop:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.sd-shot>a,.sd-native>a{display:block}
.sd-native{max-width:980px}
.sd-native .sd-crop{margin-top:14px}
.sd-equation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-block:24px}
.sd-equation>div,.sd-equation>section{padding:18px 0;border-top:2px solid var(--ink);min-width:0}
.sd-equation h3{font:600 16px/1.4 var(--body);letter-spacing:0;margin:0 0 14px}
.sd-equation p{font-size:16px;line-height:1.6;margin:8px 0}
.sd-equation .sd-result{font:600 clamp(28px,3.3vw,40px)/1.2 var(--body);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:16px 0 6px}
.sd-reading{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;font:400 15px/1.5 var(--body);font-variant-numeric:tabular-nums}
.sd-reading strong{font-size:24px;font-weight:600;color:var(--ink)}
.sd-state-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 0}
.sd-state-strip dt{font-size:14px;font-weight:600;margin:0 0 10px}
.sd-state-strip dd{margin:0}
.sd-state-strip>div{border-top:1px solid var(--line);padding-top:16px;min-width:0}
.sd-state-strip strong{display:block;font:500 32px/1.2 var(--body);font-variant-numeric:tabular-nums;margin:4px 0 10px}
.sd-state-strip p{font-size:14px;line-height:1.55;margin:0}
.sd-state-strip span{font-size:13px;color:var(--muted)}
.sd-artifact-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:26px 0;gap:22px;counter-reset:artifact}
.sd-artifact-flow>li{counter-increment:artifact;border-top:1px solid var(--line);padding-top:16px;min-width:0}
.sd-artifact-flow h3{font:600 18px/1.3 var(--body);letter-spacing:0;margin:0 0 10px}
.sd-artifact-flow p{font-size:15px;line-height:1.6;margin:0}
.sd-artifact-flow strong{display:block;font:600 19px/1.3 var(--body);margin:0 0 8px}
.sd-artifact-flow span{display:block;font-size:15px;line-height:1.6}
.sd-artifact-flow code{font:13px var(--mono);overflow-wrap:anywhere}
.sd-content .sd-inline-note{font-size:14px;line-height:1.65;color:var(--muted);max-width:780px;margin:16px 0 0}
.sd-native-pair{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.sd-proof.sd-shot{margin:30px 0 36px}
.sd-equation>.sd-annotation{margin:0}
.sd-equation:not(.sd-reading-packets)>div:first-child>p:last-child{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.035em;margin-top:20px;font-variant-numeric:tabular-nums}
.sd-equation:not(.sd-reading-packets) [data-latest-views]>p:nth-child(2){font-size:clamp(25px,3vw,34px);line-height:1.25;margin-top:20px;font-variant-numeric:tabular-nums}
.sd-content .chapter{scroll-margin-top:24px}
@media(max-width:800px){.sd-pair,.sd-reference,.sd-native-pair{grid-template-columns:1fr;gap:22px}.sd-reference .sd-transfer{grid-column:auto}.sd-reference{padding-block:24px}.sd-shot{max-width:760px}.sd-equation{gap:20px}.sd-artifact-flow{gap:18px}}
@media(max-width:600px){.sd-proof{margin:24px 0 28px;padding-block:20px}.sd-reference h3{font-size:20px}.sd-reference-use>p{font-size:16px}.sd-reference figcaption,.sd-proof figcaption{font-size:14px}.sd-pair{gap:26px}.sd-equation{grid-template-columns:1fr;gap:12px}.sd-state-strip{gap:12px}.sd-state-strip p{font-size:13px}.sd-artifact-flow{grid-template-columns:1fr;gap:18px}.sd-artifact-flow>li{padding-top:14px}.sd-transfer{font-size:16px}.sd-prompt{font-size:15px}.sd-native{max-width:100%}}

/* Original-pixel detail viewports; geometry is documented in visual-sources.json. */
.crop-ref-vimeo{--crop-width:182.85714%;--crop-left:-33.33333%;--crop-top:-323.21429%;--crop-aspect:1050/280}
.crop-ref-tiktok{--crop-width:266.66667%;--crop-left:-52.77778%;--crop-top:-507.89474%;--crop-aspect:720/190}
.crop-ref-later{--crop-width:241.50943%;--crop-left:-140.88050%;--crop-top:-447.05882%;--crop-aspect:795/170}
.crop-ref-loom{--crop-width:143.82022%;--crop-left:-33.33333%;--crop-top:-116.84211%;--crop-aspect:1335/475}
.crop-concept-library{--crop-width:129.86900%;--crop-left:-27.07424%;--crop-top:-35.21127%;--crop-aspect:1145/710}
.crop-concept-player{--crop-width:128.74459%;--crop-left:-25.88745%;--crop-top:-32.30769%;--crop-aspect:1155/650}
.crop-concept-grid{--crop-width:129.86900%;--crop-left:-27.07424%;--crop-top:-35.21127%;--crop-aspect:1145/710}
.crop-concept-stats{--crop-width:128.74459%;--crop-left:-25.88745%;--crop-top:-65.93407%;--crop-aspect:1155/455}
.crop-native-library{--crop-width:146.66667%;--crop-left:-3.33333%;--crop-top:-137.25490%;--crop-aspect:1500/357}
.crop-native-watch{--crop-width:151.72414%;--crop-left:-2.75862%;--crop-top:-44.70588%;--crop-aspect:1450/850}
.crop-native-activity{--crop-width:151.72414%;--crop-left:-2.75862%;--crop-top:-51.35135%;--crop-aspect:1450/740}
.crop-native-inspector{--crop-width:366.66667%;--crop-left:-260.00000%;--crop-top:-81.81818%;--crop-aspect:600/550}
.crop-native-performance{--crop-width:104.26540%;--crop-left:-2.13270%;--crop-top:-18.69159%;--crop-aspect:2110/535}

/* A single task carries the notebook; every visual has one job. */
.sd-head h1{max-width:1000px;font-size:clamp(38px,4.7vw,60px);line-height:1.04}
.sd-head .deck{max-width:800px;font-size:21px;line-height:1.5}
.sd-opening-proof{margin-top:12px}
.sd-brief-pair{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:42px}
.sd-task-brief{padding-left:24px;border-left:3px solid var(--orange,#ff5a00);min-width:0}
.sd-task-brief blockquote{font:400 clamp(20px,2.3vw,29px)/1.3 var(--body);letter-spacing:-.025em;margin:10px 0 24px}
.sd-task-brief h2{font:600 clamp(23px,2.8vw,34px)/1.15 var(--body);letter-spacing:-.035em;margin:10px 0 24px}
.sd-task-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:16px}
.sd-task-map li{border-top:1px solid var(--line);padding-top:12px;min-width:0;position:relative}
.sd-task-map li+li:before{content:'→';position:absolute;left:-16px;top:14px;color:var(--muted)}
.sd-task-map strong{display:block;font:600 15px/1.4 var(--body)}
.sd-task-map span{display:block;font:400 13px/1.5 var(--body);margin-top:4px;color:var(--muted)}
.sd-carry{max-width:780px;border-left:3px solid var(--ink);padding:8px 0 8px 20px;margin:30px 0}
.sd-carry>span{font:400 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.sd-carry>p{font-size:20px;line-height:1.5;letter-spacing:-.015em;margin:8px 0 0}
.sd-prompt-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:980px;margin:24px 0}
.sd-prompt-pair .sd-prompt{margin:0}
.sd-prompt-response>p:last-child{font:600 clamp(23px,3vw,32px)/1.2 var(--body);letter-spacing:-.03em;margin:10px 0 0}
.sd-grid-revision>.sd-pair{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:42px}
.sd-revision-verdict h3{font:600 clamp(25px,3vw,34px)/1.15 var(--body);letter-spacing:-.035em;margin:12px 0}
.sd-revision-verdict>p{font-size:17px;line-height:1.55;max-width:450px}
.sd-revision-verdict .sd-question{font:600 25px/1.25 var(--body);letter-spacing:-.025em;margin:12px 0}
.sd-revision-verdict p.sd-figure-label{font-size:13px;margin-top:22px}
.sd-handoff{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:28px 0}
.sd-handoff li{border-top:1px solid var(--line);padding-top:16px;min-width:0}
.sd-handoff li>span{display:block;font:400 12px/1.5 var(--mono);color:var(--muted);margin-bottom:12px}
.sd-handoff strong{display:block;font:600 18px/1.3 var(--body);letter-spacing:-.015em}
.sd-handoff p{font-size:15px;line-height:1.5;margin:10px 0 0}
.sd-kit{background:#fff;border-block:2px solid var(--ink);padding:24px 0;max-width:980px}
.sd-kit>:is(h2,h3){font:600 clamp(24px,3vw,32px)/1.2 var(--body);margin-top:10px}
.sd-kit .sd-artifact-flow{margin-block:24px}
@media(max-width:800px){.sd-brief-pair,.sd-grid-revision>.sd-pair{grid-template-columns:1fr;gap:26px}.sd-task-brief{padding-left:20px}.sd-prompt-pair{grid-template-columns:1fr;gap:24px}.sd-handoff{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sd-head h1{font-size:38px}.sd-head .deck{font-size:19px}.sd-task-brief h2{font-size:28px}.sd-task-map{gap:14px}.sd-task-map span{font-size:12px}.sd-carry>p{font-size:18px}.sd-grid-revision .sd-shot{max-width:560px}.sd-handoff{gap:20px 14px}.sd-handoff strong{font-size:17px}.sd-handoff p{font-size:14px}}

/* Original explanatory models, distinct from screenshots and measured plots. */
.sd-premise{padding-top:28px}
.sd-premise>:is(h2,h3){font:600 clamp(27px,3.2vw,36px)/1.15 var(--display);letter-spacing:-.035em;margin:0 0 22px;max-width:760px}
.sd-vague-request{font:600 clamp(30px,4vw,46px)/1.15 var(--body);letter-spacing:-.035em;margin:20px 0 28px;text-align:center}
.sd-meanings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sd-meanings>section{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.sd-meanings :is(h3,h4){font:600 19px/1.3 var(--body);letter-spacing:-.015em;margin:0 0 12px;min-height:2.6em}
.sd-meanings svg{display:block;width:100%;height:auto;max-height:130px;color:var(--ink)}
.sd-meanings p{font-size:15px;line-height:1.5;margin:14px 0 0}
.sd-highlight-control{display:flex;align-items:center;gap:10px;font:400 15px/1.5 var(--body);min-height:44px;margin:-10px 0 22px;width:fit-content;cursor:pointer}
.sd-highlight-control input{width:18px;height:18px;accent-color:var(--ink);flex:none}
.sd-comparison:has(#compare-fields:checked) .sd-example-card dl>div:last-child dd,.sd-comparison:has(#compare-fields:checked) .sd-example-table tbody td:last-child{background:#fff0e6;box-shadow:inset 0 -2px #9c3500;color:#722700;font-weight:600}
.sd-comparison:has(#compare-fields:checked) .sd-example-card dl>div:last-child dd{padding-inline:3px}
.sd-reading-packets{gap:28px}
.sd-reading-packets>.sd-reading-packet{border:1px solid var(--line);border-top:3px solid var(--ink);padding:22px 24px;position:relative}
.sd-reading-packet h3{margin:12px 0 20px;font-size:19px}
.sd-packet-inputs{display:flex;gap:32px;align-items:start;margin:0 0 24px;flex-wrap:wrap}
.sd-packet-inputs dt{font:400 14px/1.5 var(--body);color:var(--muted)}
.sd-packet-inputs dd{font:500 32px/1.2 var(--body);letter-spacing:-.025em;margin:6px 0 0;font-variant-numeric:tabular-nums}
.sd-reading-packets .sd-packet-formula{border-top:1px solid var(--line);padding-top:14px;font-size:16px;letter-spacing:0}
.sd-reading-packets .sd-packet-result{font:400 16px/1.4 var(--body);letter-spacing:0;margin:16px 0 0}
.sd-packet-result strong{display:block;font:600 clamp(38px,4vw,48px)/1.1 var(--body);letter-spacing:-.04em;margin-bottom:6px}
.sd-packet-result span{font-size:15px}
.sd-mixed-reading{border-top:1px dashed #999;padding-top:14px;margin-top:28px}
.sd-mixed-reading p{font-size:15px}
.sd-mixed-reading s{font:500 28px/1.3 var(--body);color:#842c16;text-decoration-thickness:2px;margin-right:8px}
.sd-mixed-reading span{font-size:14px}
.sd-question-ladder{list-style:none;padding:0;margin:24px 0 0;max-width:980px}
.sd-question-ladder li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;padding:20px 0;border-top:1px solid var(--line);position:relative}
.sd-artifact-name{font:500 15px/1.5 var(--body);padding-top:2px}
.sd-question-ladder li+li .sd-artifact-name:before{content:'↓';display:inline-block;color:var(--muted);margin-right:10px}
.sd-question-ladder strong{font:600 clamp(20px,2.4vw,27px)/1.2 var(--body);letter-spacing:-.025em}
.sd-question-ladder p{font-size:15px;line-height:1.5;margin:10px 0 0}
@media(max-width:800px){.sd-meanings{grid-template-columns:1fr;gap:24px}.sd-meanings>section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;align-items:center}.sd-meanings :is(h3,h4){min-height:0;margin:0}.sd-meanings svg{grid-column:2;grid-row:1/3}.sd-meanings p{margin:0}.sd-question-ladder li{grid-template-columns:115px minmax(0,1fr);gap:20px}}
@media(max-width:600px){.sd-reading-packets>.sd-reading-packet{padding:20px}.sd-packet-inputs{gap:26px}.sd-question-ladder li{grid-template-columns:1fr;gap:10px;padding-block:18px}.sd-question-ladder strong{font-size:22px}.sd-meanings :is(h3,h4){font-size:18px}.sd-meanings p{font-size:14px}}

.sd-reading-packets>.sd-reading-packet{padding:18px 20px}
.sd-reading-packet h3{margin:8px 0 12px}
.sd-packet-inputs{margin-bottom:16px}
.sd-reading-packets .sd-packet-formula{padding-top:10px}
.sd-reading-packets .sd-packet-result{margin-top:12px}
.sd-packet-result strong{font-size:44px}
.sd-question-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:none}
.sd-question-ladder li{display:block;padding:18px 0 10px}
.sd-artifact-name{display:block;font:500 14px/1.4 var(--body);margin-bottom:18px}
.sd-question-ladder li+li .sd-artifact-name:before{content:'→';margin-right:6px}
.sd-question-ladder strong{font:600 20px/1.25 var(--body);letter-spacing:-.025em}
.sd-question-ladder p{font-size:14px;line-height:1.5}
@media(max-width:800px){.sd-question-ladder{grid-template-columns:1fr;gap:0}.sd-question-ladder li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;padding:18px 0}.sd-artifact-name{margin:0}.sd-question-ladder li+li .sd-artifact-name:before{content:'↓'}.sd-question-ladder strong{font-size:21px}}
@media(max-width:600px){.sd-question-ladder li{grid-template-columns:1fr;gap:10px}.sd-question-ladder strong{font-size:22px}.sd-reading-packets>.sd-reading-packet{padding:18px}}

.crop-starting-performance{--crop-width:100%;--crop-left:0%;--crop-top:0%;--crop-aspect:2216/946}
.sd-opening-proof>.sd-figure-label{margin-bottom:12px}
.sd-task-appendix .sd-premise{padding-top:22px}

.sd-opening-proof{max-width:980px}

.sd-example-card :is(h4,h5) small,.sd-real-comparison tbody th small{display:block;font:400 12px/1.5 var(--body);color:var(--muted);margin-top:3px}
.sd-example-card :is(h4,h5) a{text-decoration-thickness:1px;text-underline-offset:3px}
.sd-real-comparison .sd-example-table th:first-child{width:35%}
.sd-real-comparison .sd-example-card :is(h4,h5){min-height:3.5em}
.sd-real-comparison .sd-example-card dl>div:last-child{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
@media(max-width:600px){.sd-real-comparison .sd-example-table{font-size:14px}.sd-real-comparison .sd-example-table thead th{font-size:12px}.sd-real-comparison .sd-example-table th,.sd-real-comparison .sd-example-table td{padding-inline:4px}.sd-real-comparison .sd-example-table th:first-child{width:31%}.sd-real-comparison .sd-example-card dt{font-size:12px}.sd-real-comparison .sd-example-card dl>div{flex-wrap:wrap;gap:2px}.sd-real-comparison .sd-example-card dd{margin-left:auto}}

/* Preserve the visual hierarchy with semantic headings and readable methods. */
.sd-reading-packets .sd-reading-date{font:600 19px/1.4 var(--body);letter-spacing:0;margin:8px 0 12px}
.sd-comparison figcaption p{font:inherit;letter-spacing:0;max-width:none;margin:0}
.sd-comparison figcaption p+p{margin-top:12px}
.sd-carry ul{font:400 17px/1.55 var(--body);letter-spacing:0;padding-left:22px;margin:14px 0}
.sd-carry li+li{margin-top:8px}

/* Keep the reusable request choices aligned beneath the historical pipeline. */
.sd-next-request{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.sd-next-request h3{font:600 24px/1.25 var(--body);letter-spacing:-.025em;margin:8px 0 12px}
.sd-next-request .sd-next-start{font:400 15px/1.5 var(--body);max-width:760px;margin:0 0 16px}
.sd-next-request dl{font:400 15px/1.5 var(--body);margin:0}
.sd-next-request dl>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:12px 0;border-top:1px solid var(--line)}
.sd-next-request dt{font-weight:600}
.sd-next-request dd{margin:0;max-width:740px}
.sd-adapted-handoff{margin:22px 0;padding-block:18px;border-block:1px solid var(--line)}
.sd-adapted-handoff>p:not(.sd-figure-label),.sd-adapted-handoff blockquote p{font:400 17px/1.55 var(--body);letter-spacing:0;margin:10px 0 0;max-width:730px}
.sd-adapted-handoff blockquote{margin:14px 0 0;padding:0 0 0 16px;border-left:2px solid var(--line)}
@media(max-width:600px){.sd-next-request dl>div{grid-template-columns:1fr;gap:5px}.sd-next-request h3{font-size:22px}}

/* Research precedes generated and implemented results in the narrative. */
.sd-research-reference{max-width:760px}
.sd-research-reference>.sd-figure-label{margin-bottom:12px}