/* Added project materials: compact comparisons and on-demand cromo playback. */
.guide-expansion{margin:1rem 0 2rem;padding:clamp(1rem,2.5vw,1.7rem);border:1px solid var(--border);border-radius:1.3rem;background:rgba(17,28,25,.52);min-width:0}
.expansion-title{max-width:66ch;margin-bottom:1.2rem}.expansion-title h2{font-size:clamp(1.65rem,3vw,2.5rem)!important;margin:.35rem 0 .7rem}.expansion-title p:last-child{color:var(--muted);font-size:.96rem;margin:0}
.nano-case-tabs{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:thin;padding:.2rem 0 .7rem;margin-bottom:.8rem}.nano-case-tabs button{flex:0 0 auto;border:1px solid var(--border);background:transparent;padding:.6rem 1rem;min-height:44px;border-radius:99px;font-size:.85rem;transition:background .2s,color .2s}.nano-case-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.nano-comparison-heading{display:flex;gap:1rem;align-items:start;justify-content:space-between;margin-bottom:.8rem}.nano-comparison-heading h3{font-size:1.3rem;max-width:18ch;flex:1}.nano-comparison-heading p{max-width:48ch;flex:1.5;font-size:.9rem;color:var(--muted);margin:0}
.nano-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:760px;margin:0 auto}.nano-model{margin:0;min-width:0}.nano-model figcaption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;margin-bottom:.45rem;text-align:center;color:var(--accent)}
.compact-guide .nano-model .flip-card{width:100%;height:360px;min-height:0;aspect-ratio:auto}.compact-guide .nano-model .flip-inner{height:100%;min-height:0}.compact-guide .nano-model .flip-front{height:100%;min-height:0;background:rgba(0,0,0,.22);padding:.45rem}.compact-guide .nano-model .flip-front img{height:100%;width:100%;object-fit:contain;max-height:none}.nano-model .flip-front .flip-hint{bottom:.8rem;background:rgba(0,0,0,.7);padding:.3rem .6rem;border-radius:99px}.compact-guide .nano-model .flip-back{padding:1.2rem;overflow:auto;justify-content:center}.compact-guide .nano-model .flip-prompt{font-size:.95rem;line-height:1.55}
.nano-reference,.nano-publication{margin-top:1rem;border-top:1px solid var(--border);padding-top:.6rem}.nano-reference summary,.nano-publication summary{cursor:pointer;font-size:.85rem;padding:.5rem 0;min-height:44px}.nano-reference img{width:160px;max-height:220px;object-fit:contain;margin:1rem auto}.nano-publication-art{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.6rem 0}.nano-publication-art img{flex:0 0 auto;width:220px;max-height:300px;object-fit:contain;scroll-snap-align:start;border-radius:.5rem}
.compact-guide .cromos-deck .deck-track{grid-auto-columns:minmax(230px,28%);gap:1rem}.cromo-edition{min-width:0;scroll-snap-align:start}.cromo-caption{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.cromo-caption span{font: .66rem var(--font-mono);color:var(--muted)}.cromo-caption h3{font-size:1.05rem!important;letter-spacing:-.025em;margin:0!important}
.compact-guide .cromo-edition .flip-card{width:100%;height:auto;aspect-ratio:1792/2400;min-height:0}.compact-guide .cromo-edition .flip-inner{height:100%;min-height:0}.compact-guide .cromo-edition .flip-front{height:100%;min-height:0;background:#4dbdbb;padding:0}.compact-guide .cromo-edition .flip-front img{width:100%;height:100%;max-height:none;object-fit:contain}.cromo-edition .flip-front .flip-hint{bottom:.65rem;background:rgba(0,0,0,.75);padding:.3rem .6rem;border-radius:99px}.compact-guide .cromo-edition .flip-back{padding:1rem;overflow:auto;justify-content:center}.compact-guide .cromo-edition .flip-prompt{font-size:.84rem;line-height:1.55}.cromo-play{border:1px solid var(--border);background:rgba(255,255,255,.04);width:100%;padding:.6rem .8rem;display:flex;align-items:center;gap:.5rem;border-radius:12px;min-height:44px;margin-top:.65rem;font-size:.8rem;transition:background .2s}.cromo-play:hover{background:var(--accent);color:var(--ink)}.cromo-duration{margin-left:auto;font: .65rem var(--font-mono)}
dialog.cromo-player{width:min(490px,calc(100vw - 1rem));padding:0;background:#101817;color:var(--fg);border:1px solid var(--border);border-radius:1rem;max-height:96svh;overflow:auto}dialog.cromo-player::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(10px)}.cromo-player-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .85rem}.cromo-player-bar h2{font-size:1.05rem}.cromo-player-close{border:1px solid var(--border);background:transparent;border-radius:99px;min-height:44px;min-width:44px;padding:.4rem .75rem}.cromo-player video{display:block;width:100%;max-height:calc(96svh - 72px);object-fit:contain;background:#000}.cromo-player-status{padding:.5rem 1rem;color:var(--muted);font-size:.85rem}
@media(max-width:600px){.guide-expansion{padding:.8rem}.compact-guide .cromos-deck .deck-track{grid-auto-columns:84%;gap:.8rem}.nano-comparison-heading{display:block}.nano-comparison-heading h3{max-width:none;margin-bottom:.45rem}.nano-comparison-heading p{font-size:.83rem}.nano-comparison-grid{gap:.45rem}.compact-guide .nano-model .flip-card{height:280px}.nano-model figcaption{font-size:.59rem}.compact-guide .nano-model .flip-back{padding:.65rem;justify-content:flex-start}.compact-guide .nano-model .flip-prompt{font-size:.72rem;line-height:1.45}.nano-model .flip-back .eyebrow{font-size:.55rem}.nano-model .flip-hint{font-size:.6rem!important}.nano-case-tabs button{padding:.55rem .8rem;font-size:.76rem}.nano-publication-art img{width:200px}}
@media(prefers-reduced-motion:reduce){.nano-case-tabs button,.cromo-play{transition:none}}
.guide-expansion{scroll-margin-top:175px}
@media(max-width:600px){.guide-expansion{scroll-margin-top:155px}.compact-guide #nano-panel-accion .flip-card,.compact-guide #nano-panel-ring .flip-card{height:220px}.compact-guide .cromos-deck .deck-track .cromo-edition{flex:0 0 84%}}