/* 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}}

/* Page finishes from the actual Canvas: Flat, Depth, Glass.
   Keep brand colors and layout; finish changes only the material treatment. */
.paka-canvas[data-canvas-ui][data-canvas-style]:not(.pc-cinematic){--pc-surface:#fff;--pc-control-radius:10px}
.paka-canvas[data-canvas-ui][data-canvas-style]:not(.pc-cinematic) :is(.pc-pill,.pc-menu,.pc-icon,.pc-mic,.pc-send,.pc-intents button,.pc-shortcuts button){border-radius:var(--pc-control-radius)}
.paka-canvas[data-canvas-ui][data-canvas-style="flat"]:not(.pc-cinematic) :is(.pc-pill,.pc-menu,.pc-icon,.pc-powered-chip,.pc-legal-chip){box-shadow:none;background:var(--pc-surface);border:1px solid var(--pc-line)}
.paka-canvas[data-canvas-ui][data-canvas-style="depth"]:not(.pc-cinematic) :is(.pc-icon,.pc-menu,.pc-intents button,.pc-shortcuts button){background:linear-gradient(145deg,var(--pc-bg),var(--pc-surface));box-shadow:inset 0 1px 1px #ffffffd9,0 1px 2px #29251f14;border:1px solid var(--pc-line)}
.paka-canvas[data-canvas-ui][data-canvas-style="depth"]:not(.pc-cinematic) .pc-pill{background:var(--pc-surface);box-shadow:0 3px 5px #29251f1c,0 12px 30px #29251f12}
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic){--pc-surface:#ffffffb8;background:radial-gradient(ellipse at 10% 5%,#efdba655,transparent 43%),radial-gradient(ellipse at 85% 96%,#efdba666,transparent 46%),var(--pc-bg)}
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic) :is(.pc-top,.pc-nav){background:#ffffff38;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic) :is(.pc-menu,.pc-icon,.pc-intents button,.pc-shortcuts button,.pc-powered-chip,.pc-legal-chip){background:var(--pc-surface);border-color:transparent;box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.paka-canvas[data-canvas-ui][data-canvas="case-digital-products"]:not(.pc-cinematic) .pc-intents button{border:1px solid var(--pc-line)}
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic) .pc-pill{background:#ffffffb8;border-color:#d7c89d99;box-shadow:0 12px 34px #29251f12;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic) .pc-panel{background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}

/* Glass utility controls match the supplied white, borderless reference. */
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic) :is(.pc-menu,.pc-icon){background:#fff;border:1px solid transparent;box-shadow:none}

/* Glass dock surfaces share the same translucent fill. */
.paka-canvas[data-canvas-ui][data-canvas-style="glass"]:not(.pc-cinematic) .pc-menu{background:#ffffffb8;border:1px solid #d7c89d99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}