:root {
  --grey:  #8C8078;
  --ink:   #1A1208;
  --red:   #B24A3A;
  --green: #7ab648;
  --error-red: #c8401a;
  --grey-ghost: #c8c0b4;
  --muted: var(--grey);
  --surface-chrome: #E2DCD0;
  --on-ink-warm:    #E2DCD0;
  --on-red-warm:    #E2DCD0;
  --border: rgba(var(--ink-rgb), 0.12);
  --surface-raised: #FAF7F2;
  --accent:           var(--red);
  --bg:               #F8F7F4;
  --toggle-bg:        #EFE9DE;
  --color-text:           var(--ink);
  --color-text-primary:   var(--ink);
  --color-text-secondary: var(--grey);
  --color-text-tertiary:  var(--grey);
  --color-border:         #e0ddd8;
  --color-border-tertiary: rgba(var(--ink-rgb), 0.06);
  --page-bg:          #E3DDD0;             
  --card-bg:          #EAE3D6;             
  --card-bg-inset:    #E7E0D3;             
  --card-border:      transparent;         
  --input-underline:  var(--ink);          
  --color-background-primary:   #ffffff;
  --color-background-secondary: #F5F2EC;
  --color-white:      #ffffff;
  --font-heading:     'Bebas Neue', sans-serif;
  --font-body:        'Abel', 'Nunito Sans', sans-serif;
  --font-mono:        'DM Mono', monospace;
  --font-ui:          'DM Sans', sans-serif;
  --font-serif-display: 'Playfair Display', serif;
  --font-numeral:     var(--font-heading);
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.5rem;
  --text-2xl:   2rem;
  --text-3xl:   3rem;
  --type-page-title:  clamp(36px, 4.5vw, 48px); 
  --type-display-xl:    48px; 
  --type-display-l:     40px; 
  --type-display-m:     32px; 
  --type-section-title: 30px; 
  --type-display-s:     28px; 
  --type-panel-title: 24px; 
  --type-card-name:   20px; 
  --type-prose:       18px; 
  --type-field:       16px; 
  --type-label:       14px; 
  --type-note:        13px; 
  --type-caption:     12px; 
  --type-badge:       10px; 
  --type-toggle-word: 9px;  
  --type-micro:       9px;  
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --type-weight-bold: var(--weight-bold); 
  --type-badge-tracking-tight: 0.04em; 
  --type-badge-tracking:        0.12em; 
  --type-badge-tracking-wide:   0.14em; 
  --type-caption-tracking-none:  0;       
  --type-caption-tracking-tight: 0.04em;  
  --type-caption-tracking:       0.06em;  
  --type-caption-tracking-wide:  0.08em;  
  --type-caption-tracking-wider: 0.1em;   
  --type-field-tracking: 0.04em; 
  --type-label-tracking-tight: 0.05em; 
  --type-label-tracking:       0.06em; 
  --type-label-tracking-wide:  0.08em; 
  --type-note-tracking: 0; 
  --type-panel-title-tracking: 0.03em; 
  --type-toggle-word-tracking: 0.08em; 
  --type-page-title-line: 1;   
  --type-card-name-line:  1;   
  --type-field-line:       1;    
  --type-field-line-loose: 1.2;  
  --type-label-line:  1;   
  --type-caption-line: 1;  
  --type-badge-line:  1;   
  --type-note-line:       1.4;  
  --type-note-line-loose: 1.5;  
  --type-line-prose:       1.5; 
  --type-line-prose-loose: 1.6; 
  --tpl-title:   var(--type-card-name);
  --tpl-heading: var(--type-card-name);
  --tpl-toggle-label: var(--type-toggle-word);
  --tpl-rail-label:   var(--type-caption);
  --tpl-field-label:  var(--type-caption);
  --tpl-kicker-size:  var(--type-label);
  --mono-utility-size: var(--type-caption);
  --participant-field-label: var(--type-prose);
  --tpl-menu-size:    var(--type-caption);
  --tpl-cta-size:     var(--type-field);
  --tpl-body-case:   uppercase;  
  --tpl-prose-case:  none;       
  --tpl-config-case: none;
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;   
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4rem;
  --nudge:         2px;   
  --inset-tag:     4px;   
  --gap-tight:     6px;   
  --inset-control: 8px;   
  --gap-row:      10px;   
  --inset-box:    12px;   
  --inset-panel:  16px;   
  --gap-block:    20px;   
  --canvas-width: 900px;
  --participant-column: 720px;
  --participant-pair-column: 1300px;
  --tpl-canvas-width: 1100px;
  --tpl-drag-width: 16px;
  --color-card-border:   #e5e7eb;
  --color-divider:       #f3f4f6;
  --color-section:       var(--grey);
  --color-label:         var(--grey);
  --color-field-border:  #d1d5db;
  --color-error:         #ef4444;
  --color-preset-text:   var(--grey);
  --color-field-row-bg:  #fafafa;
  --success:   var(--green);
  --success-rgb: 122,182,72;
  --bip-win:   var(--success);
  --bip-lose:  var(--accent);
  --crit-impact:        var(--red);
  --crit-confidence:    #1d5fa0;
  --crit-ease:          #7a5200;
  --crit-4:             #4a7c59;
  --ms-1:               var(--crit-impact);
  --ms-2:               var(--crit-confidence);
  --ms-3:               var(--crit-4);
  --ms-4:               var(--crit-ease);
  --ms-5:               #6f4e7c;
  --ms-6:               #ca7e7e;
  --swot-strengths:     var(--crit-impact);
  --swot-weaknesses:    var(--crit-confidence);
  --swot-opportunities: var(--crit-4);
  --swot-threats:       var(--crit-ease);
  --color-text-default: var(--grey);
  --ink-rgb:   26, 18, 8;      
  --red-rgb:   178, 74, 58;    
  --error-rgb: 200, 64, 26;    
  --info-rgb:  24, 95, 165;    
  --white-rgb:        255, 255, 255; 
  --surface-warm-rgb: 232, 225, 212; 
  --green-dark-rgb:   45, 122, 45;   
  --amber-rgb:        201, 130, 26;  
  --surface-chrome-rgb: 226, 220, 208; 
  --blue:       #185FA5;       
  --amber:      #C9821A;       
  --green-dark: #2D7A2D;       
  --red-dark:   #9B1F18;       
  --amber-dark: #8F6B14;       
  --state-on:      var(--green);
  --mode-selected: var(--ink);
  --border-strong: var(--ink);
  --radius-0:      0;
  --radius-xs:     3px;
  --radius-sm:     4px;
  --radius-lg:     10px;
  --radius-circle: 50%;
  --radius-pill:   999px; 
  --radius-none:      var(--radius-0);
  --radius-square:    var(--radius-0);
  --radius-slim-flat: var(--radius-0);
  --radius-field:     var(--radius-sm);   
  --radius-inset-row: var(--radius-sm);   
  --radius-notice:    var(--radius-sm);   
  --radius-panel:     var(--radius-lg);   
  --radius-disc:      var(--radius-circle); 
  --shadow-modal:   0 12px 40px rgba(0,0,0,0.25);
  --shadow-menu:    0 4px 12px rgba(var(--ink-rgb), 0.12);
  --shadow-popover: 0 6px 18px rgba(var(--ink-rgb), 0.14);
  --hairline-faint:  rgba(var(--ink-rgb), 0.10);  
  --hairline-weak:   rgba(var(--ink-rgb), 0.12);  
  --hairline-base:   rgba(var(--ink-rgb), 0.16);  
  --hairline-strong: rgba(var(--ink-rgb), 0.18);  
  --hairline-field:  rgba(var(--ink-rgb), 0.25);  
  --rule-weak:       rgba(var(--ink-rgb), 0.08);  
  --rule-base:       rgba(var(--ink-rgb), 0.12);  
  --wash:            rgba(var(--ink-rgb), 0.045); 
  --scrim:           rgba(var(--ink-rgb), 0.55);
  --ink-glyph-muted: rgba(var(--ink-rgb), 0.55);
  --z-raised:  20;    
  --z-menu:    30;    
  --z-popover: 100;   
  --z-modal:   1000;  
  --surface-warm:       #E8E1D4;
  --surface-warm-hover: #F2EDE4;
  --link:               var(--blue);
  --card-hi:       #F4F0E7;
  --card-warm:     #EDDDD4;
  --grey-2:        #A79E90;
  --pricing-ink-2: #3B2E1E;
  --rail: #221E1A;
  --rail-panel:  #2C2723;
  --rail-hover:  #36312B;
  --rail-active: #403A34;
  --on-ink:        #FFFFFF;
  --on-ink-muted:  rgba(255,255,255,0.6);
  --on-ink-border: #444444;
  --ink-2:         #2A2018;    
  --footer-bg:         #1A1612;
  --footer-link:       rgba(255,255,255,0.55);
  --footer-link-hover: rgba(255,255,255,0.92);
  --footer-copy:       rgba(255,255,255,0.3);
  --info:         var(--blue);       --info-bg: rgba(var(--info-rgb), 0.08);
  --warn:         var(--amber);      --warn-bg: rgba(201, 130, 26, 0.09);
  --success-dark: var(--green-dark);
  --danger:       var(--error-red);  
  --danger-on-ink:     #F0B3AE;
  --danger-on-ink-rgb: 181, 38, 30;
  --crit-5: #6f4e7c;
  --crit-6: #ca7e7e;
  --seg-1:  #5B7AA5; --seg-2:  #B07C8B; --seg-3:  #7E9B83; --seg-4:  #8C7398;
  --seg-5:  #94785C; --seg-6:  #4F7E7C; --seg-7:  #B0913F; --seg-8:  #615F66;
  --seg-9:  #A2674F; --seg-10: #9D6F86; --seg-11: #7E8A50; --seg-12: #8590AD;
  --seg-13: #5E8B82; --seg-14: #B58F63; --seg-15: #74789C; --seg-16: #8A5A63;
  --quiz-correct: var(--green);  --quiz-correct-bg: #EAF3DE;
  --quiz-wrong:   var(--red);    --quiz-dk:         var(--grey);
  --quiz-correct-strong: #27500A; 
  --quiz-correct-line:   #97C459; 
  --quiz-wrong-soft:     #D4856A; 
  --icon-eye-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M1.2 6S3.8 1.9 8 1.9 14.8 6 14.8 6 12.2 10.1 8 10.1 1.2 6 1.2 6Z' fill='none' stroke='%231A1208' stroke-width='1.3'/%3E%3Ccircle cx='8' cy='6' r='1.9' fill='none' stroke='%231A1208' stroke-width='1.3'/%3E%3C/svg%3E");
  --icon-embed-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M5.6 2.6L2 6l3.6 3.4M10.4 2.6L14 6l-3.6 3.4' fill='none' stroke='%231A1208' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-envelope-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Crect x='1' y='1' width='14' height='10' rx='1.2' fill='none' stroke='%231A1208' stroke-width='1.4'/%3E%3Cpath d='M1.7 2.4L8 6.9l6.3-4.5' fill='none' stroke='%231A1208' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-embed-svg-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='M5.6 2.6L2 6l3.6 3.4M10.4 2.6L14 6l-3.6 3.4' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --invite-envelope-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Crect x='1' y='1' width='14' height='10' rx='1.2' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3Cpath d='M1.7 2.4L8 6.9l6.3-4.5' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --quiz-tick-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tpl-caret-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.4 8.4 L10 12 L13.6 8.4' fill='none' stroke='%231A1208' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --quiz-cross-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.6 3.6l4.8 4.8M8.4 3.6l-4.8 4.8' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tpl-badge-ring-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.4' fill='none' stroke='rgba(26,18,8,.34)' stroke-width='1.2'/%3E%3C/svg%3E");
  --tpl-badge-pencil-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.6 13.4 L7.3 11.3 L11.9 6.7 L13.3 8.1 L8.7 12.7 Z' fill='none' stroke='rgba(26,18,8,.5)' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M10.9 7.7 L12.3 9.1' fill='none' stroke='rgba(26,18,8,.5)' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --tpl-badge-ring-focus-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='9.4' fill='none' stroke='%23B24A3A' stroke-width='1.2'/%3E%3C/svg%3E");
  --tpl-badge-pencil-focus-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.6 13.4 L7.3 11.3 L11.9 6.7 L13.3 8.1 L8.7 12.7 Z' fill='none' stroke='%23B24A3A' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M10.9 7.7 L12.3 9.1' fill='none' stroke='%23B24A3A' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --pw-win-bg:  #dff1d2;  --pw-win-ink:  #1f5b08;
  --pw-lose-bg: #fbdbd2;  --pw-lose-ink: #7a1c0a;
  --pw-tie-bg:  #f3e6c2;  
  --pw-skip-bg: #dde3e7;  --pw-skip-ink: #4d5a63;
  --invite-bg:  #2F55C8;
  --invite-ink: #ffffff;
  --tpl-cta-w: 215px;
}
.tpl-start{
  --tpl-field-font:     var(--font-body);
  --tpl-field-size:     var(--type-prose);
  --tpl-field-tracking: normal;
  --tpl-field-case:     var(--tpl-prose-case);
}
.hv2{
  --hv2-cream:#EAE3D6;
  --hv2-cream-alt:#E2D9C8;
  --hv2-ink:var(--ink);
  --hv2-red:var(--red);
  --hv2-muted:rgba(26,18,8,0.55);
  --hv2-very-muted:rgba(26,18,8,0.35);
  --hv2-border:rgba(26,18,8,0.10);
  --hv2-border-strong:rgba(26,18,8,0.18);
  --hv2-cream-on-dark:rgba(234,227,214,0.75);
  --hv2-cream-on-dark-muted:rgba(234,227,214,0.45);
}
.hv2,
.method-page,
#participant-powered-by,
.wb--brainstorm{
  --hv2-paper:#F7F5F0;
  --hv2-slate:#20262A;
  --hv2-sage:#5C7A62;
  --hv2-clay:#C4744A;
  --hv2-soft:#6F7873;
  --hv2-line:#E5E2D9;
  --hv2-tint:#EDEAE1;
  --hv2-card:#FFFFFF;
  --hv2-body-ink:#3F4845;
  --hv2-on-dark:#9FA7A3;
  --hv2-sage-wash:#EDF0EA;
  --hv2-clay-wash:#F6EBE3;
  --hv2-sage-ink:#2F4A36;
  --hv2-clay-ink:#7A3A1C;
  --hv2-stamp:#C62B1F;
  --hv2-display:'Bricolage Grotesque','DM Sans',sans-serif;
  --hv2-text:'DM Sans',sans-serif;
  --hv2-eyebrow:'DM Mono',monospace;
  --hv2-tighten:-.03em;
  --hv2-r-sm:16px;
  --hv2-r:20px;
  --hv2-r-lg:22px;
  --hv2-r-xl:28px;
  --hv2-pill:999px;
  --hv2-shadow-sm:0 6px 18px rgba(32,38,42,.05);
  --hv2-shadow:0 8px 22px rgba(32,38,42,.05);
  --hv2-shadow-md:0 10px 26px rgba(32,38,42,.06);
  --hv2-shadow-plate:0 24px 54px rgba(32,38,42,.14);
  --hv2-pad-x:48px;
  --hv2-pad-y:56px;
  --hv2-clay-hover:#B0653D;
  --hv2-slate-hover:#111619;
  --hv2-stamp-hover:#A81F15;
  --hv2-sage-hover:#E1E7DD;
  --hv2-line-hover:#D8D3C6;
  --hv2-olive:#8A7B4A;
  --hv2-clay-soft:#E0A57F;
  --hv2-olive-wash:#EFEEE5;
  --hv2-slate-wash:#E9EEF0;
  --hv2-ticker-ink:#4A524E;
  --hv2-dot:#D9D5C9;
  --hv2-dot-hover:#BFBAAB;
  --hv2-rank-ink:#B6B2A6;
  --hv2-slate-rgb:32, 38, 42;
  --hv2-clay-rgb:196, 116, 74;
  --hv2-sage-rgb:92, 122, 98;
  --hv2-stamp-rgb:198, 43, 31;
}
.hv2-guarantee{
  --hv2-paper:#F7F5F0;
  --hv2-slate:#20262A;
  --hv2-clay:#C4744A;
  --hv2-soft:#6F7873;
  --hv2-display:'Bricolage Grotesque','DM Sans',sans-serif;
  --hv2-text:'DM Sans',sans-serif;
  --hv2-clay-rgb:196, 116, 74;
}