.base-card,.card,.panel,.sheet,.drawer,.popover,.modal,dialog,[role="dialog"],[data-floating]{max-inline-size:100%;min-inline-size:0;overflow-wrap:anywhere;word-break:normal}
.base-card,.card{inline-size:min(100%,54rem);background:var(--surf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);backdrop-filter:var(--card-backdrop);clip-path:var(--card-clip);text-align:start}
.base-card{padding:1rem;overflow:clip}.hero-card{background:linear-gradient(145deg,var(--surf),var(--surf-2));position:relative;display:grid;justify-items:end}.hero-card>*{inline-size:min(100%,56rem);text-align:start}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--p700);margin-block-end:.5rem;font-weight:700}.eyebrow.light{color:var(--p700)}
.hero-card h1{font-family:var(--display-font);font-size:clamp(1.75rem,8vw,2.85rem);font-weight:400;line-height:1.08;color:var(--text);margin-block-end:.6rem;text-wrap:balance}.hero-card h1 em{font-style:italic;color:var(--p700)}
.hero-card p{font-size:14px;color:var(--muted);line-height:1.7;text-wrap:pretty}
.card-flow{inline-size:min(100%,54rem);display:flex;flex-direction:column-reverse;gap:1rem;align-items:stretch}.card{overflow:hidden;display:flex;flex-direction:column;cursor:default;animation:fu .26s ease both;transition:transform .18s,box-shadow .18s;-webkit-user-select:none;user-select:none}.card:active{transform:scale(.985)}@media(hover:hover){.card:hover{transform:translateY(-3px);box-shadow:var(--deep-shadow)}}@keyframes fu{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.cbody{padding:1rem;flex:1;display:grid;justify-items:end;gap:5px}.cbody>*{inline-size:min(100%,32rem);text-align:start}.ccat{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--p700)}.ctitle{font-family:var(--display-font);font-size:1.16rem;font-weight:700;line-height:1.2;color:var(--text);text-wrap:balance}.cdesc{font-size:13px;color:var(--muted);line-height:1.6;flex:1;margin-block-start:2px;text-wrap:pretty}.cfoot{padding:.65rem 1rem;border-block-start:1px solid var(--line);background:var(--surf-2);display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.costchip{font-size:10px;color:var(--p700);background:var(--p50);padding:4px 8px;border-radius:var(--pill);font-weight:700}.costchip.free{color:var(--green);background:var(--gbg)}.muted-mini{font-size:10px;color:var(--muted)}
:where(dialog[open]){inline-size:min(32rem,calc(100dvw - 1rem));max-block-size:calc(100dvh - var(--note-height) - var(--tab-height) - 2rem);margin:auto;overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surf);color:var(--text);box-shadow:var(--deep-shadow);backdrop-filter:var(--card-backdrop)}
:where(.safe-panel,[data-floating]){inline-size:min(28rem,calc(100dvw - 1rem));max-block-size:calc(100dvh - var(--note-height) - var(--tab-height) - 2rem);overflow:auto;overscroll-behavior:contain}
html[data-hand="Canhoto"] .hero-card,html[data-hand="Canhoto"] .cbody{justify-items:start}