*{box-sizing:border-box}body{margin:0;font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242731;background:#eef0f3}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}a{color:#3452cc;text-decoration:none}a:hover{text-decoration:underline}.catalog{display:flex;min-height:100vh}.catalog-nav{width:224px;flex-shrink:0;background:#f9fafc;border-right:1px solid #dce0e6;position:sticky;top:0;height:100vh;padding:30px 18px;display:flex;flex-direction:column}.brand{font-size:24px;letter-spacing:-1px;font-weight:650;color:#252a3a}.brand span{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#737b8c;margin-top:8px}.catalog-search{display:block;font-size:11px;color:#6d7482;margin:30px 0 18px}.catalog-search input{display:block;width:100%;padding:9px;margin-top:7px;border:1px solid #dce0e6;border-radius:7px;background:white}#catalog-nav{overflow:auto;flex:1}.nav-item{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 11px;border-radius:7px;color:#5a6271;margin:3px 0}.nav-item.active{color:#3452cc;background:#e7ebf8;font-weight:600}.nav-item small{float:right;color:#8a91a0;font-weight:400}.catalog-nav footer{font-size:11px;line-height:1.8;color:#747c8c;padding-top:16px}.catalog-nav footer a{display:block;margin-top:6px}.edition{font-size:9px;letter-spacing:.6px}.catalog-main{min-width:0;flex:1;padding:30px 32px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7b8496;margin:0 0 8px}h1{font-size:26px;letter-spacing:-.7px;margin:0;font-weight:600}.catalog-controls{display:flex;gap:12px}.catalog-controls label{font-size:10px;color:#697386;text-transform:uppercase;letter-spacing:.5px}.catalog-controls select{display:block;max-width:220px;min-width:110px;padding:8px;border:1px solid #d4d9e3;border-radius:6px;background:#fff;margin-top:5px;color:#303747;text-transform:none;letter-spacing:0}.reference-note{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#727b8c;margin:22px 0 16px;line-height:1.5}.reference-note a{flex-shrink:0}.stage{overflow:auto;border:1px solid #d2d7df;background:#e2e5ea;border-radius:12px;min-height:640px;padding:20px;box-shadow:0 12px 35px #16254008}.catalog-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7c8595;padding:15px 1px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#262c3c;color:white;border-radius:9px;padding:12px 20px;box-shadow:0 6px 28px #0002;display:none;z-index:100}.toast.visible{display:block}@media(max-width:900px){.catalog-nav{width:180px;padding:24px 12px}.catalog-main{padding:24px 16px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-caption{flex-direction:column}.stage{padding:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.catalog-controls>button{align-self:flex-end;padding:9px 10px;border:1px solid #d4d9e3;border-radius:6px;background:#fff;color:#3452cc}.focus-specimen .catalog-nav{display:none}.focus-specimen .catalog-main{padding:20px}.focus-specimen .catalog-toolbar h1{font-size:22px}

/* Hidden state must take precedence over component display layouts. */
.catalog [hidden]{display:none!important}
