/* Reference-led website materials. Source notes and font licences: WEBSITE-DESIGN.md. */
:root[data-jr-design]{--site-font:Manrope,Arial,sans-serif;--site-display:Manrope,Arial,sans-serif;--site-weight:600}
[data-jr-site]{font-family:var(--site-font);position:relative;isolation:isolate}
:root[data-jr-design] [data-jr-site] :is(h1,h2,h3,.walk-panel>h3,.board-document>b){font-family:var(--site-display);font-weight:var(--site-weight);font-style:normal}
:root[data-jr-design] [data-jr-site] :is(input,textarea,select,button){font-family:var(--site-font)}
html[data-jr-design] [data-jr-site] :is(.metric,.filters,.table-wrap,.jr-background,.progress-card,.page-loading,th,.check-row,.multi-select>summary,.jr-sidebar){background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-jr-design] [data-jr-site] :is(input,textarea,select){background:var(--bg);color:var(--text);border-color:var(--line)}
[data-jr-site] :is(.jr-sidebar,.panel,.metric,.filters,.table-wrap,.jr-background,.progress-card){color:var(--text)}
[data-jr-site] tbody tr:hover{background:var(--blue-2)}
[data-jr-site] .jr-nav a.active{background:var(--blue-2);color:var(--text)}
[data-jr-site] .site-sidebar-appearance{display:block;width:100%;padding:12px;text-align:left;border:1px solid var(--line);background:var(--blue-2);color:var(--text);font-size:12px;cursor:pointer;margin:12px 0;min-height:44px}
[data-jr-site] .primary:hover:not(:disabled){background:color-mix(in srgb,var(--blue) 84%,var(--text))}
[data-jr-site] .site-eyebrow{color:var(--muted)}
html[data-jr-design] [data-jr-site] :is(.primary,.apply,.jr-mark){background:var(--blue);color:var(--site-ink);border-color:var(--blue)}
html[data-jr-design] [data-jr-site] :is(.primary,.apply):hover:not(:disabled){background:color-mix(in srgb,var(--blue) 84%,var(--text))}
html[data-jr-design] [data-jr-site] .jr-nav [aria-current=page]{background:var(--blue-2);color:var(--text)}
.hero-copy,.hero-board{min-width:0}
.board-bottom>*{min-width:0;overflow-wrap:anywhere}
.hero-actions{flex-wrap:wrap}
/* Keep action targets comfortable across every style, including icon-only controls. */
html[data-jr-design] [data-jr-site] :is(button:not(.walk-step),.button,.site-button,.site-nav-login,.google-signin){min-height:40px!important;min-width:40px!important}
[data-jr-site].site-account :is(.primary,.quiet,.button){font-size:14px;line-height:1.4;padding:9px 14px}
[data-jr-site] .mode-options span{min-height:44px;display:flex;align-items:center;justify-content:center}
[data-jr-site] :is(button,.button,.site-button,.site-nav-login,.google-signin){white-space:normal;overflow-wrap:anywhere}
@media(max-width:767px),(pointer:coarse){html[data-jr-design] [data-jr-site] :is(button:not(.walk-step),.button,.site-button,.site-nav-login,.google-signin){min-height:44px!important;min-width:44px!important}}
.site-public h1{overflow-wrap:anywhere}
.site-account .jr-content{max-width:1660px}
.site-account .jr-content>header h1{font-family:var(--site-display);font-size:clamp(32px,3.5vw,56px);line-height:1.15}
.site-account .site-walkthrough{padding:45px 0}
.site-account :is(.walk-panel>h3,.site-walkthrough h2){font-size:clamp(26px,2.4vw,38px)}
.site-account .walk-step{font-family:var(--site-font);font-size:13px}
.site-account .walk-panel>p:not(.site-eyebrow){font-size:13px}
.site-account .panel{padding:28px}
.site-account #profile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 16px}
.site-account #profile>h2{align-self:center;margin:0}
.site-account #profile-form{grid-column:1/-1;min-width:0}
.site-account #linkedin-import{margin:0;padding:0;border:0;min-width:0}
.site-account #linkedin-import[open]{grid-column:1/-1;margin:12px 0 8px;padding:16px;border:1px solid var(--line);border-radius:8px}
.site-account #linkedin-import>summary{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;font:500 13px/1.4 var(--site-font);color:var(--text);list-style:none}
.site-account #linkedin-import>summary::-webkit-details-marker{display:none}
.linkedin-icon{flex-shrink:0}
@media(max-width:600px){.site-account #profile{grid-template-columns:1fr;gap:12px}.site-account #linkedin-import>summary{min-height:44px}}
.style-swatch{position:relative;overflow:hidden;flex-shrink:0;width:90px;height:52px}
.style-icon{position:absolute;left:7px;top:7px;width:23px;height:23px;z-index:1;color:#223040}
#site-appearance{width:min(820px,calc(100vw - 32px));max-width:none}
.style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.style-option{min-height:96px;min-width:0}
.style-option small{font-family:Manrope,Arial,sans-serif;color:inherit;opacity:.8}
.style-option:has(input[value=glass]){background:linear-gradient(120deg,#dbeaffb0,#e8d9f8bd);color:#20395e;border:1px solid #ffffffa1;box-shadow:inset 0 1px #fff9;font-family:Manrope,Arial,sans-serif}
.style-option:has(input[value=neumo]){background:#e3e8ed;color:#344759;box-shadow:3px 3px 7px #aab7c347,-3px -3px 7px #ffffff47;border-color:#c4ced7;font-family:Nunito,Arial,sans-serif}
.style-option:has(input[value=bento]){background:#f4f0fc;color:#38274e;border-radius:18px;font-family:'Space Grotesk',Arial,sans-serif}
.style-option:has(input[value=swiss]){background:#f8f7f3;color:#202020;border:1px solid #333;border-radius:0;font-family:Archivo,Arial,sans-serif}
.style-option:has(input[value=swiss]) strong{text-transform:uppercase;letter-spacing:.03em}
.style-option:has(input[value=minimal]){background:#fff;color:#343a32;border-radius:3px;box-shadow:none;font-family:'DM Sans',Arial,sans-serif}
.style-option:has(input[value=onepiece]){background:#f4e2b9;color:#29434a;border:3px double #aa8045;font-family:Manrope,Arial,sans-serif}
.style-option:has(input[value=onepiece]) strong{font:400 23px 'Pirata One',Georgia,serif;letter-spacing:.025em}
:root[data-theme=dark] .style-option:has(input[value=glass]){background:linear-gradient(120deg,#214b7aad,#583c7ebd);color:#f3f6ff;border-color:#b4c9ff5a}
:root[data-theme=dark] .style-option:has(input[value=neumo]){background:#29313d;color:#e6edf5;border-color:#4b5c71;box-shadow:3px 3px 7px #090e1747,-3px -3px 7px #43536b47}
:root[data-theme=dark] .style-option:has(input[value=bento]){background:#342946;color:#ece3ff}
:root[data-theme=dark] .style-option:has(input[value=swiss]){background:#191919;color:#f8f6ef;border-color:#8e8b82}
:root[data-theme=dark] .style-option:has(input[value=minimal]){background:#141613;color:#f0f1ec}
:root[data-theme=dark] .style-option:has(input[value=onepiece]){background:#103846;color:#fff0ca;border-color:#a89a6e}
.style-option:has(input:checked){outline:2px solid var(--site-accent);outline-offset:2px}
.style-swatch b{position:absolute;right:5px;bottom:5px;font-size:16px;line-height:1;z-index:1;color:#223040}
.swatch-glass{background:linear-gradient(135deg,#76adff,#c29bf1 60%,#83e5e8);border-color:#ffffffc9}
.swatch-glass i{background:#ffffff65;border:1px solid #ffffffaa;backdrop-filter:blur(3px)}
.swatch-glass i:first-child{background:#ffffff45}
.swatch-glass b{font-family:Manrope,Arial,sans-serif}
.swatch-neumo{background:#e3e8ed;border-color:#ccd5df;box-shadow:inset 2px 2px 5px #bbc5d0,inset -2px -2px 5px #fff}
.swatch-neumo i{background:#e3e8ed;border-radius:8px;box-shadow:2px 2px 4px #aebbc9,-2px -2px 4px #fff}
.swatch-neumo i:first-child{background:#e3e8ed}
.swatch-neumo b{font-family:Nunito,Arial,sans-serif}
.swatch-bento{background:#f2f1ed;border:0}.swatch-bento i{background:#d9cef9;border-radius:4px}.swatch-bento i:first-child{background:#c9eaa1}.swatch-bento i:last-of-type{background:#f8c7dc}.swatch-bento b{font-family:'Space Grotesk',Arial,sans-serif}
.swatch-swiss{background:#f8f7f3;border:1px solid #222}.swatch-swiss i{background:#222}.swatch-swiss i:first-child{background:#bf2d20}.swatch-swiss b{font-family:Archivo,Arial,sans-serif;font-weight:700;color:#111}
.swatch-minimal{background:#fff;border:1px solid #deded8}.swatch-minimal i{height:1px;background:#aaa}.swatch-minimal i:first-child{background:#fff}.swatch-minimal b{font-family:'DM Sans',Arial,sans-serif;font-weight:400}
.swatch-onepiece{background:#f0dfb8;border:2px double #aa8045}.swatch-onepiece i{background:#1d5062}.swatch-onepiece i:first-child{background:#af3527}.swatch-onepiece b{font-family:'Pirata One',Georgia,serif;font-size:22px;color:#153a48}
:root[data-theme=dark] .swatch-glass{background:linear-gradient(135deg,#174893,#754395 60%,#177484)}
:root[data-theme=dark] .swatch-glass i:first-child{background:#ffffff35}
:root[data-theme=dark] .swatch-neumo{background:#29313d;border-color:#536176;box-shadow:inset 2px 2px 5px #171e29,inset -2px -2px 5px #3f4b5b}
:root[data-theme=dark] .swatch-neumo i{background:#29313d;box-shadow:2px 2px 4px #151b25,-2px -2px 4px #435169}
:root[data-theme=dark] .swatch-neumo i:first-child{background:#29313d}
:root[data-theme=dark] .swatch-bento{background:#24212f}
:root[data-theme=dark] .swatch-bento i{background:#7152a5}
:root[data-theme=dark] .swatch-swiss{background:#191919;border-color:#a7a399}
:root[data-theme=dark] .swatch-swiss i{background:#ddd9d0}
:root[data-theme=dark] .swatch-swiss i:first-child{background:#ff6b56}
:root[data-theme=dark] .swatch-minimal{background:#141613;border-color:#5d6658}
:root[data-theme=dark] .swatch-minimal i:first-child{background:#141613}
:root[data-theme=dark] .swatch-onepiece{background:#103846;border-color:#c9b57b}
:root[data-theme=dark] .swatch-onepiece i{background:#e5ca8a}
:root[data-theme=dark] .style-swatch :is(b,.style-icon){color:#edf4ff}
.style-swatch b{background:#ffffffc9;border-radius:3px;padding:2px 3px;color:#24303f}
:root[data-theme=dark] .style-swatch b{background:#111c;color:#edf4ff}
@media(max-width:600px){.style-options{grid-template-columns:1fr}.style-option{min-height:80px}}

/* GLASS / Fluent acrylic: coloured scenery must be visible through the material. */
:root[data-jr-design=glass]{--bg:#e0e9fc;--panel:#ffffff60;--panel-2:#ffffff8f;--line:#ffffffba;--text:#142744;--muted:#425674;--blue:#245dd8;--blue-2:#d8e8ffad;--display:#102e57;--site-accent:#244daa;--site-ink:#fff;--site-shadow:0 18px 50px #314c8320;--site-radius:24px}
:root[data-jr-design=glass][data-theme=dark]{--bg:#080e27;--panel:#18305d65;--panel-2:#273d6870;--line:#a7c8ff42;--text:#f2f7ff;--muted:#c0cfe9;--blue:#a4d8ff;--blue-2:#4a78ac65;--display:#fff;--site-accent:#c2b9ff;--site-ink:#102b4f;--site-shadow:0 20px 60px #0005}
html[data-jr-design=glass] [data-jr-site]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45vw 65vh at 15% 35%,#a0c5ffcc,transparent 75%),radial-gradient(ellipse 38vw 50vh at 80% 28%,#c7a9f9c9,transparent 75%),radial-gradient(ellipse 32vw 60vh at 65% 85%,#7ad5dd9c,transparent 75%),linear-gradient(135deg,transparent 40%,#ffd7e04d 55%,transparent 80%)}
html[data-jr-design=glass][data-theme=dark] [data-jr-site]::before{background:radial-gradient(ellipse 40vw 65vh at 10% 40%,#1949bda8,transparent 75%),radial-gradient(ellipse 40vw 55vh at 80% 25%,#7628c0a8,transparent 75%),radial-gradient(ellipse 32vw 60vh at 70% 85%,#077d8b99,transparent 75%)}
html[data-jr-design=glass] .site-ambient{display:none}
html[data-jr-design=glass] [data-jr-site] :is(.hero-board,.login-card,.site-plan,.walk-layout,.panel,.plan,.metric,.filters,.table-wrap,.jr-background,.jr-sidebar){background:var(--panel);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff65,var(--site-shadow);border-radius:var(--site-radius)}
html[data-jr-design=glass] .jr-sidebar{border-radius:0;box-shadow:inset -1px 0 #ffffff4f}
html[data-jr-design=glass] .site-header{background:var(--panel);backdrop-filter:blur(26px);border:1px solid var(--line);border-radius:24px;margin-top:18px;max-width:1380px}
html[data-jr-design=glass] :is(.board-main,.preview-job,.board-note,.walk-visual,.walk-step[aria-pressed=true]){background:var(--panel);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff5a}
html[data-jr-design=glass] .site-public h1{font-size:clamp(54px,5.8vw,92px);font-weight:600;letter-spacing:-.065em;line-height:1.06}
html[data-jr-design=glass] .site-public h1 em{font-style:normal;color:var(--site-accent)}
html[data-jr-design=glass] .site-button-solid{box-shadow:0 8px 24px #1c4dbb33;border:1px solid #ffffff60}
html[data-jr-design=glass] #site-appearance{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(30px)}
/* Interactive overlays obscure underlying labels; glass is reserved for larger surfaces. */
html[data-jr-design=glass]{--site-overlay:#f4f7ff}
html[data-jr-design=glass][data-theme=dark]{--site-overlay:#15253e}
html[data-jr-design=glass] [data-jr-site] :is(.multi-menu,.job-column-options,dialog,option){background:var(--site-overlay);color:var(--text)}
html[data-jr-design=glass] [data-jr-site] .multi-menu{border-color:var(--site-accent);box-shadow:0 12px 32px #14274433}
html[data-jr-design=glass] [data-jr-site] .filters:has(.multi-select[open]){position:relative;z-index:30}
html[data-jr-design=glass] [data-jr-site] .multi-select[open]{z-index:40}
@supports not (backdrop-filter:blur(1px)){html[data-jr-design=glass] [data-jr-site] :is(.panel,.jr-sidebar,.hero-board,.login-card,.site-plan,.walk-layout){background:color-mix(in srgb,var(--bg) 92%,white)}}

/* NEUMORPHISM / Soft UI: one continuous material, raised and pressed controls. */
:root[data-jr-design=neumo]{--site-font:Nunito,Arial,sans-serif;--site-display:Nunito,Arial,sans-serif;--site-weight:700;--bg:#e3e8ed;--panel:#e3e8ed;--panel-2:#e3e8ed;--text:#344759;--display:#2f4256;--muted:#566c7c;--line:#c3cdd7;--blue:#365f9d;--blue-2:#d8e1eb;--site-accent:#365987;--site-ink:#fff;--site-raised:9px 9px 20px #b9c3cd,-9px -9px 20px #fff;--site-inset:inset 5px 5px 10px #bdc8d3,inset -5px -5px 10px #fff;--site-radius:30px}
:root[data-jr-design=neumo][data-theme=dark]{--bg:#29313d;--panel:#29313d;--panel-2:#29313d;--text:#e6edf5;--display:#f2f5fa;--muted:#b9c8d9;--line:#4d5e70;--blue:#b6d2fc;--blue-2:#303d4d;--site-accent:#c1d9fb;--site-ink:#1c2c40;--site-raised:9px 9px 22px #19202a,-9px -9px 22px #394354;--site-inset:inset 5px 5px 11px #19202a,inset -5px -5px 11px #394354}
html[data-jr-design=neumo] [data-jr-site] :is(.hero-board,.login-card,.site-plan,.walk-layout,.panel,.plan,.metric,.filters,.table-wrap){background:var(--bg);border:1px solid transparent;border-radius:30px;box-shadow:var(--site-raised)}
html[data-jr-design=neumo] [data-jr-site] :is(.site-button,.site-nav-login,.google-signin,.appearance-fab,.site-sidebar-appearance,.jr-nav a.active,.primary,.apply){background:var(--bg);color:var(--text);border:1px solid transparent;box-shadow:5px 5px 12px color-mix(in srgb,var(--text) 18%,transparent),-5px -5px 12px color-mix(in srgb,var(--bg) 60%,white);border-radius:18px}
html[data-jr-design=neumo] [data-jr-site] :is(.walk-visual,.board-main,input,textarea,select,.walk-step[aria-pressed=true]){background:var(--bg);box-shadow:var(--site-inset);border:1px solid var(--line);border-radius:16px}
html[data-jr-design=neumo] .site-public h1{font-size:clamp(56px,6vw,96px);line-height:1.08;letter-spacing:-.055em}
html[data-jr-design=neumo] .site-public h1 em{font-style:normal}
html[data-jr-design=neumo] .site-header{border:0;padding-bottom:10px}
html[data-jr-design=neumo] .jr-sidebar{background:var(--bg);border-right:0;box-shadow:7px 0 18px #0000000d}
html[data-jr-design=neumo] .board-document{transform:none;border-radius:18px;box-shadow:var(--site-raised);background:var(--bg);color:var(--text)}

/* BENTO / modular product feature grids: different spans, colour blocks, clear rhythm. */
:root[data-jr-design=bento]{--site-font:'Space Grotesk',Arial,sans-serif;--site-display:'Space Grotesk',Arial,sans-serif;--site-weight:600;--bg:#f2f1ed;--panel:#fff;--panel-2:#eae7fd;--text:#242134;--display:#211e2e;--muted:#625f74;--line:#dedbe8;--blue:#6541ce;--blue-2:#e7dfff;--site-accent:#5d3aba;--site-ink:#fff;--site-radius:28px}
:root[data-jr-design=bento][data-theme=dark]{--bg:#12101b;--panel:#24212f;--panel-2:#343044;--text:#f1edff;--display:#fff;--muted:#c1b9d5;--line:#494157;--blue:#bca2ff;--blue-2:#3e2b65;--site-accent:#c8b3ff;--site-ink:#231538}
html[data-jr-design=bento] .site-hero{grid-template-columns:1.15fr 1fr;gap:26px;padding-top:54px}
html[data-jr-design=bento] .hero-copy{background:var(--blue-2);padding:36px;border-radius:32px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
html[data-jr-design=bento] .site-public h1{font-size:clamp(52px,5.5vw,86px);line-height:1.03;letter-spacing:-.065em;font-weight:600}
html[data-jr-design=bento] .site-public h1 em{font-style:normal}
html[data-jr-design=bento] .hero-board{padding:0;border:0;box-shadow:none;background:transparent}
html[data-jr-design=bento] .board-main{background:var(--panel);border:0;padding:28px;border-radius:28px}
html[data-jr-design=bento] .board-topline{display:none}
html[data-jr-design=bento] .board-note{background:#d5edaf;color:#25351c;border-radius:28px}
html[data-jr-design=bento] .board-note :is(p,.note-icon){color:#40542e}
html[data-jr-design=bento] .board-document{transform:none;background:#f8c7dc;color:#4f203a;border-radius:28px;box-shadow:none;margin:0}
html[data-jr-design=bento] .site-principles{grid-template-columns:1.5fr 1fr 1fr;gap:18px;border:0}
html[data-jr-design=bento] .site-principles article{padding:28px;border:0;background:var(--panel);border-radius:28px}
html[data-jr-design=bento] .site-principles article:nth-child(2){background:var(--blue-2)}
html[data-jr-design=bento] .site-account #workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
html[data-jr-design=bento] .site-account #workspace>:is(.site-walkthrough,p,#membership,#admin){grid-column:1/-1}
html[data-jr-design=bento] .site-account #profile{background:var(--blue-2)}
html[data-jr-design=bento] .site-account #extension{background:var(--panel-2)}
html[data-jr-design=bento] .walk-layout{grid-template-columns:1fr;border:0;background:transparent;gap:16px}
html[data-jr-design=bento] .walk-steps{display:grid;grid-template-columns:repeat(5,1fr);border:0;padding:0;gap:10px}
html[data-jr-design=bento] .walk-step{flex-direction:column;align-items:flex-start;padding:18px;background:var(--panel);border-radius:18px;gap:10px;font-size:12px}
html[data-jr-design=bento] .walk-step[aria-pressed=true]{background:var(--blue-2)}
html[data-jr-design=bento] .walk-panels{background:var(--panel);border-radius:28px}
html[data-jr-design=bento] .step-arrow{display:none}
html[data-jr-design=bento] .metric:nth-child(2){background:var(--blue-2)}

/* SWISS / typographic hierarchy, strict rules, asymmetric grid, purposeful red. */
:root[data-jr-design=swiss]{--site-font:Archivo,Arial,sans-serif;--site-display:Archivo,Arial,sans-serif;--site-weight:700;--bg:#f8f7f3;--panel:#f8f7f3;--panel-2:#efede7;--text:#171717;--display:#111;--muted:#55524d;--line:#222;--blue:#bf2d20;--blue-2:#f5ddd7;--site-accent:#ad2418;--site-ink:#fff;--site-radius:0px}
:root[data-jr-design=swiss][data-theme=dark]{--bg:#121212;--panel:#191919;--panel-2:#262626;--text:#f8f6ef;--display:#fff;--muted:#bbb8ae;--line:#aaa79d;--blue:#ff6b56;--blue-2:#45201c;--site-accent:#ff8b7a;--site-ink:#1d1513}
html[data-jr-design=swiss] [data-jr-site] :is(.panel,.plan,.metric,.filters,.table-wrap,.hero-board,.login-card,.site-plan,.walk-layout,.walk-step,.walk-visual,.site-button,.site-nav-login,.google-signin,.preview-job){border-radius:0;box-shadow:none;background:var(--panel);border:1px solid var(--line)}
html[data-jr-design=swiss] .site-hero{grid-template-columns:1.4fr 1fr;align-items:start;padding-top:56px;gap:36px}
html[data-jr-design=swiss] .site-public h1{font-size:clamp(58px,6.3vw,106px);line-height:.98;letter-spacing:-.075em;font-weight:700}
html[data-jr-design=swiss] .site-public h1 em{color:var(--blue);font-style:normal}
html[data-jr-design=swiss] .site-public h2{font-size:clamp(32px,3.3vw,54px);line-height:1.02;letter-spacing:-.055em}
html[data-jr-design=swiss] :is(.site-eyebrow,.site-header nav,.jr-nav,.board-topline){text-transform:uppercase;font-family:Archivo,Arial,sans-serif;letter-spacing:.04em;font-size:11px;font-weight:600}
html[data-jr-design=swiss] .hero-board{border:0;border-top:8px solid var(--blue);padding:22px 0}
html[data-jr-design=swiss] .board-main{border-radius:0;padding:0;background:transparent}
html[data-jr-design=swiss] .board-bottom{grid-template-columns:1fr}
html[data-jr-design=swiss] .board-note{border-radius:0;background:var(--blue);color:var(--site-ink);min-height:0}
html[data-jr-design=swiss] .board-note :is(p,.note-icon){color:var(--site-ink)}
html[data-jr-design=swiss] .board-document{display:none}
html[data-jr-design=swiss] .step-number{font-family:Archivo,Arial,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.06em;color:var(--blue)}
html[data-jr-design=swiss] .walk-step[aria-pressed=true]{border-left:6px solid var(--blue);background:var(--panel-2)}
html[data-jr-design=swiss] .site-account .jr-content>header{border-top:8px solid var(--blue);padding-top:22px}
html[data-jr-design=swiss] .site-account .jr-content>header h1{font-size:clamp(38px,4.6vw,72px);letter-spacing:-.065em}

/* MINIMAL / essential content, quiet hierarchy, deliberate space, flat surfaces. */
:root[data-jr-design=minimal]{--site-font:'DM Sans',Arial,sans-serif;--site-display:'DM Sans',Arial,sans-serif;--site-weight:400;--bg:#fff;--panel:#fff;--panel-2:#f7f7f5;--text:#20211f;--display:#171816;--muted:#63675f;--line:#d9dcd5;--blue:#2e493a;--blue-2:#eef3ee;--site-accent:#365744;--site-ink:#fff;--site-radius:4px}
:root[data-jr-design=minimal][data-theme=dark]{--bg:#141613;--panel:#141613;--panel-2:#20231f;--text:#f0f1ec;--display:#fff;--muted:#b4baad;--line:#3c4238;--blue:#c4d7bb;--blue-2:#2b3729;--site-accent:#c4d7bb;--site-ink:#1d2719}
html[data-jr-design=minimal] [data-jr-site] :is(.panel,.plan,.metric,.filters,.table-wrap,.hero-board,.login-card,.site-plan,.walk-layout){border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}
html[data-jr-design=minimal] .site-public h1{font-size:clamp(52px,5.1vw,82px);font-weight:400;line-height:1.1;letter-spacing:-.045em}
html[data-jr-design=minimal] .site-public h1 em{font-style:normal;color:var(--muted)}
html[data-jr-design=minimal] .hero-board{padding:18px 0 18px 40px;max-width:440px}
html[data-jr-design=minimal] .board-bottom{display:none}
html[data-jr-design=minimal] .board-main{border:0;background:transparent;padding:0}
html[data-jr-design=minimal] .preview-job{border-radius:0;background:transparent;border:0;border-top:1px solid var(--line);padding:24px 0}
html[data-jr-design=minimal] .site-hero{min-height:620px;gap:80px}
html[data-jr-design=minimal] .site-header{border:0}
html[data-jr-design=minimal] .site-walkthrough{max-width:1060px;margin:auto}
html[data-jr-design=minimal] .walk-visual{display:none}
html[data-jr-design=minimal] .walk-step{border-radius:0;border:0;padding:18px 12px}
html[data-jr-design=minimal] .walk-step[aria-pressed=true]{background:transparent;border-left:2px solid var(--blue);font-weight:600}
html[data-jr-design=minimal] .site-account .jr-content{max-width:1400px}
html[data-jr-design=minimal] .site-account .panel{padding:36px 0}
html[data-jr-design=minimal] .jr-sidebar{background:var(--bg);border-right:1px solid var(--line)}

/* ONE PIECE / adventure mastheads, a navigator's chart, parchment and sea. */
:root[data-jr-design=onepiece]{--site-font:Literata,Georgia,serif;--site-display:'Pirata One',Georgia,serif;--site-weight:400;--bg:#f0dfb8;--panel:#fff2d2;--panel-2:#ebd09a;--line:#aa8045;--text:#213e46;--display:#173f49;--muted:#5e604e;--blue:#af3527;--blue-2:#efd3a4;--site-accent:#993022;--site-ink:#fff6da;--site-paper:#fff0c4;--site-radius:8px}
:root[data-jr-design=onepiece][data-theme=dark]{--bg:#082432;--panel:#103846;--panel-2:#174958;--line:#8e815f;--text:#fff0ca;--display:#ffe6a9;--muted:#c7c6ad;--blue:#edb858;--blue-2:#244a55;--site-accent:#f3cd7d;--site-ink:#242f32;--site-paper:#fff0c4}
html[data-jr-design=onepiece] [data-jr-site]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 95% 15%,transparent 0 37px,#8c794315 38px 39px,transparent 40px 65px),repeating-linear-gradient(0deg,transparent 0 99px,#98764114 100px 101px),repeating-linear-gradient(90deg,transparent 0 99px,#98764114 100px 101px)}
html[data-jr-design=onepiece] .site-ambient{display:none}
html[data-jr-design=onepiece] .site-public h1{font-size:clamp(65px,7vw,116px);line-height:.97;letter-spacing:.005em}
html[data-jr-design=onepiece] .site-public h1 em{font-style:normal}
html[data-jr-design=onepiece] .site-public :is(h2,h3),html[data-jr-design=onepiece] .site-walkthrough h2{letter-spacing:.015em}
html[data-jr-design=onepiece] .site-account .jr-content>header h1{font-family:'Pirata One',Georgia,serif;font-size:clamp(40px,4.8vw,74px);font-weight:400;letter-spacing:.01em}
html[data-jr-design=onepiece] [data-jr-site] :is(.site-eyebrow,.board-topline,.step-number){font-family:'Courier New',monospace;letter-spacing:.1em}
html[data-jr-design=onepiece] [data-jr-site] :is(button,input,textarea,select,.jr-nav,.site-header nav){font-family:Manrope,Arial,sans-serif}
html[data-jr-design=onepiece] .site-brand{font-family:'Pirata One',Georgia,serif;font-size:31px;letter-spacing:.02em}
html[data-jr-design=onepiece] .brand-note{font-family:Manrope,Arial,sans-serif;letter-spacing:0}
html[data-jr-design=onepiece] [data-jr-site] :is(.panel,.plan,.metric,.filters,.table-wrap,.site-plan,.walk-layout,.login-card){border:3px double var(--line);background:var(--panel);border-radius:8px;box-shadow:3px 5px 0 #61492212}
html[data-jr-design=onepiece] .jr-sidebar{background:var(--panel);border-right:3px double var(--line)}
html[data-jr-design=onepiece] .hero-board{border:5px double var(--line);background:var(--panel);transform:rotate(-1deg)}
html[data-jr-design=onepiece] .board-document{border:3px double #aa8045;border-radius:0;box-shadow:4px 6px 0 #182b3126;transform:rotate(5deg);color:#473a22}
html[data-jr-design=onepiece] .board-document>b{font-family:'Pirata One',Georgia,serif;font-size:30px;letter-spacing:.01em;line-height:1}
html[data-jr-design=onepiece] .walk-step[aria-pressed=true]{border:1px dashed var(--line);background:var(--blue-2)}
html[data-jr-design=onepiece] .step-number{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:12px}
html[data-jr-design=onepiece] .source-strip{border-top:2px dashed var(--line)}
html[data-jr-design=onepiece] .site-plan-price{font-family:'Pirata One',Georgia,serif}
html[data-jr-design=onepiece] .site-button-solid{box-shadow:3px 4px 0 color-mix(in srgb,var(--text) 25%,transparent);border:1px solid var(--line)}
html[data-jr-design=onepiece] .site-account .walk-panel>h3{font-size:36px;letter-spacing:.01em}

@media(max-width:1100px){html[data-jr-design=bento] .hero-copy{padding:26px}html[data-jr-design=glass] .site-header{margin:12px 20px 0}.site-account .panel{padding:22px}html[data-jr-design=bento] .site-account #workspace{grid-template-columns:1fr}html[data-jr-design=bento] .site-account #workspace>*{grid-column:1}html[data-jr-design=swiss] .site-account .jr-content>header h1{font-size:48px}}
@media(max-width:767px){html[data-jr-design] .site-hero{grid-template-columns:1fr;min-height:0;gap:30px}html[data-jr-design] .site-public h1{font-size:clamp(46px,11vw,68px)}html[data-jr-design=onepiece] .site-public h1{font-size:64px}html[data-jr-design] .site-public h2{font-size:32px}html[data-jr-design=glass] .site-header{margin:10px 10px 0;padding:14px 12px;gap:8px}html[data-jr-design=glass] .site-header nav{gap:10px}html[data-jr-design=bento] .hero-copy{padding:24px}.site-account .panel{padding:20px}.site-account .jr-content>header h1,html[data-jr-design=swiss] .site-account .jr-content>header h1{font-size:34px}html[data-jr-design=onepiece] .site-account .jr-content>header h1{font-size:46px}html[data-jr-design=bento] .site-principles{grid-template-columns:1fr}html[data-jr-design=bento] .site-principles article{padding:24px}html[data-jr-design=bento] .walk-step{font-size:9px;padding:10px 3px;align-items:center;gap:8px}html[data-jr-design=bento] .walk-steps{gap:4px}html[data-jr-design=minimal] .hero-board{padding:12px 0;width:100%}html[data-jr-design=swiss] .step-number{font-size:20px}html[data-jr-design=onepiece] .step-number{width:26px;height:26px;font-size:10px}html[data-jr-design=onepiece] .site-brand{font-size:24px}html[data-jr-design=onepiece] .hero-board{transform:none}html[data-jr-design=onepiece] .site-account .walk-panel>h3{font-size:30px}}