/* Shared with kaiarelief.com: Raleway, Zalando Sans Expanded and burgundy.
   Assets are served locally so reading a guide does not contact Shopify. */
@font-face{font-family:"Raleway";src:url("brand/raleway-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Zalando Sans Expanded";src:url("brand/zalando-sans-expanded-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{
 --f-body:"Raleway",Arial,sans-serif;
 --f-display:"Zalando Sans Expanded",Arial,sans-serif;
 --f-mono:"Raleway",Arial,sans-serif;
 --wdth-display:normal;--wdth-label:normal;
 --ground:#fff;--surface:#fff;--surface-2:#f7f5f4;--sunken:#f2efed;
 --sand:#ede7e4;--blush:#f5e9e8;
 --ink:#2a2420;--ink-2:#51494a;--ink-3:#655d5e;
 --line:#e6dedd;--line-2:#c8b9bb;
 --accent:#a12539;--accent-ink:#9d2235;--accent-soft:#f7e9eb;--on-accent:#fff;
 --shadow:0 3px 16px rgba(70,35,42,.06);
}
:root[data-theme="dark"]{--ground:#1d191a;--surface:#241f20;--surface-2:#30292b;--sunken:#191516;--sand:#393033;--blush:#3b252b;--ink:#f8f1f2;--ink-2:#ded1d4;--ink-3:#c2b3b7;--line:#493c40;--line-2:#7b666d;--accent:#a12539;--accent-ink:#ffabb9;--accent-soft:#42262e;--on-accent:#fff}
@media screen{
 body{background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.7}
 h1,h2,h3,h4,.u-article>summary,.f-hero h1,.f-hero-note p{font-family:var(--f-display);font-variation-settings:normal;font-stretch:normal;letter-spacing:-.025em;line-height:1.3}
 h1,h2,h3,h4{overflow-wrap:break-word}
 button,input,select,textarea{font-family:var(--f-body)}
 a{color:var(--accent-ink);text-underline-offset:4px}
 :focus-visible,.en-active :focus-visible,.v-active :focus-visible,.u-nav a:focus-visible,.u-toc a:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}
 .stage-inner{max-width:1064px;padding:52px 40px 72px}
 .site-h.f-header{position:relative;background:var(--surface);border-bottom:1px solid var(--line);padding:22px max(32px,calc((100vw - 1280px)/2));gap:24px;flex-wrap:nowrap}
 .f-header .site-brand{gap:16px;flex-shrink:0;align-items:center}
 .f-header .site-logo{width:108px;height:auto;aspect-ratio:244/110;object-fit:contain}
 [data-theme="dark"] .site-logo{background:#fff;border-radius:2px;padding:6px}
 .f-header .site-name{font-family:var(--f-body);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--ink-2);padding:8px 0 8px 16px;border-left:1px solid var(--line-2)}
 .f-header .site-nav{gap:2px;flex-wrap:nowrap;margin-left:auto}
 .f-header .site-link{font-family:var(--f-body);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);padding:12px 9px;min-height:44px;border-radius:0;line-height:1.4}
 .f-header .site-link:hover{color:var(--accent-ink);background:var(--surface-2)}
 .f-header .site-link.on{color:var(--accent-ink);background:var(--accent-soft);box-shadow:inset 0 -2px var(--accent);font-weight:600}
 .f-header .k-store-link{color:var(--accent-ink);border-left:1px solid var(--line);margin-left:8px;padding-left:17px}
 .f-header .k-store-link span{margin-left:3px}
 .f-menu{font:600 14px var(--f-body)}
 .sec-k,.crumb,.res-kicker,.entry-k{font-family:var(--f-body);font-size:12px;line-height:1.5;letter-spacing:.1em;color:var(--accent-ink)}
 .page-h,.res-head{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:28px}
 .page-h h1,.res-title{font-size:clamp(32px,4.2vw,48px);line-height:1.2;letter-spacing:-.035em;max-width:23ch}
 .page-h>p,.res-sub{font-size:18px;line-height:1.65;max-width:64ch;margin-top:16px;color:var(--ink-2)}
 .qtitle{font-size:clamp(27px,3.5vw,38px);line-height:1.3}
 .qwrap{max-width:760px}
 .f-hero{max-width:1280px;padding:64px 40px 44px;gap:48px;grid-template-columns:1.6fr 1fr}
 .f-hero h1{font-size:clamp(36px,4.5vw,54px);line-height:1.15;margin:14px 0 22px;letter-spacing:-.04em}
 .f-hero p{font-size:17px;line-height:1.7}
 .f-hero-note{background:var(--accent-soft);border-radius:0;padding:32px;border-top:3px solid var(--accent)}
 .f-hero-note p{font-size:23px;line-height:1.45;color:var(--accent-ink)}
 .f-hero-note small{font-size:14px;line-height:1.7;color:var(--ink-2)}
 .f-leaf{display:none}
 .f-section{margin:44px 0}.f-first{margin-top:0}
 .f-section h2,.f-panel h2,.en-module h2,.v-module h2,.u-option h2{font-size:27px;line-height:1.35;margin-bottom:16px}
 .f-tasks,.f-topics{gap:18px}
 .f-task,.f-topic,.f-approach,.f-entry,.gcard,.entry,.gt,.edu-card,.edu-door,.cmp-card,.ivw,.prod{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:2px;box-shadow:none}
 .f-task,.f-topic{padding:26px;border-top:2px solid var(--accent)}
 .f-task:hover,.f-topic:hover,.gcard:hover,.gt:hover,.entry:hover,.edu-card:hover,.cmp-card:hover{background:var(--surface-2);border-color:var(--accent);box-shadow:none}
 .f-task h2,.f-task h3{font-size:21px;line-height:1.35;margin:0 0 12px}
 .f-task p,.f-topic>span{font-size:16px;line-height:1.65;max-width:100%}
 .f-topic>span{font-weight:600}
 .f-topic small,.f-choice small{font-size:13px;color:var(--accent-ink)}
 .f-panel,.ov,.guide-foot,.closer,.f-quick{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:28px}
 .f-panel p,.f-approach>p,.en-module p,.v-module p,.u-article p{max-width:76ch;line-height:1.75}
 .f-panel p+p,.en-module p+p,.v-module p+p{margin-top:12px}
 .f-quick{border-top:3px solid var(--accent)}
 .f-quick h3,.f-approach>h3{font-size:23px}
 .f-quick p{font-size:15px}
 .f-text-link,.f-approach .ivw>summary{color:var(--accent-ink)}
 .page-actions{gap:12px;margin-top:24px}
 .btn{font-family:var(--f-body);font-variation-settings:normal;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:0;min-height:46px;padding:13px 24px;background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);line-height:1.4;text-align:center}
 .btn:hover{background:#821b2b;border-color:#821b2b;filter:none;color:#fff}
 .btn-ghost{background:transparent;border-color:var(--accent-ink);color:var(--accent-ink)}
 .btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent-ink);color:var(--accent-ink)}
 .btn-sm{font-size:14px;padding:10px 18px}
 .btn:disabled{opacity:.55;cursor:not-allowed}
 .gchip,.chip,.ov-i{border-radius:2px;background:var(--surface);border-color:var(--line-2);color:var(--ink-2);min-height:44px;line-height:1.5}
 .u-nav{gap:0;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}
 .u-nav .gchip{border:0;border-radius:0;font-size:13px;padding:12px;min-height:44px}
 .u-nav .gchip:hover{background:var(--surface-2);color:var(--accent-ink)}
 .u-nav [aria-current],.en-active .u-nav [aria-current],.v-active .u-nav [aria-current]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 -2px var(--accent);font-weight:600}
 .chip.on{background:var(--accent);color:var(--on-accent)}
 .f-choice{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:2px;padding:16px;font-size:16px;line-height:1.6}
 .f-choice:hover{border-color:var(--accent)}
 .f-choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
 .f-choice input,.opt input{accent-color:var(--accent-ink)}
 .field input,.field textarea,.field select{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:2px;font-size:16px;padding:13px}
 .field span{font-size:14px;color:var(--ink-2)}
 .f-review{color:var(--ink-3);border-color:var(--line)}
 .u-review{font-size:13px;line-height:1.7;padding:14px 18px;background:var(--surface-2);color:var(--ink-2);border-left:3px solid var(--line-2)}
 .en-help,.v-help,.f-care-link{border-radius:2px;background:var(--accent-soft);color:var(--ink);padding:17px 20px;border-left:3px solid var(--accent)}
 .en-help span,.v-help span{font-size:13px;color:var(--ink-2)}
 .en-privacy,.v-privacy{background:var(--surface-2);color:var(--ink-2);border-color:var(--line-2);font-size:13px}
 .u-caution{background:var(--ochre-soft);color:var(--ink);border-color:var(--ochre)}
 .f-urgent,.f-error{background:var(--brick-soft);color:var(--ink);border-color:var(--brick)}
 .f-message{background:var(--moss-soft);color:var(--ink);border-color:var(--moss)}
 .f-evidence{color:var(--moss)}
 .en-support-line,.v-support-line,.en-table td,.en-table th,.v-table td,.v-table th,.en-visual>div,.v-visual>div{border-color:var(--line-2);border-radius:2px}
 .en-table thead,.v-table thead,.en-visual>div,.v-visual>div,.en-badges span,.v-badges span{background:var(--surface-2);color:var(--ink)}
 .en-badges span,.v-badges span{border-radius:2px}
 .u-article>summary{font-size:23px;line-height:1.4}
 .site-f{background:var(--surface-2);border-top:1px solid var(--line);margin-top:32px;padding:48px 40px 32px}
 .site-f-in{max-width:1120px;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
 .site-f-h{font-family:var(--f-body);font-size:14px;letter-spacing:0;text-transform:none;color:var(--accent-ink);margin-bottom:14px}
 .site-f-in>div:first-child .site-f-h{font-family:var(--f-display);font-size:20px}
 .site-f p{font-size:13px;line-height:1.75;color:var(--ink-2)}
 .site-f a{color:var(--accent-ink)}
 .site-f-legal{max-width:1120px;margin-top:32px;color:var(--ink-3);border-color:var(--line);line-height:1.75}
}
@media screen and (max-width:980px){
 .site-h.f-header{padding:18px 24px;flex-wrap:wrap;gap:14px}
 .f-header .f-menu{display:block;margin-left:auto;background:transparent;border:1px solid var(--line-2);color:var(--ink);padding:10px 16px;min-height:44px;border-radius:0}
 .f-header .site-nav{display:none;flex-basis:100%;margin:0;border-top:1px solid var(--line);padding-top:10px;flex-wrap:wrap;gap:0}
 .f-header .site-nav.f-open{display:flex}
 .f-header .site-link{width:50%;font-size:15px;padding:14px;white-space:normal}
 .f-header .k-store-link{border-left:0;margin-left:0;padding-left:14px}
 .site-f-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:760px){
 .stage-inner{padding:32px 24px 44px}
 .f-header .site-logo{width:98px;height:auto}
 .f-header .site-name{display:block;font-size:12px;line-height:1.4;max-width:none;white-space:normal}
 .page-h h1,.res-title{font-size:34px;line-height:1.2;max-width:100%}
 .page-h>p,.res-sub{font-size:17px;line-height:1.6}
 .page-h{padding-bottom:24px;margin-bottom:24px}
 .f-hero{padding:36px 24px 20px;grid-template-columns:1fr;gap:24px}
 .f-hero h1{font-size:36px;margin-top:10px}
 .f-hero-note{padding:18px 20px;background:var(--accent-soft)}
 .f-hero-note p{display:none}.f-hero-note small{font-size:13px}
 .f-section{margin:32px 0}.f-first{margin-top:0}
 .f-section h2,.f-panel h2,.en-module h2,.v-module h2,.u-option h2{font-size:24px;line-height:1.35}
 .f-tasks,.f-topics{gap:14px}
 .f-task,.f-topic,.f-panel,.f-approach,.f-entry,.f-quick,.u-option{padding:22px}
 .f-task h2,.f-task h3{font-size:20px}
 .f-task p{font-size:15px}
 .f-task>span:last-child:not(.sec-k){display:none}
 .u-nav{margin:22px 0;padding:6px 0}
 .u-nav .gchip{font-size:12px;padding:12px 10px}
 .en-help,.v-help{gap:8px;padding:16px}
 .en-help span,.v-help span{width:100%}
 .site-f{padding:32px 24px}.site-f-in{gap:28px}
}
@media screen and (max-width:540px){
 .f-tasks,.f-topics,.site-f-in{grid-template-columns:1fr}
 .page-h h1,.res-title{font-size:30px}
 .f-header .site-brand{gap:12px}.f-header .site-name{padding-left:12px}
 .page-actions .btn{width:100%;text-align:center}
 .en-active .page-actions,.v-active .page-actions{align-items:stretch}
}
@media screen and (prefers-color-scheme:dark){
 :root:not([data-theme="light"]){--ground:#1d191a;--surface:#241f20;--surface-2:#30292b;--sunken:#191516;--sand:#393033;--blush:#3b252b;--ink:#f8f1f2;--ink-2:#ded1d4;--ink-3:#c2b3b7;--line:#493c40;--line-2:#7b666d;--accent:#a12539;--accent-ink:#ffabb9;--accent-soft:#42262e;--on-accent:#fff}
 .site-logo{background:#fff;border-radius:2px;padding:6px}
}
