.site-demo-pin{position:relative;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--color-paper-ink);border-radius:9999px;background:var(--color-ember);color:var(--color-ink);font-size:12px;font-weight:700;line-height:1}button.site-demo-pin{width:44px;height:44px;border:8px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 2px var(--color-paper-ink)}.site-demo-pin.is-sm{flex:none;width:24px;height:24px}.site-demo-book-pin{position:absolute;top:-20px;right:-20px;z-index:10}.site-demo-list-pin{position:absolute;top:-20px;right:4px;z-index:10}.site-demo-cap{margin-bottom:8px;color:var(--color-paper-muted);font-size:.875rem}.site-demo-cap>b{color:var(--color-bronze);font-weight:600}.site-demo-box{container-type:inline-size;border:1px solid var(--color-paper-line);border-radius:var(--radius-site);background:#fff}.site-demo-bar{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:12px;padding:8px 12px;border-bottom:1px solid var(--color-paper-line);font-size:.875rem}.site-demo-stage{position:relative;cursor:crosshair}.site-demo-foot{padding:12px;border-top:1px solid var(--color-paper-line);font-size:.875rem}.site-demo-row{display:flex;flex-wrap:wrap;gap:8px}.site-demo-said{min-height:1.5em;margin-top:8px}.site-demo-head{display:flex;justify-content:space-between;gap:12px;margin-top:4px;font-weight:600}.site-demo-head>span{color:var(--color-paper-muted);font-weight:400}.site-demo-list{display:grid;gap:8px;margin-top:8px}@container (min-width: 28rem){.site-demo-foot>.site-demo-row>span{margin-left:auto}}.site-demo-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--color-paper-line-strong);border-radius:var(--radius-site);background:#fff;color:var(--color-paper-ink);font-size:.875rem;font-weight:600;line-height:1.25}button.site-demo-btn:hover{background:var(--color-paper)}.site-demo-btn.is-sm{min-height:44px;padding:0 10px;font-size:.8125rem}.site-demo-btn.is-gold{border-color:var(--color-gold-deep);background:var(--color-gold-deep);color:var(--color-ink)}button.site-demo-btn.is-gold:hover{background:var(--color-ember)}.site-demo-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--color-paper-line);border-radius:var(--radius-site);font-size:.875rem;line-height:1.5}.site-demo-item>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.site-demo-page{container-type:inline-size;background:#f6efe8;color:#3a312b}.site-demo-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #e1d3c8}.site-demo-nav>b{font:400 15px/1.25 var(--font-serif)}.site-demo-nav>span{display:none;gap:14px;font-size:12px}.site-demo-hero{display:grid;gap:16px;padding:16px 16px 20px}.site-demo-kicker{color:#5f524a;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.site-demo-title{margin-top:6px;font:400 22px/1.15 var(--font-serif)}.site-demo-text{margin-top:8px;color:#5f524a;font-size:13px;line-height:1.375}.site-demo-book{position:relative;display:inline-flex;margin-top:14px}.site-demo-book>span:first-child{display:inline-flex;min-height:36px;align-items:center;padding:0 16px;border-radius:var(--radius-site);background:#3d322c;color:#f8efe9;font-size:13px;font-weight:600}.site-demo-card{position:relative;padding:12px 14px;border:1px solid #e1d3c8;border-radius:var(--radius-site);background:#fbf7f3}.site-demo-card>p{font:400 15px/1.5 var(--font-serif)}.site-demo-card ul{margin-top:4px}.site-demo-card li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #e1d3c8;font-size:13px}.site-demo-card li:first-child{border-top:0}.site-demo-card li>span+span{color:#5f524a;white-space:nowrap}@container (min-width: 28rem){.site-demo-nav>b{font-size:17px}.site-demo-nav>span{display:flex}}@container (min-width: 32rem){.site-demo-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;padding:24px 16px 28px}.site-demo-title{font-size:30px}}.site-demo-pin.is-done{background-color:var(--color-paper-2);color:var(--color-paper-muted)}.site-demo-pin.is-on{outline:2px solid var(--color-bronze);outline-offset:2px}button.site-demo-pin.is-on{outline-offset:-6px}button.site-demo-pin:focus-visible{box-shadow:0 0 0 7px #fff,inset 0 0 0 2px var(--color-paper-ink)}.site-demo-pin.is-new{background:var(--color-paper-ink);color:#fff}.site-demo-at{position:absolute;z-index:10;translate:-50% -50%}.site-demo-bubble{position:absolute;z-index:20;padding:12px;border:1px solid var(--color-paper-line-strong);border-radius:var(--radius-site);background:#fff;box-shadow:0 12px 28px -16px rgb(28 22 18/.5);color:var(--color-paper-ink);font-size:.875rem;cursor:auto}.site-demo-bubble>p+p{margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.site-demo-bubble label{display:block;font-weight:600}.site-demo-bubble textarea{display:block;width:100%;margin-top:6px;padding:8px;border:1px solid var(--color-paper-line-strong);border-radius:var(--radius-site);background:#fff;font-weight:400;resize:none}.site-demo-bubble .site-demo-row{margin-top:8px}.site-demo-who{color:var(--color-paper-muted);font-size:.8125rem;font-weight:600}.site-demo-btn.is-ok{border-color:var(--color-ok);background:var(--color-ok-tint);color:var(--color-ok)}.site-demo-btn.is-dark{border-color:var(--color-paper-ink);background:var(--color-paper-ink);color:#fff}.site-demo-tag{margin-left:8px;padding:0 6px;border-radius:var(--radius-site);background:var(--color-ok-tint);color:var(--color-ok);font-size:.8125rem;font-weight:600}.site-demo-item.is-on{border-color:var(--color-bronze);background:var(--color-paper)}.site-demo-item.is-done>span:nth-child(2){color:var(--color-paper-muted)}@media (prefers-reduced-motion:no-preference){.site-demo-pop{animation:site-demo-pop .18s cubic-bezier(.25,1,.5,1) both}}@keyframes site-demo-pop{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}.is-compact[data-demo-still]{--t:4.5cqmin;container:demo-still/size;display:flex;flex-direction:column;background:#f6efe8}.is-compact[data-demo-still]:lang(es){--t:4.2cqmin}.is-compact[data-demo-still]>*{font-size:var(--t)}@container demo-still (min-aspect-ratio: 5/4){.is-compact[data-demo-still]>*{--t:4.8cqmin}.is-compact[data-demo-still]:lang(es)>*{--t:4.75cqmin}}@container demo-still (min-aspect-ratio: 3/2){.is-compact[data-demo-still]>*{--t:5.2cqmin}.is-compact[data-demo-still]:lang(es)>*{--t:4.8cqmin}}.is-compact .site-demo-bar{flex:none;padding:.55em .85em;background:#fff}.is-compact .site-demo-bar>:last-child{margin-left:auto}.is-compact .site-demo-bar .site-demo-btn.is-sm{min-height:2.5em;padding:0 .75em;font-size:.95em}.is-compact .site-demo-page{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0}.is-compact .site-demo-nav{padding:.4em .85em}.is-compact .site-demo-nav>b{font-size:1.05em}.is-compact .site-demo-nav>span{font-size:.85em}.is-compact .site-demo-hero{grid-template-columns:1.1fr 1fr;align-items:start;gap:.8em;padding:.25em .85em}.is-compact .site-demo-kicker{font-size:.72em}.is-compact .site-demo-title{margin-top:.25em;font-size:1.4em}.is-compact .site-demo-text{margin-top:.4em;font-size:.88em}.is-compact .site-demo-book{margin-top:.8em}.is-compact .site-demo-book>span:first-child{min-height:2.5em;padding:0 1.05em;font-size:.9em}.is-compact .site-demo-card{padding:.6em .75em}.is-compact .site-demo-card>p{font-size:1.05em}.is-compact .site-demo-card li{padding:.3em 0;font-size:.88em}.is-compact .site-demo-pin{width:2.35em;height:2.35em;font-size:.75em}.is-compact .site-demo-book-pin{top:-.75em;right:-.75em}.is-compact .site-demo-list-pin{top:-.75em;right:.75em}.is-compact .site-demo-note{position:static;flex:none;align-self:flex-start;max-width:calc(100% - .85em - 3.75rem);margin:0 .85em .85em;padding:.5em .7em;font-size:calc(var(--t) * .9)}