/* Shared canvas skin. Page styles arrange each demo; the canvas owns its
   typography, chrome, surfaces and interaction states. */

.paka-canvas[data-canvas-ui]{--pc-surface:#fff;--pc-deep:#7e4023;--pc-good:#52504e;--pc-good-bg:#f1f1f1;--pc-card-radius:16px;--pc-field-radius:12px;font-family:var(--pc-ui);font-optical-sizing:auto;border-color:var(--pc-line);border-radius:26px;box-shadow:0 34px 90px #2e241c29}
.paka-canvas[data-canvas-ui] :is(button,input,textarea,select){font-family:var(--pc-ui)}
html .paka-canvas[data-canvas-ui] :is(h2,h3,h4,.pc-identity b,.pc-panel-heading>b,.pc-media-caption b){font-family:var(--pc-display);font-weight:600;letter-spacing:-.025em}
.paka-canvas[data-canvas-ui] :is(.cv-price,.case-price,.flow-total b,.offer-ui-total strong,.membership-overview>strong,.hero-offer-meta>b){font-family:var(--pc-display);font-weight:600;color:var(--pc-ink);letter-spacing:-.02em}
.paka-canvas[data-canvas-ui] :is(.story-price small,.membership-overview>strong small,.hero-offer-meta small){font-family:var(--pc-ui);font-weight:400;letter-spacing:normal}
.paka-canvas[data-canvas-ui] .pc-identity b{letter-spacing:-.01em}
.paka-canvas[data-canvas-ui] .pc-dock{max-width:620px}
.paka-canvas[data-canvas-ui] .pc-powered{gap:5px;font-size:13px;margin-top:7px}
.paka-canvas[data-canvas-ui] .pc-powered-chip>b{font-family:var(--pc-ui);font-size:13px;letter-spacing:-.015em;line-height:1;color:var(--pc-soft)}
.paka-canvas[data-canvas-ui] .pc-legal-chip button{font-size:inherit}
.paka-canvas[data-canvas-ui] .pc-pill{transition:border-color .2s,box-shadow .2s}
.paka-canvas[data-canvas-ui] .pc-pill:hover{border-color:var(--pc-soft)}
.paka-canvas[data-canvas-ui] .pc-pill:focus-within{border-color:var(--pc-accent);box-shadow:0 12px 34px #2e241c24}
.paka-canvas[data-canvas-ui] :is(.pc-icon,.pc-mic,.pc-send) svg{width:15px;height:15px}
.paka-canvas[data-canvas-ui] :is(.pc-portrait,.pc-offering-media,.case-offer-photo,.cv-split>img,.flow-action-intro>img){border-radius:18px}
.paka-canvas[data-canvas-ui] :is(.pc-panel,.compare-option,.checkout-summary,.membership-overview,.story-booking-summary){background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:var(--pc-card-radius);color:var(--pc-ink)}
.paka-canvas[data-canvas-ui] :is(.offer-selection,.tutor-note,.pc-history-question){border-radius:var(--pc-field-radius)}
.paka-canvas[data-canvas-ui] :is(.event-dates button,.product-finishes button,.inquiry-choices>button,.day-tabs button,.slot-grid button,.offer-options.times>button,.story-date-grid>span){border:1px solid var(--pc-line);border-radius:var(--pc-field-radius);background:var(--pc-surface);color:var(--pc-ink)}
.paka-canvas[data-canvas-ui] :is(.event-dates button.active,.product-finishes button.active,.inquiry-choices>button.active,.slot-grid button.active,.offer-options button.selected,.story-date-grid>.selected,.compare-option.recommended){border-color:var(--pc-accent);background:var(--pc-tint);color:var(--pc-deep)}
.paka-canvas[data-canvas-ui] .day-tabs button.active{border-color:var(--pc-ink);background:var(--pc-ink);color:var(--pc-bg)}
.paka-canvas[data-canvas-ui] :is(.offer-options.lessons>button,.offer-options.files>button){border-radius:0;border-width:0 0 1px;border-color:var(--pc-line)}
.paka-canvas[data-canvas-ui] .offer-options.files button>b{background:var(--pc-tint);color:var(--pc-deep)}
.paka-canvas[data-canvas-ui] :is(.flow-total,.quantity-row,.quantity-row>div,.cv-list li){border-color:var(--pc-line);color:var(--pc-soft)}
.paka-canvas[data-canvas-ui] :is(.quantity-row button,.quantity-row b,.membership-overview>div){color:var(--pc-ink)}
.paka-canvas[data-canvas-ui] .quantity-row button{width:40px;height:40px}
.paka-canvas[data-canvas-ui] .quantity-row button:hover:not(:disabled){background:var(--pc-tint)}
.paka-canvas[data-canvas-ui] :is(.membership-overview>span,.membership-overview>strong small,.membership-consent,.offer-options.lessons button>small){color:var(--pc-soft)}
.paka-canvas[data-canvas-ui] .membership-consent input{accent-color:var(--pc-accent)}
.paka-canvas[data-canvas-ui] .cv-list li:before{color:var(--pc-good)}
.paka-canvas[data-canvas-ui] .finish-summary{background:var(--pc-good-bg);color:var(--pc-good);border-radius:var(--pc-field-radius)}
.paka-canvas[data-canvas-ui] .cv-btn.secondary{background:var(--pc-surface)}
.paka-canvas[data-canvas-ui] .story-mock-action{background:var(--pc-accent);border-radius:999px;color:white;font-weight:600}
.paka-canvas[data-canvas-ui] .pc-cinema h2{color:white}
.paka-canvas[data-canvas-ui] .pc-cinema .hero-offer-meta>b{color:white}
.paka-canvas[data-canvas-ui].pc-cinematic .pc-powered-chip>b{color:#e7e7e7}
@container(max-width:540px){
 .paka-canvas[data-canvas-ui] .pc-powered,.paka-canvas .pc-powered button{font-size:13px}
 .paka-canvas[data-canvas-ui] .pc-powered{gap:4px}
 .paka-canvas[data-canvas-ui] .quantity-row button{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.paka-canvas[data-canvas-ui] .pc-pill{transition:none}}