/* MatrAIx in the Wild: page components. Ported from Silvia Tao's standalone draft; the site template
   (css/blog-post.css and the shared header/footer) supplies layout, typography and chrome. Declarations
   are !important because blog-post.css forces paragraph sizes inside .article with !important too. */
.mitw,.mitw-dialog{--muted:#979eaa;--line:#272e38;--blue:#83bde3;--ink:#e8e9ec;--mono:'JetBrains Mono',ui-monospace,monospace;--sans:Inter,system-ui,sans-serif}
.mitw p{margin:0 0 22px!important}
.mitw h2[data-number]::before{content:attr(data-number);display:block;margin-bottom:18px;color:var(--blue);font:11px var(--mono);letter-spacing:.1em}
/* Section 01 is wrapped in a <section> so the shared grid (article children are grid rows, TOC spans rows 1-2)
   does not stretch the first row when the TOC is taller than header + first heading. */
.mitw > section:first-child > h2:first-child{margin-top:0!important}
.mitw h4{margin:34px 0 16px!important;color:#f0f2f6!important;font-size:17px!important;font-weight:600!important;line-height:1.3!important;text-wrap:balance}
.mitw code{font:12px/1.7 var(--mono)!important;color:#a8d7ec!important;overflow-wrap:anywhere}
.mitw figure{margin:32px 0!important;min-width:0!important}
.mitw figure img{display:block!important;width:100%!important;height:auto!important;border:1px solid #303744!important;border-radius:8px!important}
.mitw .image-link{display:block!important;cursor:zoom-in!important}
.mitw .image-link:hover img{border-color:var(--blue)!important}
.mitw figcaption{font-size:12px!important;line-height:1.65!important;color:var(--muted)!important;margin-top:12px!important}
.mitw figcaption strong{font-weight:500!important;color:#b9c5d1!important}
.mitw .case-card{padding:24px 28px!important;margin:28px 0!important;background:linear-gradient(140deg,#15202a,#101317)!important;border:1px solid #2b3948!important;border-radius:10px!important}
.mitw .case-card h3{margin-top:0!important;font-size:22px!important}
.mitw .case-card h3[data-case]::before{content:attr(data-case);display:block;margin-bottom:10px;color:var(--blue);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.mitw .case-card p{font-size:14px!important;line-height:1.85!important}
.mitw .case-card p:last-child{margin-bottom:0!important}
.mitw .case-card p>strong:first-child{display:block!important;font:10px/1.7 var(--mono)!important;letter-spacing:.04em!important;color:var(--blue)!important;margin-bottom:5px!important}
.mitw-dialog{width:min(1400px,96vw)!important;max-height:94vh!important;padding:50px 20px 20px!important;background:#101419!important;border:1px solid #47576b!important;border-radius:12px!important;color:var(--ink)!important}
.mitw-dialog::backdrop{background:#000d!important;backdrop-filter:blur(8px)!important}
.mitw-dialog>img{display:block!important;max-width:100%!important;max-height:74vh!important;object-fit:contain!important;margin:auto!important}
.mitw-dialog .close{position:absolute!important;right:18px!important;top:10px!important;color:var(--ink)!important;background:#243142!important;border:1px solid #546175!important;border-radius:4px!important;padding:6px 12px!important;cursor:pointer!important}
.mitw-dialog .dialog-caption{max-width:850px!important;margin:14px auto 0!important;font-size:12px!important;color:var(--muted)!important}
.mitw .findings{margin:36px 0 40px!important}
.mitw .findings-heading h4{margin:0 0 8px!important;font-size:1.3rem!important;font-weight:500!important}
.mitw .model-note{color:var(--blue)!important;font:12px/1.7 var(--mono)!important;margin-bottom:24px!important}
.mitw .finding-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px 30px!important;padding:26px 28px 0!important;margin:16px 0!important;border:1px solid #2b3a4c!important;border-radius:12px!important;background:linear-gradient(125deg,#15212d,#10161e 65%)!important;overflow:hidden!important}
.mitw .finding-index{color:var(--blue)!important;font:12px/1.5 var(--mono)!important;letter-spacing:.1em!important}
.mitw .finding-copy h5{color:var(--ink)!important;font-size:1.15rem!important;font-weight:500!important;line-height:1.4!important;letter-spacing:-.02em!important;margin:12px 0!important}
.mitw .finding-copy p{font-size:1rem!important;line-height:1.7!important;margin:0!important}
.mitw .finding-chart{min-width:0!important;align-self:center!important}
.mitw .chart-metric{font-size:.875rem!important;line-height:1.5!important;color:#cbd8e7!important;margin-bottom:18px!important}
.mitw .bar-label{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;font-size:.875rem!important;line-height:1.5!important;margin:12px 0 7px!important}
.mitw .bar-label strong{white-space:nowrap!important;font:500 .875rem/1.5 var(--mono)!important;color:#dfedf8!important}
.mitw .bar-track{height:10px!important;background:#253140!important;border-radius:2px!important;overflow:hidden!important}
.mitw .bar-track span{height:100%!important;display:block!important;background:#607e9a!important}
.mitw .bar-track .bar-highlight{background:linear-gradient(90deg,#3f87bd,#8ac7ec)!important}
.mitw .chart-axis{display:flex!important;justify-content:space-between!important;color:#92a1b2!important;font:12px/1.5 var(--mono)!important;margin:8px 0!important}
.mitw .chart-note{color:#9cabbc!important;font-size:12px!important;line-height:1.6!important;margin:12px 0 0!important}
.mitw .finding-decision{grid-column:1/-1!important;border-top:1px solid #2b3a4c!important}
.mitw .finding-decision summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;cursor:pointer!important;list-style:none!important;color:var(--blue)!important;font-size:.875rem!important;font-weight:500!important;min-height:56px!important;padding:14px 0!important}
.mitw .finding-decision summary::-webkit-details-marker{display:none!important}
.mitw .finding-decision summary:after{content:'+'!important;font-size:22px!important;font-weight:300!important}
.mitw .finding-decision[open] summary:after{content:'−'!important}
.mitw .finding-decision>div{padding:0 0 22px!important}
.mitw .finding-decision p{font-size:1rem!important;line-height:1.7!important;margin:0!important}
.mitw .finding-decision .decision-context{font-size:.875rem!important;color:#9eafc0!important;margin-top:10px!important}
.mitw .findings-caveat{font-size:12px!important;line-height:1.7!important;color:var(--muted)!important;margin:18px 0 0!important}
@media(max-width:700px){.mitw .finding-card{grid-template-columns:1fr!important;padding:22px 20px 0!important;gap:22px!important}.mitw .finding-chart{width:100%!important}.mitw .finding-decision{grid-column:1!important}.mitw .bar-label{font-size:.875rem!important}}
@media print{.mitw .finding-card{background:white!important;break-inside:avoid!important}.mitw .finding-decision::details-content{content-visibility:visible!important}.mitw .finding-decision>div{display:block!important}.mitw .finding-decision summary:after{content:''!important}.mitw .finding-copy h5,.mitw .bar-label strong{color:#111!important}.mitw .bar-track{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}
.mitw .composition-panels{margin:30px 0 40px!important}
.mitw .composition-panel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;gap:28px!important;align-items:start!important;padding:26px!important;margin:20px 0!important;border:1px solid #2b3948!important;border-radius:12px!important;background:linear-gradient(135deg,#15202a,#10151c)!important}
.mitw .composition-panel figure{margin:0!important;align-self:center!important;min-width:0!important}
.mitw .composition-panel figcaption{font-size:12px!important}
.mitw .composition-number{font:12px var(--mono)!important;letter-spacing:.08em!important;color:var(--blue)!important}
.mitw .composition-copy h5{color:var(--ink)!important;font-size:1.25rem!important;line-height:1.35!important;font-weight:500!important;letter-spacing:-.02em!important;margin:10px 0 22px!important}
.mitw .composition-copy p{font-size:1rem!important;line-height:1.75!important;margin:0 0 12px!important}
.mitw .composition-copy .composition-label{font-size:.875rem!important;font-weight:500!important;color:var(--blue)!important;margin:0 0 6px!important}
.mitw .composition-example{border-top:1px solid #2b3948!important;margin-top:18px!important;padding-top:18px!important}
.mitw .composition-example p:last-child{margin-bottom:0!important}
.mitw .composition-note{font-size:12px!important;color:var(--muted)!important;line-height:1.7!important}
@media(max-width:760px){.mitw .composition-panel{grid-template-columns:1fr!important;padding:20px!important;gap:22px!important}.mitw .composition-panel figure{width:100%!important}}
@media print{.mitw .composition-panel{break-inside:avoid!important;background:white!important}.mitw .composition-copy h5{color:#111!important}}
.mitw .case-card{display:flow-root!important}
.mitw .case-illustration{float:right!important;width:40%!important;margin:4px 0 18px 26px!important}
.mitw .case-illustration img{border-radius:8px!important}
.mitw .case-image-note{font-size:12px!important;color:var(--muted)!important}
@media(max-width:650px){.mitw .case-illustration{float:none!important;width:100%!important;margin:0 0 22px!important}}
@media(max-width:600px){.mitw .case-card{padding:21px!important}.mitw-dialog{padding:48px 10px 12px!important}}
.mitw .design-matrix{display:grid!important;grid-template-columns:104px repeat(2,minmax(0,1fr))!important;gap:16px!important;margin:32px 0 18px!important}
.mitw .design-axis{color:#a9d3ee!important;font:600 14px/1.35 var(--sans)!important;letter-spacing:.01em!important}
.mitw .design-column{text-align:center!important;padding:10px 8px!important;border-bottom:1px solid #33455a!important}
.mitw .design-corner{align-self:center!important;color:#aab4c0!important;font-size:12px!important;font-weight:500!important}
.mitw .design-row{align-self:center!important;padding-right:6px!important}
.mitw .design-card{min-width:0!important;padding:20px!important;border:1px solid #2b3948!important;border-radius:12px!important;background:linear-gradient(140deg,#16222f,#10161d)!important;display:flex!important;flex-direction:column!important}
.mitw .design-card .design-label{font:10px/1.7 var(--mono)!important;color:var(--blue)!important;margin:0 0 10px!important}
.mitw .design-card h4{font-size:20px!important;font-weight:500!important;margin:0 0 20px!important;min-height:52px!important}
.mitw .design-card img{display:block!important;width:100%!important;height:auto!important;border:1px solid #303744!important;border-radius:7px!important}
.mitw .design-card .design-question{font-size:14px!important;line-height:1.75!important;margin:18px 0 0!important}
.mitw .design-note{font-size:12px!important;color:var(--muted)!important;line-height:1.7!important}
@media(max-width:700px){.mitw .design-matrix{grid-template-columns:1fr!important;gap:18px!important}.mitw .design-axis{display:none!important}.mitw .design-card{padding:20px!important}.mitw .design-card h4{min-height:0!important}.mitw .design-card .design-label{font-size:11px!important}}
@media print{.mitw .design-card{background:white!important;break-inside:avoid!important}.mitw .design-card h4{color:#111!important}.mitw .design-matrix{grid-template-columns:84px repeat(2,minmax(0,1fr))!important}}
.mitw .composition-hint{font-size:13px!important;color:var(--muted)!important;margin-bottom:16px!important}
.mitw .composition-summary-copy{display:grid!important;gap:5px!important}
.mitw .composition-summary-title{font-size:17px!important;font-weight:500!important;color:var(--ink)!important;line-height:1.4!important}
.mitw .composition-summary-description{font-size:13px!important;color:#a9b7c7!important;line-height:1.6!important}
.mitw .attribute-flow{margin:26px 0 32px!important}
.mitw .attribute-flow-note{font-size:12px!important;color:var(--muted)!important;line-height:1.6!important;margin:12px 0!important}
.mitw .attribute-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:22px!important;padding:18px 20px!important;border:1px solid #2b3948!important;border-radius:10px!important;background:linear-gradient(130deg,#15222e,#10161d)!important}
.mitw .attribute-meaning h5{margin:0 0 8px!important;font-size:17px!important;line-height:1.5!important;font-weight:500!important;color:var(--ink)!important}
.mitw .attribute-meaning h5 span{font:11px var(--mono)!important;color:var(--blue)!important;margin-right:9px!important}
.mitw .attribute-meaning p{font-size:13px!important;line-height:1.65!important;margin:0!important}
.mitw .attribute-example{display:flex!important;flex-direction:column!important;gap:5px!important;padding-left:18px!important;border-left:1px solid #304253!important;font-size:13px!important;line-height:1.6!important}
.mitw .attribute-arrow{color:var(--blue)!important;line-height:1!important}
.mitw .attribute-example code{font-size:11px!important}
.mitw .attribute-example small{font-size:11px!important;color:var(--muted)!important;line-height:1.5!important}
.mitw .attribute-connector{margin:7px 0 7px 20px!important;color:var(--blue)!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:600px){.mitw .attribute-card{grid-template-columns:1fr!important;gap:14px!important;padding:18px!important}.mitw .attribute-example{padding-left:0!important;padding-top:12px!important;border-left:0!important;border-top:1px solid #304253!important}.mitw .attribute-connector{margin-left:16px!important}}
@media print{.mitw .attribute-card{background:white!important;break-inside:avoid!important}.mitw .attribute-meaning h5{color:#111!important}}
.mitw .reporting-flow{display:grid!important;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr)!important;align-items:stretch!important;margin:30px 0 14px!important}
.mitw .reporting-card{min-width:0!important;display:flex!important;flex-direction:column!important;border:1px solid #2b3948!important;border-radius:12px!important;background:linear-gradient(145deg,#15212c,#10161d)!important;overflow:hidden!important}
.mitw .reporting-heading{padding:18px 18px 15px!important;border-bottom:1px solid #2b3948!important}
.mitw .reporting-heading h4{font-size:18px!important;font-weight:500!important;margin:5px 0 0!important}
.mitw .reporting-number{font:10px/1.5 var(--mono)!important;letter-spacing:.08em!important;color:var(--blue)!important}
.mitw .reporting-definition,.mitw .reporting-example{padding:17px 18px!important}
.mitw .reporting-definition{min-height:142px!important}
.mitw .reporting-definition p,.mitw .reporting-example p{font-size:13px!important;line-height:1.65!important;margin:7px 0 0!important}
.mitw .reporting-example{flex:1!important;border-top:1px solid #2b3948!important;background:#121b24!important}
.mitw .reporting-label{display:block!important;color:var(--blue)!important;font:10px/1.5 var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.mitw .reporting-arrow{align-self:center!important;text-align:center!important;color:var(--blue)!important;font-size:23px!important}
.mitw .individual-result{display:flex!important;align-items:center!important;gap:9px!important;margin-top:14px!important;color:#cbd8e7!important;font-size:12px!important}
.mitw .persona-mark{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border:1px solid #52718d!important;border-radius:50%!important;color:#83bde3!important;font-size:8px!important}
.mitw .cohort-result,.mitw .comparison-result{margin-top:15px!important}
.mitw .stacked-result{display:flex!important;height:9px!important;overflow:hidden!important;border-radius:2px!important;background:#253140!important}
.mitw .minor-result{background:#83bde3!important}
.mitw .major-result{background:#45586b!important}
.mitw .result-key{display:grid!important;gap:5px!important;margin-top:9px!important;color:#aebac7!important;font-size:10px!important;line-height:1.45!important}
.mitw .result-key span{display:flex!important;align-items:center!important;gap:6px!important}
.mitw .result-key i{width:7px!important;height:7px!important;border-radius:50%!important}
.mitw .minor-key{background:#83bde3!important}
.mitw .major-key{background:#45586b!important}
.mitw .comparison-result>div{display:grid!important;grid-template-columns:48px 34px 1fr!important;align-items:center!important;gap:6px!important;margin:7px 0!important;color:#aebac7!important;font-size:10px!important}
.mitw .comparison-result strong{font:10px var(--mono)!important;color:#dce8f3!important}
.mitw .comparison-result i{display:block!important;height:7px!important;overflow:hidden!important;border-radius:2px!important;background:#253140!important}
.mitw .comparison-result b{display:block!important;height:100%!important;background:#536b82!important}
.mitw .comparison-result .comparison-highlight{background:linear-gradient(90deg,#3f87bd,#8ac7ec)!important}
.mitw .reporting-note{font-size:12px!important;color:var(--muted)!important;line-height:1.7!important;margin-bottom:34px!important}
@media(max-width:900px){.mitw .reporting-flow{grid-template-columns:1fr!important;gap:0!important}.mitw .reporting-arrow{padding:7px!important;transform:rotate(90deg)!important}.mitw .reporting-definition{min-height:0!important}.mitw .reporting-card{max-width:620px!important;width:100%!important;justify-self:center!important}}
@media print{.mitw .reporting-flow{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.mitw .reporting-arrow{display:none!important}.mitw .reporting-card{background:white!important;break-inside:avoid!important}.mitw .reporting-heading h4{color:#111!important}.mitw .reporting-example{background:white!important}.mitw .reporting-definition{min-height:0!important}}
.mitw .robustness-example{margin:28px 0 38px!important;border:1px solid #2b3a4c!important;border-radius:12px!important;background:linear-gradient(140deg,#15212d,#10161e 68%)!important;overflow:hidden!important}
.mitw .robustness-example-head{padding:22px 24px 20px!important;border-bottom:1px solid #2b3a4c!important}
.mitw .robustness-eyebrow,.mitw .robustness-insight-label{display:block!important;color:var(--blue)!important;font:10px/1.5 var(--mono)!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.mitw .robustness-example-head h4{font-size:19px!important;font-weight:500!important;margin:8px 0 9px!important}
.mitw .robustness-example-head p{font-size:12px!important;line-height:1.6!important;color:#aab7c5!important;margin:0!important}
.mitw .robustness-models{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:20px 24px 12px!important}
.mitw .robustness-model{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:15px!important;border:1px solid #304253!important;border-radius:8px!important;background:#111a23!important}
.mitw .model-name{color:#e4edf5!important;font:12px/1.5 var(--mono)!important}
.mitw .model-arrow{color:var(--blue)!important;font-size:17px!important;line-height:1!important}
.mitw .model-result{color:#aebdcb!important;font-size:12px!important;line-height:1.55!important}
.mitw .robustness-convergence{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:10px!important;padding:0 24px!important;color:var(--blue)!important}
.mitw .robustness-convergence span{height:1px!important;background:#30465a!important}
.mitw .robustness-convergence i{font-style:normal!important}
.mitw .robustness-insight{margin:7px 24px 0!important;padding:17px 18px!important;border:1px solid #436783!important;border-radius:8px!important;background:linear-gradient(110deg,#172b3a,#14202a)!important}
.mitw .robustness-insight p{margin:7px 0 0!important;font-size:14px!important;line-height:1.65!important;color:#dce6ef!important}
.mitw .robustness-note{margin:0!important;padding:14px 24px 18px!important;font-size:11px!important;line-height:1.6!important;color:var(--muted)!important}
@media(max-width:700px){.mitw .robustness-models{grid-template-columns:1fr!important;padding:18px!important}.mitw .robustness-example-head{padding:20px 18px!important}.mitw .robustness-insight{margin-left:18px!important;margin-right:18px!important}.mitw .robustness-convergence{padding:0 18px!important}.mitw .robustness-note{padding-left:18px!important;padding-right:18px!important}.mitw .robustness-model{grid-template-columns:110px 16px 1fr!important;align-items:center!important}.mitw .model-arrow{transform:none!important}}
@media print{.mitw .robustness-example{background:white!important;break-inside:avoid!important}.mitw .robustness-model,.mitw .robustness-insight{background:white!important}.mitw .robustness-example-head h4,.mitw .model-name,.mitw .robustness-insight p{color:#111!important}}
.mitw .demo-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:30px 0 12px!important;padding:18px 20px!important;border:1px solid #35506a!important;border-radius:10px!important;background:linear-gradient(110deg,#162633,#111920)!important;font-size:14px!important}
.mitw .demo-cta>span{color:#c9d4df!important}
.mitw .demo-cta>a{flex-shrink:0!important;padding:9px 13px!important;border:1px solid #4b7898!important;border-radius:6px!important;background:#193247!important;color:#b9def2!important;font-size:13px!important;font-weight:500!important}
.mitw .demo-cta>a:hover{background:#21425b!important;text-decoration:none!important}
@media(max-width:600px){.mitw .demo-cta{align-items:flex-start!important;flex-direction:column!important}.mitw .demo-cta>a{width:100%!important;text-align:center!important}}
@media print{.mitw .demo-cta{background:white!important}.mitw .demo-cta>a{color:#234c72!important}}
.mitw .robustness-choice-flow{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:12px 24px!important;padding:24px!important}
.mitw .robustness-vote{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid #304253!important;border-radius:8px!important;background:#111a23!important;padding:16px!important}
.mitw .robustness-vote-arrow{color:#86c9b1!important;font-size:27px!important}
.mitw .robustness-chosen-letter{grid-column:2!important;grid-row:1 / 4!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important;padding:20px 16px!important;border:1px solid #527e80!important;border-radius:10px!important;background:linear-gradient(140deg,#203c4c,#182b35)!important}
.mitw .robustness-choice-badge{color:#ace0cb!important;font:10px/1.5 var(--mono)!important}
.mitw .robustness-letter-icon{width:54px!important;height:64px!important;color:#a2cce7!important;margin:6px 0!important}
.mitw .robustness-chosen-letter>strong{color:#edf5fa!important;font-size:18px!important;font-weight:600!important;margin-bottom:3px!important}
.mitw .robustness-term{font-size:12px!important;line-height:1.5!important;color:#c9dce7!important}
.mitw .robustness-chosen-letter small{font-size:10px!important;color:#9daebb!important;margin-top:8px!important}
@media(max-width:520px){.mitw .robustness-choice-flow{padding:18px!important;gap:9px 12px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important}.mitw .robustness-vote{padding:10px!important;gap:5px!important}.mitw .robustness-vote .model-name{font-size:10px!important}.mitw .robustness-vote-arrow{font-size:20px!important}.mitw .robustness-chosen-letter{padding:14px 9px!important}.mitw .robustness-choice-badge{font-size:9px!important}.mitw .robustness-chosen-letter>strong{font-size:16px!important}}
@media print{.mitw .robustness-vote,.mitw .robustness-chosen-letter{background:white!important}.mitw .robustness-chosen-letter>strong,.mitw .robustness-term,.mitw .robustness-choice-badge{color:#163e45!important}}
@media(max-width:700px){.mitw .robustness-model{grid-template-columns:110px 1fr!important}.mitw .robustness-comparison{grid-template-columns:1fr!important}.mitw .robustness-versus{justify-self:center!important;transform:rotate(90deg)!important}.mitw .robustness-outcome{grid-template-columns:1fr!important;gap:6px!important}}
.mitw .design-card .design-question{min-height:88px!important;margin:0 0 18px!important;padding:11px 12px!important;border-left:2px solid var(--blue)!important;background:#172431!important;color:#e1eaf2!important;font-size:14px!important;line-height:1.65!important}
.mitw .design-case{display:flex!important;align-items:baseline!important;gap:8px!important;margin:0 0 10px!important;color:#c5d0db!important;font-size:12px!important;line-height:1.5!important}
.mitw .design-case span{color:var(--blue)!important;font:9px/1.5 var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.mitw .design-card .image-link{margin-top:auto!important}
@media(max-width:700px){.mitw .design-card .design-question{min-height:0!important}.mitw .design-case{flex-wrap:wrap!important}}
.mitw .design-card .design-case-question{font-size:12px!important;line-height:1.6!important;color:#c5d0db!important;margin:12px 0 0!important}
.mitw .design-case-question span{display:block!important;color:var(--blue)!important;font:9px/1.5 var(--mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;margin-bottom:4px!important}
/* Interactive results (reporting levels + finding cards): bars grow in on scroll, cards and bars respond to hover, focus and tap.
   JS adds .js-bars to the blocks and .is-visible once scrolled into view; .is-hot / .is-active are set on hover or tap.
   Bar tips are absolutely positioned pills so they never change layout (which would move the bar out from under the cursor). */
.mitw .reporting-card,.mitw .finding-card{transition:border-color .25s,box-shadow .25s,transform .25s!important}
.mitw .reporting-card:hover,.mitw .reporting-card.is-active,.mitw .finding-card:hover,.mitw .finding-card.is-active{border-color:#4f7ea6!important;box-shadow:0 0 0 1px rgba(131,189,227,.22),0 12px 28px rgba(0,0,0,.35)!important;transform:translateY(-2px)!important}
.mitw .bar-track span,.mitw .stacked-result span,.mitw .comparison-result b{transition:width .9s cubic-bezier(.2,.7,.2,1),filter .2s,background-color .2s!important}
.mitw .js-bars:not(.is-visible) .bar-track span,.mitw .js-bars:not(.is-visible) .stacked-result span,.mitw .js-bars:not(.is-visible) .comparison-result b{width:0!important}
.mitw .bar-label,.mitw .bar-track,.mitw .stacked-result span,.mitw .result-key span,.mitw .comparison-result>div,.mitw .individual-result{cursor:pointer!important}
.mitw .bar-track{position:relative!important;overflow:visible!important}
.mitw .bar-track span{border-radius:2px!important}
.mitw .comparison-result>div{position:relative!important}
.mitw .comparison-result i{overflow:visible!important}
.mitw .comparison-result b{border-radius:2px!important}
.mitw .bar-track.is-hot span,.mitw .comparison-result>div.is-hot b,.mitw .stacked-result span.is-hot{filter:brightness(1.3) saturate(1.15)!important}
.mitw .bar-track.is-hot span:not(.bar-highlight),.mitw .comparison-result>div.is-hot b:not(.comparison-highlight){background:#7f9fbd!important}
.mitw .bar-label.is-hot span,.mitw .bar-label.is-hot strong,.mitw .comparison-result>div.is-hot span,.mitw .comparison-result>div.is-hot strong,.mitw .result-key span.is-hot,.mitw .individual-result.is-hot span:last-child{color:#eef6fc!important}
.mitw .bar-track[data-tip]::after,.mitw .comparison-result>div[data-tip]::after{content:attr(data-tip);position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%) translateX(4px)!important;padding:2px 8px!important;border:1px solid #3e5a78!important;border-radius:999px!important;background:#0f1620!important;color:#a9d3ee!important;font:500 11px/1.4 var(--mono)!important;letter-spacing:.02em!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s,transform .2s!important;z-index:2!important}
.mitw .bar-track.is-hot[data-tip]::after,.mitw .comparison-result>div.is-hot[data-tip]::after{opacity:1!important;transform:translateY(-50%) translateX(0)!important}
.mitw .result-key span[data-tip]::after,.mitw .individual-result[data-tip] span:last-child::after{content:"\00a0\00b7\00a0" attr(data-tip);display:inline-block!important;max-width:0!important;overflow:hidden!important;vertical-align:bottom!important;white-space:nowrap!important;color:#8ac7ec!important;transition:max-width .35s ease!important}
.mitw .result-key span.is-hot[data-tip]::after,.mitw .individual-result.is-hot[data-tip] span:last-child::after{max-width:20em!important}
.mitw .individual-result .persona-mark{transition:transform .25s,border-color .25s,box-shadow .25s!important}
.mitw .individual-result.is-hot .persona-mark{transform:scale(1.15)!important;border-color:#83bde3!important;box-shadow:0 0 0 4px rgba(131,189,227,.18)!important}
@media(prefers-reduced-motion:reduce){.mitw .reporting-card,.mitw .finding-card,.mitw .bar-track span,.mitw .stacked-result span,.mitw .comparison-result b,.mitw .persona-mark,.mitw [data-tip]::after{transition:none!important}.mitw .js-bars:not(.is-visible) .bar-track span,.mitw .js-bars:not(.is-visible) .stacked-result span,.mitw .js-bars:not(.is-visible) .comparison-result b{width:auto!important}}
@media print{.mitw .js-bars:not(.is-visible) .bar-track span,.mitw .js-bars:not(.is-visible) .stacked-result span,.mitw .js-bars:not(.is-visible) .comparison-result b{width:auto!important}.mitw [data-tip]::after{display:none!important}}
/* Interaction formats: HTML cards replacing the static SVG. Hover or tap a field, or use the key, to compare one input type across all four formats. */
.mitw .format-grid{margin:0!important}
.mitw .format-key{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 14px!important}
.mitw .format-key-btn{appearance:none!important;cursor:pointer!important;padding:6px 12px!important;border:1px solid #34485d!important;border-radius:999px!important;background:#121b25!important;color:#9fb3c6!important;font:500 11px/1.4 var(--mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important;transition:background-color .2s,color .2s,border-color .2s!important}
.mitw .format-key-btn::before{content:""!important;display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;margin-right:8px!important;vertical-align:1px!important;background:#83bde3!important}
.mitw .format-key-btn[data-field="context"]::before{background:#d8b27c!important}
.mitw .format-key-btn:hover,.mitw .format-key-btn:focus-visible,.mitw .format-key-btn.is-active{border-color:#4f7ea6!important;background:#1a2a3a!important;color:#e8f2fb!important;outline:none!important}
.mitw .format-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.mitw .format-card{padding:20px 22px 8px!important;border:1px solid #34485d!important;border-radius:12px!important;background:#172331!important;transition:border-color .25s,box-shadow .25s,transform .25s!important}
.mitw .format-card:hover,.mitw .format-card.is-active{border-color:#4f7ea6!important;box-shadow:0 0 0 1px rgba(131,189,227,.22),0 12px 28px rgba(0,0,0,.35)!important;transform:translateY(-2px)!important}
.mitw .format-card h5{margin:0 0 14px!important;font-size:20px!important;font-weight:500!important;line-height:1.25!important;color:#e8edf5!important}
.mitw .format-field{padding:0 0 2px 12px!important;margin:0 0 14px!important;border-left:2px solid transparent!important;transition:opacity .25s,border-color .25s!important;cursor:pointer!important}
.mitw .format-field>span{display:block!important;margin-bottom:5px!important;color:#83bde3!important;font:500 11px/1.5 var(--mono)!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.mitw .format-field[data-field="context"]>span{color:#d8b27c!important}
.mitw .format-field p{margin:0!important;font-size:14px!important;line-height:1.6!important;color:#c7d2df!important}
.mitw .format-grid[data-focus="stimulus"] .format-field[data-field="context"],.mitw .format-grid[data-focus="context"] .format-field[data-field="stimulus"]{opacity:.3!important}
.mitw .format-grid[data-focus="stimulus"] .format-field[data-field="stimulus"]{border-left-color:#83bde3!important}
.mitw .format-grid[data-focus="context"] .format-field[data-field="context"]{border-left-color:#d8b27c!important}
.mitw .format-grid[data-focus] .format-field:not([style]) p{color:#e6edf5!important}
@media(max-width:600px){.mitw .format-cards{grid-template-columns:1fr!important}.mitw .format-card{padding:16px 16px 4px!important}}
/* Robustness example: votes light up in sequence on scroll; hovering or tapping a model links it to the chosen letter. */
.mitw .robustness-vote{transition:opacity .5s var(--d,0s),transform .5s var(--d,0s),border-color .25s,background-color .25s!important;cursor:pointer!important}
.mitw .robustness-vote:nth-child(2){--d:.28s}.mitw .robustness-vote:nth-child(3){--d:.56s}
.mitw .robustness-vote-arrow{display:inline-block!important;transition:opacity .45s var(--da,0s),transform .45s var(--da,0s),color .25s!important}
.mitw .robustness-vote:nth-child(1) .robustness-vote-arrow{--da:.2s}.mitw .robustness-vote:nth-child(2) .robustness-vote-arrow{--da:.48s}.mitw .robustness-vote:nth-child(3) .robustness-vote-arrow{--da:.76s}
.mitw .robustness-choice-flow.is-settled .robustness-vote,.mitw .robustness-choice-flow.is-settled .robustness-vote-arrow{--d:0s;--da:0s}
.mitw .robustness-chosen-letter{transition:border-color .4s,box-shadow .5s .9s!important;cursor:pointer!important}
.mitw .robustness-choice-flow.is-settled .robustness-chosen-letter{transition:border-color .25s,box-shadow .25s!important}
.mitw .js-bars.robustness-choice-flow:not(.is-visible) .robustness-vote{opacity:.25!important;transform:translateX(-8px)!important}
.mitw .js-bars.robustness-choice-flow:not(.is-visible) .robustness-vote-arrow{opacity:0!important;transform:translateX(-10px)!important}
.mitw .robustness-choice-flow.is-visible .robustness-chosen-letter{box-shadow:0 0 0 1px rgba(134,201,177,.25),0 0 32px rgba(134,201,177,.12)!important}
.mitw .robustness-vote:hover,.mitw .robustness-vote.is-hot{border-color:#86c9b1!important;background:#13232a!important}
.mitw .robustness-vote:hover .robustness-vote-arrow,.mitw .robustness-vote.is-hot .robustness-vote-arrow{transform:translateX(6px)!important;color:#b9ecd8!important}
.mitw .robustness-chosen-letter:hover,.mitw .robustness-chosen-letter.is-hot{border-color:#86c9b1!important;box-shadow:0 0 0 1px rgba(134,201,177,.45),0 0 40px rgba(134,201,177,.22)!important}
@media(prefers-reduced-motion:reduce){.mitw .robustness-vote,.mitw .robustness-vote-arrow,.mitw .robustness-chosen-letter,.mitw .format-card,.mitw .format-field,.mitw .format-key-btn{transition:none!important}.mitw .js-bars.robustness-choice-flow:not(.is-visible) .robustness-vote,.mitw .js-bars.robustness-choice-flow:not(.is-visible) .robustness-vote-arrow{opacity:1!important;transform:none!important}}
@media print{.mitw .js-bars.robustness-choice-flow:not(.is-visible) .robustness-vote,.mitw .js-bars.robustness-choice-flow:not(.is-visible) .robustness-vote-arrow{opacity:1!important;transform:none!important}.mitw .format-key{display:none!important}.mitw .format-card{background:white!important;break-inside:avoid!important}.mitw .format-card h5,.mitw .format-field p{color:#111!important}}
/* Attribute mapping: cards and mappings reveal in sequence; hover or tap an example to see whether the mapping is direct or an approximation. */
.mitw .attribute-card{transition:border-color .25s,box-shadow .25s,transform .25s,opacity .5s var(--d,0s)!important}
.mitw .attribute-card:hover,.mitw .attribute-card.is-active,.mitw .attribute-card.is-hot{border-color:#4f7ea6!important;box-shadow:0 0 0 1px rgba(131,189,227,.22),0 12px 28px rgba(0,0,0,.35)!important;transform:translateY(-2px)!important}
.mitw .attribute-example{cursor:pointer!important}
.mitw .attribute-example>*{transition:opacity .45s var(--d,0s),transform .45s var(--d,0s),color .2s,box-shadow .2s,border-color .2s!important}
.mitw .attribute-connector{cursor:pointer!important;transition:opacity .4s var(--d,0s),transform .4s var(--d,0s),color .2s!important}
.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-card{opacity:.3!important}
.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-example>*{opacity:0!important;transform:translateY(6px)!important}
.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-connector{opacity:0!important;transform:translateY(-4px)!important}
.mitw .attribute-flow .attribute-card:nth-of-type(1) .attribute-example>:nth-child(1){--d:.05s}.mitw .attribute-flow .attribute-card:nth-of-type(1) .attribute-example>:nth-child(2){--d:.2s}.mitw .attribute-flow .attribute-card:nth-of-type(1) .attribute-example>:nth-child(3){--d:.35s}
.mitw .attribute-flow .attribute-connector{--d:.55s}
.mitw .attribute-flow .attribute-card:nth-of-type(2){--d:.7s}
.mitw .attribute-flow .attribute-card:nth-of-type(2) .attribute-example>:nth-child(1){--d:.75s}.mitw .attribute-flow .attribute-card:nth-of-type(2) .attribute-example>:nth-child(2){--d:.9s}.mitw .attribute-flow .attribute-card:nth-of-type(2) .attribute-example>:nth-child(3){--d:1.05s}.mitw .attribute-flow .attribute-card:nth-of-type(2) .attribute-example>:nth-child(4){--d:1.15s}
.mitw .attribute-flow.is-settled .attribute-card,.mitw .attribute-flow.is-settled .attribute-example>*,.mitw .attribute-flow.is-settled .attribute-connector{--d:0s}
.mitw .attribute-example.is-hot>span:first-child,.mitw .attribute-example.is-hot code{color:#eef6fc!important}
.mitw .attribute-example code{border-radius:4px!important}
.mitw .attribute-example.is-hot code{box-shadow:0 0 0 4px rgba(131,189,227,.12)!important;background:rgba(131,189,227,.12)!important}
.mitw .attribute-example.is-hot .attribute-arrow{color:#b9dff5!important;transform:translateX(4px)!important}
.mitw .attribute-arrow[data-tip]::after{content:attr(data-tip);display:inline-block!important;box-sizing:border-box!important;max-width:0!important;overflow:hidden!important;vertical-align:middle!important;white-space:nowrap!important;margin-left:10px!important;padding:1px 8px!important;border:1px solid #3e5a78!important;border-radius:999px!important;background:#0f1620!important;color:#a9d3ee!important;font:500 10px/1.5 var(--mono)!important;letter-spacing:.03em!important;opacity:0!important;transition:max-width .35s ease,opacity .25s!important}
.mitw .attribute-example.is-hot .attribute-arrow[data-tip]::after{max-width:40em!important;opacity:1!important}
.mitw .attribute-example small{padding-left:8px!important;border-left:2px solid transparent!important}
.mitw .attribute-example.is-hot small{color:#d8b27c!important;border-left-color:#d8b27c!important}
.mitw .attribute-connector.is-hot{color:#b9dff5!important;transform:translateY(2px)!important}
@media(prefers-reduced-motion:reduce){.mitw .attribute-card,.mitw .attribute-example>*,.mitw .attribute-connector,.mitw .attribute-arrow[data-tip]::after{transition:none!important}.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-card,.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-example>*,.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-connector{opacity:1!important;transform:none!important}}
@media print{.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-card,.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-example>*,.mitw .js-bars.attribute-flow:not(.is-visible) .attribute-connector{opacity:1!important;transform:none!important}.mitw .attribute-arrow[data-tip]::after{display:none!important}}
/* Design matrix: cards fade in after the axes; hovering or tapping a card lights its row and column, hovering an axis lights its two cards. */
.mitw .design-card{transition:border-color .25s,box-shadow .25s,transform .25s,opacity .5s var(--d,0s)!important;cursor:pointer!important}
.mitw .design-card:hover,.mitw .design-card.is-active,.mitw .design-card.is-hot{border-color:#4f7ea6!important;box-shadow:0 0 0 1px rgba(131,189,227,.22),0 12px 28px rgba(0,0,0,.35)!important;transform:translateY(-2px)!important}
.mitw .design-card img{transition:border-color .25s!important}
.mitw .design-card:hover img,.mitw .design-card.is-hot img{border-color:#4f7ea6!important}
.mitw .design-axis{transition:color .2s,border-color .2s,box-shadow .2s,opacity .4s!important}
.mitw .design-column,.mitw .design-row{cursor:pointer!important}
.mitw .design-axis.is-hot{color:#eef6fc!important}
.mitw .design-column.is-hot{border-bottom-color:#83bde3!important;box-shadow:inset 0 -2px 0 #83bde3!important}
.mitw .design-row.is-hot{box-shadow:inset -2px 0 0 #83bde3!important}
.mitw .js-bars.design-matrix:not(.is-visible) .design-card{opacity:0!important;transform:translateY(8px)!important}
.mitw .js-bars.design-matrix:not(.is-visible) .design-axis{opacity:0!important}
.mitw .design-matrix .design-card:nth-of-type(1){--d:.1s}.mitw .design-matrix .design-card:nth-of-type(2){--d:.25s}.mitw .design-matrix .design-card:nth-of-type(3){--d:.4s}.mitw .design-matrix .design-card:nth-of-type(4){--d:.55s}
.mitw .design-matrix.is-settled .design-card{--d:0s}
/* Case spotlights: illustration then the three steps reveal in sequence; steps are numbered, and hovering or tapping one focuses it. */
.mitw .case-card{counter-reset:step!important;transition:border-color .25s,box-shadow .25s,transform .25s!important}
.mitw .case-card:hover,.mitw .case-card.is-active{border-color:#4f7ea6!important;box-shadow:0 0 0 1px rgba(131,189,227,.22),0 12px 28px rgba(0,0,0,.35)!important;transform:translateY(-2px)!important}
.mitw .case-illustration{transition:opacity .5s,transform .5s!important}
.mitw .case-card>p{counter-increment:step!important;padding-left:12px!important;margin-left:-14px!important;border-left:2px solid transparent!important;cursor:pointer!important;transition:opacity .45s var(--d,0s),transform .45s var(--d,0s),border-color .2s,color .2s!important}
.mitw .case-card>p>strong:first-child{transition:color .2s!important}
.mitw .case-card>p>strong:first-child::before{content:"0" counter(step) "\00a0\00a0"!important;color:#5f7d99!important}
.mitw .case-card.has-focus>p:not(.is-hot){color:#8592a0!important}
.mitw .case-card.has-focus>p:not(.is-hot)>strong:first-child{color:#5f7d99!important}
.mitw .case-card>p.is-hot{border-left-color:#83bde3!important;color:#eef4fa!important}
.mitw .case-card>p.is-hot>strong:first-child{color:#b9dff5!important}
.mitw .case-card>p.is-hot>strong:first-child::before{color:#83bde3!important}
.mitw .js-bars.case-card:not(.is-visible) .case-illustration{opacity:0!important;transform:translateY(8px)!important}
.mitw .js-bars.case-card:not(.is-visible)>p{opacity:0!important;transform:translateY(6px)!important}
.mitw .case-card>p:nth-of-type(1){--d:.15s}.mitw .case-card>p:nth-of-type(2){--d:.35s}.mitw .case-card>p:nth-of-type(3){--d:.55s}
.mitw .case-card.is-settled>p{--d:0s}
@media(max-width:600px){.mitw .case-card>p{margin-left:-11px!important;padding-left:9px!important}}
@media(prefers-reduced-motion:reduce){.mitw .design-card,.mitw .design-axis,.mitw .case-card,.mitw .case-illustration,.mitw .case-card>p{transition:none!important}.mitw .js-bars.design-matrix:not(.is-visible) .design-card,.mitw .js-bars.design-matrix:not(.is-visible) .design-axis,.mitw .js-bars.case-card:not(.is-visible) .case-illustration,.mitw .js-bars.case-card:not(.is-visible)>p{opacity:1!important;transform:none!important}}
@media print{.mitw .js-bars.design-matrix:not(.is-visible) .design-card,.mitw .js-bars.design-matrix:not(.is-visible) .design-axis,.mitw .js-bars.case-card:not(.is-visible) .case-illustration,.mitw .js-bars.case-card:not(.is-visible)>p{opacity:1!important;transform:none!important}}
/* Cohort composition gallery: five image cards (tabs); hover previews, click selects, arrow keys move; the stage shows image beside explanation. */
.mitw .composition-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important}
.mitw .composition-card{appearance:none!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;margin:0!important;padding:8px 8px 10px!important;border:1px solid #2b3948!important;border-radius:10px!important;background:linear-gradient(135deg,#15202a,#10151c)!important;color:var(--ink)!important;text-align:left!important;cursor:pointer!important;font:inherit!important;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s,opacity .5s var(--d,0s)!important}
.mitw .composition-card img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1400/933!important;object-fit:cover!important;margin:0 0 3px!important;border:1px solid #303744!important;border-radius:6px!important;transition:border-color .2s!important}
.mitw .composition-card .composition-number{font-size:10px!important}
.mitw .composition-card .composition-summary-title{font-size:12px!important;line-height:1.35!important;font-weight:500!important;color:var(--ink)!important}
.mitw .composition-card:hover,.mitw .composition-card:focus-visible,.mitw .composition-card.is-selected{border-color:#4f7ea6!important;box-shadow:0 0 0 1px rgba(131,189,227,.22),0 10px 24px rgba(0,0,0,.35)!important;transform:translateY(-2px)!important;outline:none!important}
.mitw .composition-card.is-selected{background:linear-gradient(135deg,#1b2b3b,#131c26)!important}
.mitw .composition-card.is-selected img,.mitw .composition-card:hover img{border-color:#4f7ea6!important}
.mitw .composition-stage .composition-panel{display:none!important;margin:0!important}
.mitw .composition-stage .composition-panel.is-selected{display:grid!important;animation:mitwFade .3s ease!important}
.mitw .composition-stage .composition-panel figure{align-self:start!important;position:sticky!important;top:96px!important}
@media(max-width:760px){.mitw .composition-stage .composition-panel figure{position:static!important}}
@keyframes mitwFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.mitw .composition-copy h5{margin:0 0 4px!important}
.mitw .composition-copy h5 .composition-number{margin-right:8px!important}
.mitw .composition-copy .composition-summary-description{font-size:14px!important;line-height:1.6!important;color:#a9b7c7!important;margin:0 0 18px!important}
.mitw .js-bars.composition-panels:not(.is-visible) .composition-card{opacity:0!important;transform:translateY(8px)!important}
.mitw .composition-cards .composition-card:nth-child(2){--d:.08s}.mitw .composition-cards .composition-card:nth-child(3){--d:.16s}.mitw .composition-cards .composition-card:nth-child(4){--d:.24s}.mitw .composition-cards .composition-card:nth-child(5){--d:.32s}
.mitw .composition-panels.is-settled .composition-card{--d:0s}
@media(max-width:600px){.mitw .composition-cards{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;margin:0 -4px 14px!important;padding:2px 4px 8px!important;scrollbar-width:thin!important;scrollbar-color:rgba(109,174,219,.3) transparent!important}.mitw .composition-card{flex:0 0 150px!important;scroll-snap-align:start!important}}
@media(prefers-reduced-motion:reduce){.mitw .composition-card{transition:none!important}.mitw .composition-stage .composition-panel.is-selected{animation:none!important}.mitw .js-bars.composition-panels:not(.is-visible) .composition-card{opacity:1!important;transform:none!important}}
@media print{.mitw .composition-cards{display:none!important}.mitw .composition-stage .composition-panel{display:grid!important;margin:0 0 16px!important;background:white!important;break-inside:avoid!important}.mitw .composition-hint{display:none!important}}
@media print{.mitw-dialog{display:none!important}.mitw .case-card{background:none!important;break-inside:avoid!important}.mitw figure{break-inside:avoid!important}.mitw figcaption{color:#555!important}}

/* ---- Print: conservative layout for the whole post. Kills anything position-, transform- or float-based that browsers
   paint unpredictably across page breaks, forces figures and chart bars to print, and keeps cards compact. ---- */
@media print{
.mitw,.mitw *{position:static!important;transform:none!important;animation:none!important;transition:none!important;box-shadow:none!important;text-shadow:none!important;float:none!important;opacity:1!important;filter:none!important}
.mitw .composition-stage .composition-panel figure{position:static!important;top:auto!important}
.mitw figure,.mitw .case-card,.mitw .design-card,.mitw .finding-card,.mitw .reporting-card,.mitw .attribute-card,.mitw .format-card,.mitw .robustness-example,.mitw .composition-stage .composition-panel{overflow:visible!important;break-inside:avoid!important;page-break-inside:avoid!important}
.mitw figure img,.mitw .design-card img,.mitw .composition-panel img{max-width:100%!important;height:auto!important;border-color:#c9d0d7!important}
.mitw code,.mitw .attribute-example code{color:#1d5f8d!important;background:none!important}
.mitw .case-card{display:grid!important;grid-template-columns:minmax(0,1fr) 38%!important;gap:4mm 6mm!important;padding:5mm!important;border:1px solid #c9d0d7!important;background:none!important}
.mitw .case-card>h3{grid-column:1/-1!important}
.mitw .case-card>.case-illustration{grid-column:2!important;grid-row:2/span 3!important;width:100%!important;margin:0!important}
.mitw .case-card>p{grid-column:1!important;margin-left:0!important;padding-left:0!important;border-left:0!important;color:#24272b!important}
.mitw .case-card>p>strong:first-child{color:#1d5f8d!important}
.mitw .composition-stage .composition-panel{display:grid!important;grid-template-columns:34% minmax(0,1fr)!important;gap:5mm!important;padding:4mm!important;margin:0 0 4mm!important;border:1px solid #c9d0d7!important;background:none!important}
.mitw .composition-stage .composition-panel figure{margin:0!important}
.mitw .composition-copy h5{font-size:12pt!important;margin:0 0 2mm!important}
.mitw .composition-copy p,.mitw .composition-copy .composition-summary-description{font-size:9.5pt!important;line-height:1.5!important;margin:0 0 2mm!important}
.mitw .composition-example{margin-top:3mm!important;padding-top:3mm!important;border-top:1px solid #d7dde3!important}
.mitw .design-matrix{grid-template-columns:22mm repeat(2,minmax(0,1fr))!important;gap:4mm!important}
.mitw .design-card{padding:4mm!important;border:1px solid #c9d0d7!important;background:none!important}
.mitw .design-card .design-question{background:#f3f5f7!important;border-left:2px solid #1d5f8d!important;min-height:0!important;color:#24272b!important}
.mitw .bar-track,.mitw .stacked-result,.mitw .comparison-result i{background:#e1e6eb!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.mitw .bar-track span,.mitw .comparison-result b{background:#8fa3b5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.mitw .bar-track .bar-highlight,.mitw .comparison-result .comparison-highlight,.mitw .minor-result{background:#1d5f8d!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.mitw .major-result{background:#8fa3b5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.mitw .result-key i.minor-key{background:#1d5f8d!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.mitw .result-key i.major-key{background:#8fa3b5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
.mitw .reporting-card,.mitw .finding-card,.mitw .attribute-card,.mitw .format-card,.mitw .robustness-vote,.mitw .robustness-chosen-letter,.mitw .robustness-example{border:1px solid #c9d0d7!important;background:none!important}
.mitw .reporting-example{background:none!important;border-top:1px solid #d7dde3!important}
.mitw .finding-decision>div,.mitw .finding-decision::details-content{display:block!important;content-visibility:visible!important}
.mitw .finding-decision summary{color:#1d5f8d!important}
.mitw .format-field>span,.mitw .composition-label,.mitw .reporting-label,.mitw .finding-index,.mitw .design-case span,.mitw .design-case-question span,.mitw .robustness-eyebrow,.mitw h2[data-number]::before,.mitw .case-card h3[data-case]::before,.mitw .attribute-meaning h5 span,.mitw .composition-number{color:#1d5f8d!important}
.mitw .design-axis,.mitw .design-corner{color:#24272b!important}
.mitw .demo-cta{border:1px solid #c9d0d7!important;background:none!important}
.mitw .demo-cta a{color:#1d5f8d!important;background:none!important;border:1px solid #1d5f8d!important}
}