.simulation-library{padding-block:32px 46px;scroll-margin-top:24px}.simulation-library-heading{max-width:780px;margin-bottom:24px}.simulation-library-heading h2{margin:8px 0 12px;font-size:clamp(1.5rem,3vw,2.25rem)}.simulation-library-heading>p:last-child{color:var(--muted-ink);line-height:1.7}.simulation-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.simulation-catalog-card{color:var(--ink);background:var(--paper,#fffdf7);border:1px solid #d6dfd6;border-radius:12px;flex-direction:column;min-width:0;padding:22px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.simulation-catalog-card:hover{background:#eff4e9;border-color:#9db39e}:is(.simulation-catalog-card:focus-visible,.simulation-embed-link:focus-visible){outline:3px solid var(--brand);outline-offset:4px}.simulation-catalog-index{letter-spacing:.07em;text-transform:uppercase;color:#5c7463;margin-bottom:15px;font-size:.66rem}.simulation-catalog-card>div{justify-content:space-between;align-items:start;gap:10px;display:flex}.simulation-catalog-card h3{margin:0;font-size:1.12rem;line-height:1.3}.simulation-catalog-card svg{color:var(--brand);flex-shrink:0}.simulation-catalog-card p{color:var(--muted-ink);margin:12px 0 20px;font-size:.85rem;line-height:1.65}.simulation-catalog-open{color:var(--brand);margin-top:auto;font-size:.8rem;font-weight:650}body:has(.simulation-detail){height:100vh;min-width:0;height:100dvh;padding:0;overflow:hidden}:is(body:has(.simulation-detail)>.site-header,body:has(.simulation-detail)>.site-footer,body:has(.simulation-detail)>.spark-tab-bar){display:none}body:has(.simulation-detail)>#main-content{height:100%;min-height:0;padding:0}.simulation-detail{height:100%;min-height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:auto minmax(0,1fr);display:grid}.simulation-detail-header{z-index:2;background:#f8f7f2;border-bottom:1px solid #d4dece;align-items:center;gap:16px;min-width:0;padding:4px 16px;display:flex;position:relative}.simulation-detail-header h1{flex:1;min-width:0;margin:0;font-size:clamp(.9rem,1.5vw,1.15rem);line-height:1.25}.simulation-back,.simulation-embed-link,.simulation-guide>summary{min-width:44px;min-height:44px;color:var(--brand);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.82rem;font-weight:600;display:inline-flex}.simulation-back{text-decoration:none}.simulation-detail-actions{gap:8px;display:flex}.simulation-guide>summary{border-radius:8px}.simulation-guide[open]>summary{background:#e5eee5}.simulation-guide-panel{width:min(480px,100vw - 16px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:#fffdf7;border:1px solid #ccd8cc;border-radius:0 0 12px 12px;padding:20px;position:absolute;top:100%;right:8px;overflow:auto;box-shadow:0 10px 24px #16332626}.simulation-guide-panel h2{margin:20px 0 8px;font-size:1.05rem}.simulation-guide-panel p{color:var(--muted-ink);font-size:.9rem;line-height:1.65}.simulation-guide-panel nav{flex-wrap:wrap;gap:12px;display:flex}.simulation-guide-panel a{min-height:44px;color:var(--brand);align-items:center;display:inline-flex}.simulation-embed{background:#fff;min-width:0;min-height:0;overflow:hidden}.simulation-embed-frame{background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}@media (max-width:680px){.simulation-detail-header{grid-template-columns:1fr auto;gap:0 8px;padding:2px 8px 6px;display:grid}.simulation-detail-header h1{grid-area:2/1/auto/-1;padding:0 8px}.simulation-back{justify-self:start}}@media (max-height:500px) and (min-width:600px){.simulation-detail-header{gap:8px;padding-block:0}}.color-pop-discovery{border:1px solid #d6dfd6;border-radius:10px;margin-top:30px;padding:22px}.color-pop-discovery h2{margin:0 0 10px;font-size:1.3rem}.color-pop-discovery p{color:var(--muted-ink);line-height:1.7}.color-pop-discovery a{color:var(--brand);margin-right:24px;padding:10px 0;font-weight:600;display:inline-block}@media (max-width:1000px){.simulation-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.simulation-catalog{grid-template-columns:1fr;gap:12px}.simulation-catalog-card{padding:20px}.simulation-library{padding-block:24px 32px}}@media (prefers-reduced-motion:reduce){.simulation-catalog-card{transition:none}}@media (max-height:500px) and (max-width:680px){.simulation-detail-header{justify-content:space-between;gap:4px;padding:0 8px;display:flex}.simulation-detail-header h1{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.simulation-detail-actions{gap:2px}}