.category-simulation h2,.category-simulation h3,.category-simulation h4,.category-simulation h5{align-self:center;text-align:left}.category-simulation h2,.category-simulation h3,.category-simulation h4,.category-simulation h5,.category-simulation p{width:90vw;max-width:720px}.category-simulation{max-width:100%}.sim-article-title{padding-top:2em}.sim-description{padding-left:1rem;padding-right:1rem;text-align:center}.sim-article body::-webkit-scrollbar{display:none}.sim-article{margin-bottom:2rem}.sim-article p,h1,h2,h3,h4,h5{padding-left:1rem;padding-right:1rem}.sim-container{margin-bottom:3rem}.sim-container #sketch-container{border-style:solid;border-width:2px;border-color:#fff}.sim-container .Tool-Explanation{font-size:1rem;color:#999;text-align:center;max-width:800px}.sim-stage{position:relative;background:linear-gradient(160deg,#181818,#1a1a1a);margin-top:.5rem;width:100%;max-height:60vh;margin-inline:auto;border-radius:8px;margin-bottom:1rem}.sim-stage-fullscreen canvas{position:absolute;top:0;left:0;width:100vw;height:100vh}.pill-unvisible{opacity:0}.sim-canvas{position:relative;background:radial-gradient(120% 120% at 50% 10%,#0b0f18 10%,#0b1220 60%,#0a0e19);box-shadow:0 8px 30px #00000059,inset 0 1px #ffffff0a;overflow:hidden;width:100%;max-width:800px;aspect-ratio:16 / 9;height:auto;min-height:220px;margin:0 auto}@media (max-width: 640px){.sim-canvas{aspect-ratio:auto;height:60svh;max-width:none}}.sim-canvas>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit}.sim-start{position:absolute;inset:0;margin:auto;width:240px;height:64px;border-radius:999px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);display:grid;place-items:center;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.sim-start p{color:#fff}.sim-start:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff38}.sim-start .hint{display:block;font-size:.75rem;opacity:.75;font-weight:400;margin-top:.1rem}.sim-caption{font-size:.95rem;margin-bottom:2rem;color:var(--secondary-text-color);text-align:left}.sim-stage{position:relative}canvas{width:100%;height:100%;display:block}.sim-controls-row{position:absolute;z-index:2;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;width:100%;height:100%}.sim-controls-inline{position:absolute;top:12px;left:12px;z-index:2}.sim-controls-row .sim-controls-inline{position:static;top:auto;left:auto}.sim-stage canvas{opacity:0;transition:opacity 2.2s ease;will-change:opacity}.sim-stage.is-visible canvas{opacity:1}@media (prefers-reduced-motion: reduce){.sim-stage canvas{transition:none}}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;height:100%;background:#ffffff14;backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:200;font-size:.95rem;letter-spacing:.2px;box-shadow:0 4px 12px #00000040;cursor:pointer;transition:opacity .32s ease-out,transform .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease}.pill svg{width:40px;height:40px}.sim-controls-row-2 .pill{top:12;left:12;width:36px;height:36px;border-radius:999px}.pill:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 6px 18px #00000059}.pill:active{transform:translateY(0);background:#ffffff1a;box-shadow:0 2px 8px #00000040 inset}.sim-stage .pill[aria-pressed=false]{opacity:.6;pointer-events:auto}.sim-stage .pill[aria-pressed=true]{opacity:0;pointer-events:auto}@media (min-width: 768px){.sim-stage .pill[aria-pressed=false]:hover{opacity:1}.sim-stage .pill[aria-pressed=true]:hover{opacity:.5}}.yt-cta-btn{--cta-accent: #ff0000;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.3px;color:var(--cta-accent);background:transparent;border:2px solid var(--cta-accent);transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .15s ease}.yt-cta-btn-wrapper{margin:2rem}.yt-cta-btn svg{width:1.2rem;height:1.2rem;fill:currentColor}.yt-cta-btn:after{content:"→";font-weight:500;opacity:.8;transform:translate(0);transition:transform .15s ease,opacity .15s ease}.yt-cta-btn:hover{background:var(--cta-accent);color:#fff;transform:translateY(-1px);box-shadow:0 0 8px #ff000080}.yt-cta-btn:hover:after{transform:translate(3px)}.yt-cta-btn:active{transform:translateY(0);box-shadow:0 0 4px #f006}.yt-cta-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #f006}.category-simulation .vendor-desc{max-width:400px}@media (max-width: 720px){.category-simulation .vendor-desc{max-width:70vw}}
