:root {
    --pa-bg: #F7F6F4;
    --pa-surface: #FFFFFF;
    --pa-text: #111111;
    --pa-muted: #6F6A66;
    --pa-border: #E7E3DE;
    --pa-dark: #2B2725;
    --pa-radius-sm: 12px;
    --pa-radius-md: 20px;
    --pa-radius-lg: 32px;
    --pa-shadow-card: 0 8px 28px rgba(17,17,17,.08);
    --pa-shadow-popup: 0 20px 60px rgba(17,17,17,.16);
    --pa-view-heading-gap: 12px;
    --pa-view-content-gap: 24px;
    --pa-view-gutter: clamp(16px, 3vw, 32px);
    --pa-drawer-duration: 240ms;
    --pa-drawer-easing: cubic-bezier(.22, .61, .36, 1);
}

body {
    font-family: "Montserrat", Arial, sans-serif;
}

.pa-app,
.pa-popup-content,
.paaasia-hallinta {
    color: var(--pa-text);
    font-family: "Montserrat", Arial, sans-serif;
}

.pa-app {
    background: var(--pa-bg);
}

.pa-app *,
.pa-popup-content * {
    box-sizing: border-box;
}

.pa-muted {
    color: var(--pa-muted);
}

.pa-surface {
    background: var(--pa-surface);
    border: 1px solid var(--pa-border);
    border-radius: var(--pa-radius-md);
}

.pa-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pa-cluster {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Shared scroll treatment for every off-canvas UI panel. */
.pa-ui-scroll-panel {
    overscroll-behavior: contain;
    scrollbar-color: #d8d4cf transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.pa-ui-scroll-panel::-webkit-scrollbar {
    width: 6px;
}

.pa-ui-scroll-panel::-webkit-scrollbar-track {
    background: transparent;
}

.pa-ui-scroll-panel::-webkit-scrollbar-thumb {
    background: #d8d4cf;
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

.pa-ui-scroll-panel::-webkit-scrollbar-thumb:hover {
    background: #bbb6b0;
    background-clip: padding-box;
}


/* PääAsia UI polish 2.1.1 source: shortcodes\asetukset.css */
.pa-settings{width:100%;max-width:980px;margin:0 auto;padding:0 32px 112px;box-sizing:border-box;color:#26221f;font-family:Montserrat,Arial,sans-serif}.pa-settings__intro{margin-bottom:22px}.pa-settings__intro>span,.pa-settings__eyebrow{color:#77716c;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pa-settings__intro h2{margin:5px 0 7px;font-size:34px;letter-spacing:-.04em}.pa-settings__intro p{max-width:620px;margin:0;color:#6e6a66;line-height:1.55}.pa-settings__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.pa-settings__card{padding:24px;border:1px solid #e5e1db;border-radius:22px;background:#fff;box-shadow:0 7px 24px rgba(35,31,27,.055)}.pa-settings dl{display:grid;gap:15px;margin:20px 0 0}.pa-settings dl div{padding-bottom:13px;border-bottom:1px solid #ece8e2}.pa-settings dt{margin-bottom:4px;color:#8a8580;font-size:10px;font-weight:700;text-transform:uppercase}.pa-settings dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.pa-settings__hint{margin:20px 0 0;padding:14px;border-radius:14px;background:#f6f4f0;color:#6e6a66;font-size:12px;line-height:1.55}.pa-settings__form{display:grid;gap:14px}.pa-settings__form label{display:grid;gap:7px;color:#625d58;font-size:12px;font-weight:700}.pa-settings__form input{width:100%;min-height:46px;padding:0 13px;box-sizing:border-box;border:1px solid #dcd7d0;border-radius:13px;background:#faf9f7;color:#26221f;font:inherit}.pa-settings__form input:focus{border-color:#8b8177;background:#fff;outline:3px solid rgba(139,129,119,.14)}.pa-settings__form small{color:#8a8580;font-size:10px;font-weight:500}.pa-settings__form button{min-height:46px;margin-top:4px;padding:0 20px;border:1px solid #24211e;border-radius:999px;background:#24211e;color:#fff;font:700 13px/1 Montserrat,Arial,sans-serif;cursor:pointer}.pa-settings__form button:hover,.pa-settings__form button:focus-visible{background:#000;outline:3px solid rgba(36,33,30,.16);outline-offset:2px}.pa-settings__notice{margin:0 0 16px;padding:13px 15px;border:1px solid #bad6c1;border-radius:13px;background:#edf7ef;color:#245a33;font-size:13px}.pa-settings__notice.is-error{border-color:#e2bcbc;background:#fff2f2;color:#8b2727}@media(max-width:720px){.pa-settings{padding:0 20px 104px}.pa-settings__grid{grid-template-columns:1fr}.pa-settings__card{padding:20px;border-radius:18px}}