.product>.section-heading{display:block}.product>.section-heading p{max-width:740px;margin-top:24px}.product .scenario-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:none;border:0;padding:0;margin-top:36px;width:100%}.product .scenario-tabs button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;padding:24px 20px;gap:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);transition:background .25s,border-color .25s}.scenario-tabs button small{font-size:12px;letter-spacing:.08em;color:var(--accent)}.scenario-tabs button strong{font-size:21px;line-height:1.25}.scenario-tabs button span{font-size:16px;line-height:1.45;color:var(--muted)}.product .scenario-tabs button[aria-selected=true]{background:var(--mint-soft);border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.scenario-story{display:grid;grid-template-columns:1fr 1fr;gap:12px 36px;margin:36px 0 24px}.scenario-story>span{grid-column:1/-1;font-size:12px;letter-spacing:.12em;color:var(--accent)}.scenario-story h3{font-size:28px;line-height:1.2;margin:0}.scenario-story p{font-size:17px;line-height:1.6;color:var(--muted);margin:0}.example-library{padding:30px 0 44px}.example-library h3{font-size:24px;margin:0 0 12px}.example-library p{font-size:17px;color:var(--muted)}.example-library>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.example-library button{font:inherit;font-size:16px;padding:15px 20px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;cursor:pointer}.example-library button[aria-pressed=true],.example-library button:hover{border-color:var(--accent);color:var(--accent)}.demo-settings{display:grid;grid-template-columns:.85fr 1.4fr;gap:40px;border:1px solid var(--line);border-radius:24px;padding:36px;background:var(--surface)}.settings-intro h3{font-size:32px;line-height:1.2;margin:18px 0}.settings-intro p{font-size:17px;line-height:1.65;color:var(--muted)}.settings-intro output{display:block;border-left:3px solid var(--accent);padding:12px 16px;background:var(--mint-soft);font-size:16px;line-height:1.6;margin-top:24px}#showcase-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}#showcase-settings label{font-size:16px;line-height:1.5;color:var(--ink);min-width:0}#showcase-settings select{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:13px 10px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);min-height:50px}.check-setting{display:flex;gap:12px;align-items:flex-start}.check-setting input{accent-color:var(--accent);width:21px;height:21px;flex-shrink:0;margin-top:3px}.check-setting small{display:block;color:var(--muted);font-size:14px;margin-top:6px}.control-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}.control-map article{padding:24px 0;border-top:1px solid var(--accent)}.control-map article>span{color:var(--accent);font-size:12px;letter-spacing:.1em}.control-map h3{font-size:23px;margin:16px 0}.control-map p{font-size:17px;color:var(--muted);line-height:1.65}.control-map a{display:inline-block;color:var(--accent);font-size:16px;margin-top:16px}#showcase-settings:target{outline:2px solid var(--accent);outline-offset:12px}#showcase-settings :focus-visible,.scenario-tabs :focus-visible,.example-library :focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}@media(max-width:1000px){.product .scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-settings{grid-template-columns:1fr}.control-map{gap:20px}.control-map h3{font-size:21px}}@media(max-width:600px){.product .scenario-tabs button{padding:18px 14px}.scenario-tabs button strong{font-size:19px}.scenario-tabs button span{font-size:15px}.scenario-story{grid-template-columns:1fr}.scenario-story h3{font-size:25px}.demo-settings{padding:24px 18px;gap:24px}#showcase-settings,.control-map{grid-template-columns:1fr}.settings-intro h3{font-size:28px}.example-library button{width:100%;text-align:left}.product .scenario-tabs{gap:8px}.scenario-tabs button small{font-size:12px;letter-spacing:0}}