:root{font-family:system-ui,-apple-system,sans-serif;color:#20334a;background:#f3f6fc;font-synthesis:none}
body{margin:0}#samples-app{max-width:960px;margin:auto;padding:24px;box-sizing:border-box}header{display:flex;align-items:center;justify-content:space-between;gap:16px}header>a{font-weight:750;font-size:1.25rem;text-decoration:none;color:#183152}a{color:#2452b4}select,button{font:inherit;min-height:44px;border:1px solid #b9c6dc;border-radius:9px;padding:10px 14px;background:white;color:#243956}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}#sample-picker{width:100%;margin:8px 0 20px}.sample-intro{padding:35px 0 10px}.sample-intro small{letter-spacing:.12em;color:#4261a2;font-size:.75rem}h1{font-size:clamp(2rem,5vw,3.3rem);max-width:680px;letter-spacing:-.04em;line-height:1.1;margin:14px 0}.sample-intro p{max-width:670px;font-size:1.1rem;line-height:1.6;color:#51647d}.sample-notice{padding:12px;border-inline-start:3px solid #4669d8;background:#e7edfb;font-size:.9rem}.sample-view{background:white;border:1px solid #dbe3ef;border-radius:16px;padding:24px}.sample-view h2{font-size:1.25rem;line-height:1.4;margin-top:0}footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:#f3f6fc}footer button:last-child{background:#284fb1;color:white}details>summary{cursor:pointer;min-height:36px}small{line-height:1.5}body>main>details{padding:16px 0} :focus-visible{outline:3px solid #537bdc;outline-offset:3px}@media(max-width:600px){#samples-app{padding:16px}.sample-intro{padding-top:22px}.sample-view{padding:14px}footer button{font-size:.85rem;padding:8px}.sample-intro p{font-size:1rem}.branch-panel{max-height:45vh}}

@media(max-width:600px){.sample-intro p{display:none}.sample-intro h1{font-size:1.8rem}.sample-intro{padding:18px 0 4px}.sample-notice{font-size:.8rem}.sample-view .branch-panel{max-height:48vh}}