:root{--bg:#fdfbf9;--bg-lav:#f9f3fa;--card:#fff;--border:#e7dfe3;--fg:#392d3b;--fg-soft:#545060;--accent-dark:#8a6790;--on-accent:#fff;--footer-bg:#392d3b;--footer-fg:#efe6f0;--display:"Playfair Display",Georgia,serif;--body:"Montserrat",-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.7}
a{color:var(--accent-dark)}
.site-header{border-bottom:1px solid var(--border);background:var(--bg);padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
.wrap{max-width:1140px;margin:0 auto}
.narrow{max-width:760px;margin:0 auto}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none}
.brand img{width:44px;height:auto}
.brand b{font-family:var(--display);font-weight:500;font-size:1.3rem}
.btn{display:inline-flex;align-items:center;background:var(--accent-dark);color:var(--on-accent);text-decoration:none;font-weight:700;font-size:.85rem;letter-spacing:.04em;padding:12px 22px;border-radius:40px}
main{padding:56px max(16px,env(safe-area-inset-right,0px)) 72px max(16px,env(safe-area-inset-left,0px))}
h1,h2{font-family:var(--display);font-weight:500;line-height:1.25}
h1{font-size:clamp(2rem,4vw,2.6rem);margin:0 0 8px}
h2{font-size:1.35rem;margin:36px 0 8px}
.meta{color:var(--fg-soft);font-size:.9rem}
ul{padding-left:1.2em}
.site-footer{background:var(--footer-bg);color:var(--footer-fg);font-size:.85rem;padding:36px max(16px,env(safe-area-inset-right,0px)) 36px max(16px,env(safe-area-inset-left,0px))}
.site-footer a{color:var(--footer-fg)}
.site-footer p{margin:6px 0}
.card{display:flex;gap:28px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:24px;padding:28px;margin-top:32px;flex-wrap:wrap}
.card img{width:180px;border-radius:6px;box-shadow:0 14px 30px -20px rgba(57,45,59,.6)}
.card div{flex:1;min-width:240px}
.linkish{background:none;border:none;padding:0;margin-left:10px;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
.btn-sm{padding:9px 18px;font-size:.8rem;border:none}
.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--border);box-shadow:0 -10px 30px -20px rgba(57,45,59,.5);padding-block:16px calc(16px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.cookie .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie p{font-size:.88rem;color:var(--fg-soft);max-width:720px;margin:0}
.cookie .acts{display:flex;gap:10px;flex-shrink:0}