/* Beauty showcase layout; palette, type and common components use shared SIGVORA tokens. */
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font:var(--body)/var(--leading) var(--font)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.wrap{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip{position:absolute;left:-100vw;top:0;background:var(--surface);color:var(--text);padding:var(--space-1)}.skip:focus{left:1rem;z-index:10}.header{min-height:5.5rem}.brand img{width:10rem;height:auto}.header-tools{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;font-size:var(--small)}select,input{border:1px solid var(--line);border-radius:var(--small-radius);background:var(--surface);color:var(--text);min-height:44px;padding:.5rem .75rem}.intro-block{padding:var(--space-5) 0 var(--space-4);max-width:51rem}.eyebrow{color:var(--accent);font-size:var(--small);font-weight:var(--bold);letter-spacing:.12em;text-transform:uppercase}.intro-block h1{font:var(--regular) clamp(2.6rem,7vw,5rem)/1.07 var(--font-heading);letter-spacing:var(--tracking);margin:.4rem 0 var(--space-2)}.lead{font-size:clamp(1.08rem,2.2vw,1.35rem);max-width:41rem;margin:0 0 var(--space-3)}.intro-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.primary,.secondary,.view-switch button,#tabs button,.action{min-height:44px;border:1px solid var(--accent);border-radius:var(--small-radius);padding:.62rem 1.1rem;background:var(--surface);color:var(--text);font-weight:var(--medium)}.primary{background:var(--text);color:var(--surface);border-color:var(--text)}.secondary:hover,.view-switch button:hover,#tabs button:hover,.action:hover{background:var(--accent-soft)}.demo-badge,.tag{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:.3rem .8rem;font-size:var(--small)}.privacy-note{font-size:var(--small);margin:var(--space-2) 0 0;color:var(--text)}[hidden]{display:none!important}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;border-top:1px solid var(--line);padding-top:var(--space-3)}.workspace-head h2{font:var(--regular) var(--h2)/1.1 var(--font-heading);margin:.25rem 0}.workspace-head .eyebrow{margin:0}.view-switch{display:flex;gap:.4rem}.view-switch button[aria-pressed=true],#tabs button[aria-current=page]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}#tabs{display:flex;gap:.5rem;overflow:auto;scrollbar-width:thin;padding:var(--space-3) 0 var(--space-2)}#tabs button{white-space:nowrap}#notice{min-height:1.7rem;margin:0 0 var(--space-1);font-size:var(--small)}#notice:empty{visibility:hidden}.section-title{display:flex;align-items:end;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin:0 0 var(--space-2)}.section-title h3{font:var(--regular) var(--h3)/1.2 var(--font-heading);margin:0}.section-title p{margin:0;font-size:var(--small)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.panel,.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3)}.tile{min-height:10rem}.tile .number{font:var(--regular) 2.7rem/1.1 var(--font-heading);margin:.8rem 0}.tile p,.panel p{margin:.4rem 0}.tile strong{font-weight:var(--medium)}.wide{grid-column:span 2}.list{display:grid;gap:.7rem}.item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--small-radius);padding:.9rem 1rem}.item-main{display:grid;gap:.15rem}.item-main small{font-size:var(--small)}.item-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag{white-space:nowrap}.action{padding:.4rem .7rem;min-height:40px}.muted{font-size:var(--small)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);align-items:end}.form-row label{display:grid;gap:.3rem;font-size:var(--small);font-weight:var(--medium)}.form-row input,.form-row select{width:100%}.full{grid-column:1/-1}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.slot{border:1px solid var(--line);border-radius:var(--small-radius);padding:.9rem;text-align:center;background:var(--bg)}.slot strong{display:block}.slot p{font-size:var(--small);margin:.2rem 0 0}.footer{margin-top:var(--space-5);color:var(--text)}.footer a{color:var(--text)}
@media(max-width:700px){.header{align-items:center}.brand img{width:7.7rem}.header-tools{gap:.3rem}.header-tools label{position:absolute;left:-100vw}.header-tools select{max-width:7.7rem}.intro-block{padding:var(--space-4) 0 var(--space-3)}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.panel,.tile{padding:var(--space-2)}.workspace-head{align-items:start}.item{align-items:start;flex-direction:column}.item-actions{width:100%}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{margin-top:var(--space-4)}}
/* Shared dark text keeps small uppercase labels above the AA contrast threshold. */
.eyebrow{color:var(--text)}