.mit-interactive{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.mit-interactive-column{min-width:0;background:color-mix(in srgb,var(--nf-panel,#171827) 70%,transparent);border:1px solid var(--nf-line,#2b3347);padding:25px}
.mit-interactive-head h2{margin:9px 0;font-size:clamp(23px,2vw,31px);font-weight:400}.mit-interactive-head p{margin:0 0 24px;color:var(--nf-muted,#9fa9bd);line-height:1.8}
.mit-board-panel{border:1px solid var(--nf-line,#2b3347);margin-bottom:28px}.mit-board-panel>summary{cursor:pointer;list-style:none;padding:15px 18px;color:var(--nf-ink,#fff);background:rgba(55,120,190,.12)}.mit-board-panel>summary::-webkit-details-marker{display:none}.mit-board-panel>summary span{float:right}.mit-board-panel[open]>summary{border-bottom:1px solid var(--nf-line,#2b3347)}
.mit-board-panel .mit-board-wrap{border:0!important;margin:0;padding:16px!important;background:none!important}.mit-board-panel .mit-board-toolbar{gap:5px}.mit-board-panel .mit-canvas-frame canvas{width:100%;height:auto;min-height:0!important}
.mit-list-title{font-size:18px;font-weight:400;margin:26px 0 15px}.mit-interactive .mit-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}.mit-interactive .mit-drawing{min-width:0}.mit-interactive .mit-drawing figcaption{overflow-wrap:anywhere}
.mit-interactive .mit-form{width:100%;max-width:none;box-sizing:border-box}.mit-qa-list{display:grid;gap:14px}.mit-qa-item{padding:18px;border:1px solid var(--nf-line,#2b3347);background:rgba(10,16,28,.4);overflow-wrap:anywhere}.mit-qa-label{font-size:11px;letter-spacing:.08em;color:var(--nf-accent,#4f8cff)}.mit-qa-item p{margin:8px 0 0;line-height:1.8;white-space:normal}.mit-qa-answer{margin-top:17px;padding-top:15px;border-top:1px solid var(--nf-line,#2b3347)}
.mit-sort-tabs{display:flex;gap:8px;margin:-9px 0 22px}.mit-sort-tabs a{padding:8px 16px;border:1px solid var(--nf-line,#2b3347);text-decoration:none;color:var(--nf-muted,#9fa9bd)}.mit-sort-tabs a.is-active{border-color:var(--nf-accent,#4f8cff);color:var(--nf-ink,#fff)}
.mit-work-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}.mit-work-search input{flex:1 1 180px;min-width:0;padding:10px 12px;background:var(--nf-panel,#171827);border:1px solid var(--nf-line,#2b3347);color:var(--nf-ink,#fff)}.mit-work-search button,.mit-work-search a{padding:10px 13px;border:1px solid var(--nf-line,#2b3347);background:transparent;color:var(--nf-ink,#fff);font:inherit;text-decoration:none;cursor:pointer}
.mit-work-card>a:first-child{height:auto}.mit-work-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 16px}.mit-work-actions .mit-preview-link{margin:0!important;padding:0!important;flex:1}
.mit-vote.mit-heart{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:74px;margin:0;padding:8px 11px;color:#f0b7c3;overflow:visible;transition:transform .2s,color .2s,border-color .2s}
.mit-heart-icon{width:20px;height:20px;fill:transparent;stroke:currentColor;stroke-width:1.8;transition:fill .2s,transform .2s}.mit-heart:hover .mit-heart-icon{transform:scale(1.12)}.mit-heart.is-voted .mit-heart-icon{fill:#ed5879;stroke:#ed5879}.mit-heart.is-popping .mit-heart-icon{animation:mit-heart-pop .55s ease-out}.mit-heart-burst{position:absolute;left:19px;top:15px;width:12px;height:12px;border-radius:50%;pointer-events:none;opacity:0}.mit-heart.is-popping .mit-heart-burst{animation:mit-heart-spark .6s ease-out}
@keyframes mit-heart-pop{0%{transform:scale(.8)}45%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes mit-heart-spark{30%{opacity:1;box-shadow:0 -25px #ed5879,18px -18px #f5a0bd,25px 0 #ed5879,18px 18px #f5a0bd,0 25px #ed5879,-18px 18px #f5a0bd,-25px 0 #ed5879,-18px -18px #f5a0bd}100%{opacity:0;box-shadow:0 -36px transparent,26px -26px transparent,36px 0 transparent,26px 26px transparent,0 36px transparent,-26px 26px transparent,-36px 0 transparent,-26px -26px transparent}}
.mit-interactive .mit-board-panel,.mit-interactive .mit-board-wrap,.mit-interactive .mit-board-stage,.mit-interactive .mit-canvas-frame,.mit-interactive .mit-board-actions{min-width:0;max-width:100%;box-sizing:border-box}
.mit-interactive .mit-board-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.mit-interactive .mit-submit-copy,.mit-interactive .mit-board-actions input{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box}
.mit-interactive .mit-board-actions button{min-width:0;width:100%;white-space:normal}
@media(min-width:768px) and (max-width:1200px){.mit-interactive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mit-interactive{grid-template-columns:minmax(0,1fr)}.mit-interactive-column{padding:19px}}
@media(max-width:560px){.mit-interactive .mit-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mit-interactive .mit-drawing img{aspect-ratio:1}.mit-work-actions{padding:0 12px 14px}}
@media(max-width:390px){.mit-interactive .mit-gallery{grid-template-columns:minmax(0,1fr)}.mit-interactive .mit-board-actions{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.mit-heart.is-popping .mit-heart-icon,.mit-heart.is-popping .mit-heart-burst{animation:none}}

/* v3.1: drawing first, gallery next, anonymous questions below. */
.mit-interactive{grid-template-columns:minmax(0,1fr);gap:48px}
.mit-interactive-column{padding:32px;scroll-margin-top:145px}
.mit-interactive-head p{font-size:16px;max-width:850px}
.mit-interactive .mit-board-wrap{width:100%;max-width:none}
.mit-interactive .mit-board-panel{margin-bottom:36px}
.mit-board-panel>summary{min-height:48px;font-size:14px;background:color-mix(in srgb,var(--nf-accent,#bc5966) 8%,transparent)}
.mit-board-panel[open]>summary span{transform:rotate(180deg)}
.mit-interactive .mit-board-panel .mit-board-wrap{padding:20px!important}
.mit-interactive .mit-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0}
.mit-interactive .mit-drawing img{aspect-ratio:1200/760;object-fit:contain}
.mit-interactive .mit-form{padding:24px}
.mit-qa-label{font-size:13px}
.mit-qa-item p,.nightfall-terminal .mit-form label,.nightfall-terminal .mit-form textarea{font-size:16px}
.mit-qa-list{gap:18px}
.mit-qa-item{padding:24px}
.mit-list-title{font-size:21px;margin:32px 0 18px}
.mit-work-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;font-size:13px;line-height:1.75;color:var(--nf-muted,#b5bac6);margin:8px 0 0}
.mit-work-author{overflow-wrap:anywhere;min-width:0}
.mit-work-meta time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mit-drawing-title{display:block;font-size:18px;line-height:1.55;color:var(--nf-ink,#f5f8fc);overflow-wrap:anywhere;text-decoration:none!important}
.mit-drawing-title:hover{color:var(--nf-accent,#bc5966)}
.mit-drawing figcaption{padding:18px}
.mit-work-card .mit-card-body h3{overflow-wrap:anywhere}
.mit-work-card .mit-card-body .mit-work-excerpt{font-size:16px;line-height:1.8;margin-top:12px;overflow-wrap:anywhere}
.mit-small,.mit-board-hint,.mit-board-msg{font-size:14px;color:var(--nf-muted,#b5bac6);line-height:1.8}
.nightfall-terminal .mit-board-desc{font-size:16px}
.nightfall-terminal .mit-board-kicker,.nightfall-terminal .mit-submit-eyebrow{font-size:12px;line-height:1.6}
.mit-board-actions,.mit-interactive .mit-board-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:12px}
.mit-submit-copy,.mit-interactive .mit-submit-copy{grid-column:1/-1}
.mit-board-actions input,.mit-interactive .mit-board-actions input{grid-column:auto;min-width:0;font-size:16px;min-height:46px}
.mit-board-actions button,.mit-interactive .mit-board-actions button{min-height:46px;width:auto;font-size:14px}
.nightfall-terminal .mit-tool-btn,.mit-tool-btn{width:44px;height:44px;flex-shrink:0}
.mit-canvas-frame canvas,.nightfall-terminal .mit-canvas-frame canvas{min-height:0!important;aspect-ratio:1200/760;width:100%;height:auto}
.mit-bg-menu{position:static}
.mit-board-toolbar,.nightfall-terminal .mit-board-toolbar{position:relative}
.mit-bg-popover,.nightfall-terminal .mit-bg-popover{left:auto;right:0;top:100%;max-width:100%;width:270px}
.nightfall-terminal .mit-bg-popover button[data-bg-pattern]{font-size:13px;min-height:36px}
.mit-bg-popover .mit-bg-reset{min-height:40px;font-size:13px}
.mit-brush-size output{font-size:14px}
@media(max-width:900px){
 .mit-interactive-column{padding:24px}
 .mit-interactive .mit-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .mit-board-actions,.mit-interactive .mit-board-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mit-board-actions button,.mit-interactive .mit-board-actions button{width:100%}
}
@media(max-width:640px){
 .mit-interactive{gap:32px}
 .mit-interactive-column{padding:16px}
 .mit-interactive .mit-board-panel .mit-board-wrap{padding:12px!important}
 .mit-board-head{gap:10px}
 .mit-board-panel .mit-board-toolbar,.nightfall-terminal .mit-board-toolbar{gap:6px;padding:8px;flex-wrap:wrap}
 .mit-board-panel .mit-board-head{margin-bottom:16px}
 .mit-board-title,.nightfall-terminal .mit-board-title{font-size:22px}
 .mit-board-desc{text-align:left}
 .mit-board-actions,.nightfall-terminal .mit-board-actions,.mit-interactive .mit-board-actions{padding:12px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .mit-board-actions input,.nightfall-terminal .mit-board-actions input,.mit-interactive .mit-board-actions input{grid-column:1/-1}
 .mit-interactive .mit-board-actions button{grid-column:auto}
 .mit-board-hint{text-align:left}
 .mit-interactive .mit-gallery{gap:12px}
 .mit-interactive .mit-form,.mit-qa-item{padding:16px}
 .mit-interactive .mit-drawing figcaption{padding:12px}
 .mit-drawing-title{font-size:16px}
 .mit-work-meta{gap:4px 6px}
 .mit-interactive-head h2{font-size:26px}
 .mit-tool-divider{display:none}
 .mit-bg-popover,.nightfall-terminal .mit-bg-popover{position:absolute;left:0;right:0;top:100%;width:auto;max-width:100%}
}
@media(max-width:440px){.mit-interactive .mit-gallery{grid-template-columns:minmax(0,1fr)}}