/* ============================================================
   Help center (/ayuda · /en/help · /fr/aide)
   Builds on features/_shared/theme.css design tokens (--primary,
   --bg-main, --text-*, Rubik/Inter). Mobile-first.
   ============================================================ */.help-main{position:relative;z-index:1;min-height:60vh}/* ===== Landing: hero + search ===== */.help-hero{padding:56px 0 40px;text-align:center;background:radial-gradient(ellipse 900px 420px at 50% -80px, var(--primary-soft), transparent)}.help-hero-title{font-family:'Rubik',sans-serif;font-weight:700;color:var(--text-heading);font-size:clamp(1.9rem, 5vw, 3rem);line-height:1.15}.help-hero-subtitle{margin-top:12px;color:var(--text-muted);font-size:clamp(1rem, 2vw, 1.15rem)}.help-search{position:relative;max-width:560px;margin:28px auto 0;text-align:left}.help-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted-light);pointer-events:none}#help-search-input{width:100%;padding:16px 20px 16px 50px;font:inherit;font-size:1.05rem;color:var(--text-heading);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:999px;box-shadow:0 6px 24px rgba(255, 107, 53, 0.08);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}#help-search-input:focus{border-color:var(--primary);box-shadow:0 6px 28px rgba(255, 107, 53, 0.16)}.help-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 16px 40px rgba(30, 30, 47, 0.12);overflow:hidden;z-index:20}.help-search-result{display:block;padding:12px 18px;text-decoration:none;border-bottom:1px solid var(--border-light)}.help-search-result:last-child{border-bottom:none}.help-search-result:hover,.help-search-result.is-active{background:var(--primary-soft)}.help-search-result-title{display:block;font-weight:600;color:var(--text-heading);font-size:0.98rem}.help-search-result-category{display:block;margin-top:2px;font-size:0.82rem;color:var(--text-muted)}.help-search-empty{padding:14px 18px;color:var(--text-muted);font-size:0.95rem}/* ===== Landing: category grid ===== */.help-categories{padding:8px 0 72px}.help-category-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 640px){.help-category-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 980px){.help-category-grid{grid-template-columns:repeat(3, 1fr)}}.help-category-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:18px;padding:24px 24px 18px;box-shadow:0 4px 18px rgba(30, 30, 47, 0.04);transition:box-shadow .15s,transform .15s}.help-category-card:hover{box-shadow:0 10px 30px rgba(255, 107, 53, 0.10);transform:translateY(-2px)}.help-category-title{font-family:'Rubik',sans-serif;font-size:1.12rem;font-weight:700;color:var(--text-heading);margin-bottom:12px}.help-category-articles{list-style:none;margin:0;padding:0}.help-category-articles li{border-top:1px solid var(--border-light)}.help-category-articles a{display:block;padding:10px 0;color:var(--text-body);text-decoration:none;font-size:0.96rem;transition:color .12s}.help-category-articles a:hover{color:var(--primary)}/* ===== Article page ===== */.help-breadcrumb{padding:26px 0 6px;font-size:0.88rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.help-breadcrumb a{color:var(--primary);text-decoration:none}.help-breadcrumb a:hover{text-decoration:underline}.help-breadcrumb-sep{color:var(--text-muted-light)}.help-breadcrumb-current{color:var(--text-muted)}.help-article-layout{display:grid;grid-template-columns:1fr;gap:40px;padding:10px 0 72px}@media (min-width: 980px){.help-article-layout{grid-template-columns:minmax(0, 720px) 240px;justify-content:space-between}}.help-article h1{font-family:'Rubik',sans-serif;font-size:clamp(1.6rem, 4vw, 2.3rem);font-weight:700;color:var(--text-heading);line-height:1.2;margin-bottom:6px}.help-article-updated{font-size:0.85rem;color:var(--text-muted-light);margin-bottom:24px}.help-article-body{font-size:1.02rem;line-height:1.75;color:var(--text-body)}.help-article-body h2{font-family:'Rubik',sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-heading);margin:36px 0 12px;scroll-margin-top:24px}.help-article-body h3{font-family:'Rubik',sans-serif;font-size:1.12rem;font-weight:600;color:var(--text-heading);margin:26px 0 8px;scroll-margin-top:24px}.help-article-body p{margin:0 0 16px}.help-article-body ul,.help-article-body ol{margin:0 0 16px;padding-left:24px}.help-article-body li{margin-bottom:8px}.help-article-body a{color:var(--primary);text-decoration:underline;text-decoration-color:var(--primary-soft-border);text-underline-offset:3px}.help-article-body a:hover{text-decoration-color:var(--primary)}.help-article-body img{max-width:100%;border-radius:12px;border:1px solid var(--border-light);margin:8px 0 20px}.help-article-body code{background:var(--primary-soft);border-radius:6px;padding:2px 6px;font-size:0.9em}/* Video embeds ({{video:...}}) */.help-video{margin:8px 0 24px}.help-video video{width:100%;border-radius:14px;border:1px solid var(--border-light);box-shadow:0 8px 26px rgba(30, 30, 47, 0.08);display:block}/* Portrait ({{video:*-phone}}) clips are 9:16 — cap the width so the tall
   mobile aspect ratio doesn't dominate the column. */.help-video-phone{max-width:250px}/* Screenshot embeds ({{img:...}}) — framed like .help-video. */.help-img{margin:8px 0 24px;border-radius:14px;border:1px solid var(--border-light);box-shadow:0 8px 26px rgba(30, 30, 47, 0.08)}/* Reset the generic .help-article-body img frame — the wrapper already
   carries the border/radius, so the inner image must not double-frame. */.help-img img{display:block;width:100%;border:0;margin:0;border-radius:inherit}/* Portrait ({{img:*-phone}}) shots — same width cap as the phone clips. */.help-img-phone{max-width:250px}/* Callouts ({{callout:tip|note|warning}}) */.help-callout{border-radius:14px;padding:16px 18px;margin:8px 0 20px;border:1px solid}.help-callout p:last-child{margin-bottom:0}.help-callout-label{display:block;font-weight:700;font-size:0.86rem;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:6px}.help-callout-tip{background:var(--primary-soft);border-color:var(--primary-soft-border)}.help-callout-tip .help-callout-label{color:var(--primary)}.help-callout-note{background:rgba(59, 130, 246, 0.06);border-color:rgba(59, 130, 246, 0.18)}.help-callout-note .help-callout-label{color:#2563EB}.help-callout-warning{background:rgba(220, 38, 38, 0.05);border-color:rgba(220, 38, 38, 0.18)}.help-callout-warning .help-callout-label{color:#DC2626}/* Platform tabs ({{tabs}} / {{tab:desktop|mobile}}) */.help-tabs{margin:8px 0 24px}.help-tabs-nav{display:inline-flex;max-width:100%;overflow-x:auto;gap:4px;padding:4px;margin-bottom:16px;background:var(--primary-soft);border:1px solid var(--primary-soft-border);border-radius:999px}.help-tabs-nav [role="tab"]{appearance:none;border:0;background:transparent;border-radius:999px;padding:7px 18px;font:inherit;font-size:0.92rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background 0.15s ease,color 0.15s ease}.help-tabs-nav [role="tab"]:hover{color:var(--text-heading)}.help-tabs-nav [role="tab"][aria-selected="true"]{background:#fff;color:var(--text-heading);box-shadow:0 1px 4px rgba(30, 30, 47, 0.12)}.help-tabs-nav [role="tab"]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.help-tabs [role="tabpanel"] > :last-child{margin-bottom:0}/* Sticky table of contents (desktop only) */.help-toc{display:none}@media (min-width: 980px){.help-toc{display:block}.help-toc-inner{position:sticky;top:28px;border-left:2px solid var(--border-light);padding-left:18px}}.help-toc-title{font-size:0.82rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted);margin-bottom:10px}.help-toc ul{list-style:none;margin:0;padding:0}.help-toc li{margin-bottom:8px}.help-toc a{color:var(--text-muted);text-decoration:none;font-size:0.9rem;line-height:1.4;display:block;transition:color .12s}.help-toc a:hover,.help-toc a.is-active{color:var(--primary)}/* Feedback block */.help-feedback{margin-top:44px;padding:22px 24px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;text-align:center}.help-feedback-question{font-weight:600;color:var(--text-heading);margin-bottom:12px}.help-feedback-buttons{display:flex;justify-content:center;gap:12px}.help-feedback-btn{font:inherit;font-weight:600;padding:9px 28px;border-radius:999px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-body);cursor:pointer;transition:background .12s,color .12s,border-color .12s}.help-feedback-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.help-feedback-thanks{color:var(--text-muted);margin-top:4px}/* Related articles */.help-related{margin-top:36px}.help-related h2{font-family:'Rubik',sans-serif;font-size:1.15rem;color:var(--text-heading);margin-bottom:10px}.help-related ul{list-style:none;margin:0;padding:0}.help-related li{margin-bottom:8px}.help-related a{color:var(--primary);text-decoration:none;font-size:0.98rem}.help-related a:hover{text-decoration:underline}