.school-switcher[data-v-30daaf57]{position:relative;min-width:0}.school-switcher__trigger[data-v-30daaf57]{display:inline-flex;align-items:center;gap:.55rem;min-height:var(--touch-min, 44px);max-width:min(220px,42vw);padding:.35rem .7rem .35rem .55rem;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);cursor:pointer;text-align:left}.school-switcher--admin .school-switcher__trigger[data-v-30daaf57]{background:#fff6d61a;border-color:#f5c40059;color:var(--hopsa-gold-wash, #fff6d6);max-width:min(240px,50vw)}.school-switcher__trigger[data-v-30daaf57]:disabled{opacity:.6;cursor:wait}.school-switcher__swatch[data-v-30daaf57]{width:12px;height:12px;border-radius:999px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000026}.school-switcher__swatch--sm[data-v-30daaf57]{width:10px;height:10px;margin-top:.2rem}.school-switcher__crest[data-v-30daaf57]{width:22px;height:22px;flex:0 0 auto;object-fit:contain;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px #00000014}.school-switcher__crest--sm[data-v-30daaf57]{width:28px;height:28px;margin-top:0}.school-switcher__text[data-v-30daaf57]{display:grid;gap:0;min-width:0;flex:1}.school-switcher__eyebrow[data-v-30daaf57]{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);line-height:1.1}.school-switcher--admin .school-switcher__eyebrow[data-v-30daaf57]{color:#fff6d6a6}.school-switcher__name[data-v-30daaf57]{font-size:.82rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.school-switcher__caret[data-v-30daaf57]{width:14px;height:14px;flex:0 0 auto;opacity:.7}.school-switcher__menu[data-v-30daaf57]{position:absolute;top:calc(100% + 6px);right:0;z-index:80;width:min(300px,86vw);max-height:min(360px,60vh);overflow:auto;padding:.5rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:0 12px 32px #1c121029;display:grid;gap:.25rem}.school-switcher__search[data-v-30daaf57]{width:100%;min-height:40px;margin-bottom:.25rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit}.school-switcher__option[data-v-30daaf57]{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .6rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.school-switcher__option[data-v-30daaf57]:hover,.school-switcher__option.is-active[data-v-30daaf57]{background:var(--surface-sunken)}.school-switcher__option.is-active[data-v-30daaf57]{outline:1px solid color-mix(in srgb,var(--hopsa-maroon) 25%,transparent)}.school-switcher__option-copy[data-v-30daaf57]{display:grid;gap:.1rem;min-width:0}.school-switcher__option-copy strong[data-v-30daaf57]{font-size:.86rem;font-weight:650}.school-switcher__option-copy small[data-v-30daaf57]{color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-switcher__empty[data-v-30daaf57]{margin:.4rem .5rem;color:var(--muted);font-size:.82rem}:root{--hopsa-maroon: #4d1608;--hopsa-maroon-deep: #3a1006;--hopsa-maroon-mid: #6b2412;--hopsa-maroon-soft: #8a3a22;--hopsa-gold: #f5c400;--hopsa-gold-bright: #ffd84a;--hopsa-gold-deep: #d4a80a;--hopsa-gold-wash: #fff6d6;--school-primary: var(--hopsa-maroon);--school-secondary: var(--hopsa-gold);--school-accent: var(--hopsa-maroon-soft);--ink: #1c1210;--ink-soft: #3d2a24;--muted: #6b534a;--muted-soft: #9a8176;--line: #e6ddd6;--line-strong: #cfc0b6;--surface: #fffdf9;--surface-raised: #ffffff;--surface-sunken: #f5efe8;--surface-tint: #faf3e6;--success: #2f6b3a;--success-bg: #e8f3ea;--warning: #9a6b00;--warning-bg: #fff3d1;--danger: #a12626;--danger-bg: #fdecec;--info: #1f4f7a;--info-bg: #e8f1f8;--info-border: #c5d8e8;--success-border: #c3dfc8;--warning-border: #edd89a;--danger-border: #f0c4c4;--member-alumni: var(--hopsa-maroon);--member-alumni-fg: var(--hopsa-gold);--member-student: var(--hopsa-gold);--member-student-fg: var(--hopsa-maroon);--member-verified: var(--hopsa-maroon);--member-verified-ring: var(--hopsa-gold);--trust-crest: var(--hopsa-gold-deep);--btn-primary-bg: var(--hopsa-maroon);--btn-primary-fg: var(--hopsa-gold);--btn-buy-bg: var(--hopsa-gold);--btn-buy-fg: var(--hopsa-maroon);--btn-buy-hover: var(--hopsa-gold-bright);--price: var(--hopsa-maroon);--currency: "GH₵";--sale: var(--hopsa-gold-deep);--featured: var(--hopsa-gold);--featured-bg: var(--hopsa-gold-wash);--cat-handmade: #6b2412;--cat-fashion: #8a3a22;--cat-food: #2f6b3a;--cat-creative: #5a3d7a;--cat-professional: #1f4f7a;--cat-digital: #3d5a80;--cat-home: #6b534a;--cat-tech: #2a4a5c;--cat-agriculture: #4a6b2f;--cat-real-estate: #7a5230;--community-network: #4d1608;--community-network-bg: #faf3e6;--community-mentor: #6b2412;--community-mentor-bg: #fff6d6;--community-collab: #1f4f7a;--community-collab-bg: #e8f1f8;--community-invest: #2f6b3a;--community-invest-bg: #e8f3ea;--community-jobs: #5a3d7a;--community-jobs-bg: #f3eef8;--community-forum: #3d2a24;--community-forum-bg: #f5efe8;--community-event: #d4a80a;--community-event-bg: #fff6d6;--community-showcase: #8a3a22;--community-showcase-bg: #faf3e6;--community-charity: #7a2f4a;--community-charity-bg: #f8eef2;--pay-momo: #ffcc00;--pay-card: #1f4f7a;--pay-bank: #3d2a24;--pay-intl: #2f6b3a;--ship-local: #6b2412;--ship-intl: #1f4f7a;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Figtree", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-money: var(--font-display);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.25rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-wide: .06em;--tracking-brand: .12em;--tracking-worldwide: .28em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(77, 22, 8, .06);--shadow-md: 0 6px 18px rgba(77, 22, 8, .08);--shadow-lg: 0 14px 32px rgba(77, 22, 8, .12);--container: 1170px;--header-h: 72px;--topbar-h: 40px;--touch-min: 44px;--ease: cubic-bezier(.22, 1, .36, 1);--duration: .18s;--duration-slow: .32s;--logo-crest-xs: 28px;--logo-crest-sm: 36px;--logo-crest-md: 48px;--logo-crest-lg: 96px;--logo-crest-xl: 140px;--logo-lockup-sm: 160px;--logo-lockup-md: 220px;--logo-lockup-lg: 300px;--logo-lockup-xl: 380px;--logo-lockup-max: min(100%, 400px);--flourish-color: var(--hopsa-gold-deep);--rule-gold: var(--hopsa-gold);--rule-maroon: var(--hopsa-maroon);--focus-ring: 0 0 0 3px rgba(245, 196, 0, .45);--overlay: rgba(28, 18, 16, .48)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(240,192,16,.14),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 20%,rgba(77,22,8,.06),transparent 50%),linear-gradient(180deg,var(--surface-tint) 0%,var(--surface) 40%,var(--surface) 100%);min-height:100vh}img{max-width:100%;display:block}a{color:var(--hopsa-maroon-mid);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--hopsa-maroon)}button,input,select,textarea{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ds-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.ds-nav{position:sticky;top:0;height:100vh;overflow:auto;background:var(--hopsa-maroon);color:var(--hopsa-gold-wash);padding:var(--space-6) var(--space-4)}.ds-nav__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-6);border-bottom:1px solid rgba(240,192,16,.25);margin-bottom:var(--space-6)}.ds-nav__brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.ds-nav__brand-text{display:grid;gap:2px}.ds-nav__brand-text strong{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-brand);color:var(--hopsa-gold)}.ds-nav__brand-text span{font-size:var(--text-xs);color:#fff6d6b3;letter-spacing:.04em}.ds-nav a{display:block;color:#fff6d6d1;text-decoration:none;padding:.55rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.ds-nav a:hover,.ds-nav a:focus-visible{background:#f0c01024;color:var(--hopsa-gold);box-shadow:none}.ds-nav__group{margin-bottom:var(--space-5)}.ds-nav__label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#f0c0108c;padding:0 .75rem var(--space-2)}.ds-main{padding:var(--space-10) var(--space-8) var(--space-20);max-width:1200px}.ds-hero{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:center;margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--line)}.ds-hero__logo{width:var(--logo-crest-xl);height:var(--logo-crest-xl);object-fit:contain;filter:drop-shadow(0 8px 20px rgba(77,22,8,.18))}.ds-hero__lockup{width:var(--logo-lockup-md);max-width:var(--logo-lockup-max);height:auto;object-fit:contain}.logo{display:block;object-fit:contain;height:auto;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none}.logo--crest{width:var(--logo-crest-md);height:auto}.logo--crest-xs{width:var(--logo-crest-xs);height:auto}.logo--crest-sm{width:var(--logo-crest-sm);height:auto}.logo--crest-md{width:var(--logo-crest-md);height:auto}.logo--crest-lg{width:var(--logo-crest-lg);height:auto}.logo--crest-xl{width:var(--logo-crest-xl);height:auto}.logo--lockup{width:var(--logo-lockup-md);max-width:var(--logo-lockup-max)}.logo--lockup-sm{width:var(--logo-lockup-sm);max-width:var(--logo-lockup-max)}.logo--lockup-md{width:var(--logo-lockup-md);max-width:var(--logo-lockup-max)}.logo--lockup-lg{width:var(--logo-lockup-lg);max-width:var(--logo-lockup-max)}.logo--lockup-xl{width:var(--logo-lockup-xl);max-width:var(--logo-lockup-max)}@media(max-width:640px){.logo--lockup,.logo--lockup-md,.logo--lockup-lg,.logo--lockup-xl{width:min(100%,var(--logo-lockup-sm))}}.ds-hero h1{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:clamp(2rem,4vw,var(--text-5xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--hopsa-maroon)}.ds-hero p{margin:0;max-width:42ch;color:var(--muted);font-size:var(--text-md)}.ds-hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.section{margin-bottom:var(--space-16);scroll-margin-top:var(--space-8)}.section__head{margin-bottom:var(--space-6)}.section__head h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--hopsa-maroon);letter-spacing:var(--tracking-tight)}.section__head p{margin:0;color:var(--muted);max-width:60ch}.section__sub{margin:var(--space-8) 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink-soft)}.panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:960px){.ds-shell{grid-template-columns:1fr}.ds-nav{position:relative;height:auto}.ds-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.ds-hero__meta{justify-content:center}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.ds-main{padding:var(--space-6) var(--space-4) var(--space-16)}}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.swatch{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-raised)}.swatch__chip{height:72px}.swatch__meta{padding:var(--space-3)}.swatch__meta strong{display:block;font-size:var(--text-sm);color:var(--ink)}.swatch__meta code{font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}.type-sample{display:grid;gap:var(--space-5)}.type-row{display:grid;grid-template-columns:140px 1fr;gap:var(--space-4);align-items:baseline;padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.type-row:last-child{border-bottom:0;padding-bottom:0}.type-row span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted-soft)}.type-display{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--hopsa-maroon)}.btn{--btn-bg: var(--hopsa-maroon);--btn-fg: var(--hopsa-gold);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:.7rem 1.25rem;border:1.5px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-weight:650;font-size:var(--text-sm);letter-spacing:.02em;cursor:pointer;transition:transform var(--duration) var(--ease),background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease);text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:var(--btn-fg);text-decoration:none}.btn:active{transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn--primary{--btn-bg: var(--hopsa-maroon);--btn-fg: var(--hopsa-gold)}.btn--primary:hover{--btn-bg: var(--hopsa-maroon-deep)}.btn--accent{--btn-bg: var(--hopsa-gold);--btn-fg: var(--hopsa-maroon)}.btn--accent:hover{--btn-bg: var(--hopsa-gold-bright)}.btn--secondary{--btn-bg: var(--surface-sunken);--btn-fg: var(--hopsa-maroon);--btn-border: var(--line-strong)}.btn--outline{--btn-bg: transparent;--btn-fg: var(--hopsa-maroon);--btn-border: var(--hopsa-maroon)}.btn--outline:hover{--btn-bg: var(--hopsa-maroon);--btn-fg: var(--hopsa-gold)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--hopsa-maroon-mid);--btn-border: transparent}.btn--ghost:hover{--btn-bg: var(--hopsa-gold-wash);box-shadow:none}.btn--danger{--btn-bg: var(--danger);--btn-fg: var(--surface-raised)}.btn--sm{min-height:var(--touch-min);padding:.55rem .95rem;font-size:var(--text-sm)}.btn--lg{min-height:52px;padding:.9rem 1.6rem;font-size:var(--text-base)}.btn--icon{width:44px;padding:0}.btn--block{width:100%}.btn__icon{width:1.1em;height:1.1em;flex-shrink:0}.field{display:grid;gap:var(--space-2);min-width:0}.field__label{font-size:var(--text-sm);font-weight:650;color:var(--ink-soft);overflow-wrap:anywhere}.field__hint,.field__error{font-size:var(--text-xs);color:var(--muted)}.field__error{color:var(--danger)}.input,.select,.textarea{width:100%;min-height:44px;padding:.65rem .9rem;line-height:1.25;overflow-wrap:anywhere;border:1.5px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);caret-color:var(--ink);color-scheme:light;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.textarea:-webkit-autofill,.select:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:0 0 0 1000px var(--surface-raised) inset;transition:background-color 99999s ease-out}.textarea{min-height:4.5rem;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--muted-soft)}.input:hover,.select:hover,.textarea:hover{border-color:var(--hopsa-maroon-soft)}.input:focus,.select:focus,.textarea:focus{border-color:var(--hopsa-gold-deep);box-shadow:var(--focus-ring);outline:none}.field--error .input,.field--error .select,.field--error .textarea{border-color:var(--danger)}.input-group{display:flex;align-items:stretch}.input-group .input{border-radius:0;flex:1}.input-group>:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group>:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group__addon{display:inline-flex;align-items:center;padding:0 .85rem;background:var(--surface-sunken);border:1.5px solid var(--line-strong);color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.input-group .btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.check,.radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer}.check input,.radio input{width:1.1rem;height:1.1rem;accent-color:var(--hopsa-maroon)}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm)}.switch input{position:absolute;opacity:0}.switch__track{width:44px;height:26px;border-radius:var(--radius-full);background:var(--line-strong);position:relative;transition:background var(--duration) var(--ease)}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease)}.switch input:checked+.switch__track{background:var(--hopsa-maroon)}.switch input:checked+.switch__track:after{transform:translate(18px)}.switch input:focus-visible+.switch__track{box-shadow:var(--focus-ring)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border-radius:var(--radius-sm);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-sunken);color:var(--ink-soft);border:1px solid transparent}.badge--gold{background:var(--hopsa-gold);color:var(--hopsa-maroon)}.badge--maroon{background:var(--hopsa-maroon);color:var(--hopsa-gold)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--outline{background:transparent;border-color:var(--line-strong);color:var(--muted)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--text-sm)}.alert strong{display:block;margin-bottom:.15rem}.alert--info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.alert--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.alert--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--topbar-h);padding:0 var(--space-5);background:var(--hopsa-maroon-deep);color:#fff6d6d9;font-size:var(--text-xs);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.topbar a{color:inherit;text-decoration:none}.topbar a:hover{color:var(--hopsa-gold)}.topbar__links{display:flex;gap:var(--space-4)}.site-header{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto auto;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-top:0}.site-header__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--hopsa-maroon);min-width:0}.site-header__brand img,.site-header__logo{width:auto;height:56px;max-width:min(160px,38vw);object-fit:contain;object-position:center top;background:transparent;border:0;border-radius:0;box-shadow:none}@media(max-width:640px){.site-header__brand img,.site-header__logo{height:44px;max-width:min(120px,34vw)}}.site-header__brand strong{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-brand);line-height:1}.site-header__brand small{display:block;margin-top:2px;font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.mode-switch{display:inline-flex;align-items:stretch;padding:3px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-sunken);min-height:var(--touch-min);min-width:0;box-sizing:border-box}.mode-switch__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;padding:.55rem .95rem;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;min-height:38px;white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.mode-switch__btn.is-active{background:var(--hopsa-maroon);color:var(--hopsa-gold)}.mode-switch__btn:not(.is-active):hover{color:var(--hopsa-maroon)}.search{display:block;width:100%;max-width:560px;overflow:visible;background:transparent;position:relative}.search__bar{display:flex;width:100%;border:2px solid var(--hopsa-maroon);border-radius:var(--radius-md);overflow:hidden;background:#fff}.search .select{width:auto;min-width:120px;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface-sunken);font-size:var(--text-sm)}.search .input{border:0;border-radius:0;box-shadow:none;flex:1;min-width:0;field-sizing:fixed;color:var(--ink);caret-color:var(--ink)}.search-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-md, 0 8px 24px rgba(0,0,0,.08));max-height:320px;overflow:auto}.search-suggest__item{display:block;width:100%;text-align:left;padding:.7rem .9rem;background:none;border:0;color:inherit;text-decoration:none;min-height:var(--touch-min)}.search-suggest__item:hover,.search-suggest__item:focus,.search-suggest__item.is-active{background:var(--surface-sunken)}.search-suggest__hint{margin:0;padding:.7rem .9rem;color:var(--muted);font-size:var(--text-sm)}.shop-rails{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}.applied-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);align-items:center}.chip--dismiss{cursor:pointer}.shop-rails__title{font-family:var(--font-display);font-size:var(--text-xl);margin:0 0 var(--space-3)}.shop-filters-toggle{display:none;margin-bottom:var(--space-4)}.product-sticky-cart{position:sticky;bottom:0;z-index:8;display:none;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border-top:1px solid var(--line)}@media(max-width:720px){.shop-filters-toggle{display:inline-flex}.product-sticky-cart{display:flex}}.search .btn{border-radius:0;min-width:48px}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-action{display:grid;justify-items:center;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--ink-soft);font-size:.7rem;font-weight:650;position:relative;transition:background var(--duration) var(--ease)}.header-action:hover{background:var(--hopsa-gold-wash);color:var(--hopsa-maroon);text-decoration:none}.header-action svg{width:22px;height:22px}.header-action__count{position:absolute;top:2px;right:6px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--radius-full);background:var(--hopsa-gold);color:var(--hopsa-maroon);border:2px solid var(--surface-raised);box-shadow:0 0 0 1.5px var(--hopsa-maroon);font-size:.65rem;font-weight:800;display:grid;place-items:center;box-sizing:border-box;line-height:1}.category-nav{display:block;padding:var(--space-3) var(--space-5);background:var(--hopsa-maroon);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.category-nav a{color:#fff6d6e6;text-decoration:none;font-size:var(--text-sm);font-weight:600;padding:.45rem .8rem;border-radius:var(--radius-sm)}.category-nav a:hover,.category-nav a.is-active{background:#f0c0102e;color:var(--hopsa-gold)}.category-nav__all{background:var(--hopsa-gold)!important;color:var(--hopsa-maroon)!important}.product-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.product-card__media{position:relative;aspect-ratio:1 / 1;width:100%;overflow:hidden;flex:0 0 auto;background:linear-gradient(145deg,var(--hopsa-gold-wash),var(--surface-sunken))}.product-card__media-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:2rem;color:#4d16082e;letter-spacing:.08em}.product-card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.product-card__wish{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--hopsa-maroon);cursor:pointer;box-shadow:var(--shadow-sm)}.product-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0}.product-card__vendor{font-size:var(--text-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card__title{margin:0;font-size:var(--text-sm);font-weight:650;color:var(--ink);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.product-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;min-width:0}.product-card__price .price{font-size:var(--text-base);overflow-wrap:anywhere}.price{font-family:var(--font-money, var(--font-display));font-weight:700;color:var(--hopsa-maroon);font-size:var(--text-lg);letter-spacing:.01em}.money{font-family:var(--font-money, var(--font-display));font-weight:700;color:var(--hopsa-maroon);letter-spacing:.01em}.price--was{font-family:var(--font-body);font-size:var(--text-sm);color:var(--muted-soft);text-decoration:line-through;font-weight:500}.product-card__footer{padding:0 var(--space-4) var(--space-4);margin-top:auto}.product-card__footer .btn{width:100%;min-width:0;min-height:44px;padding-inline:.55rem}.category-tile{position:relative;display:grid;place-items:end start;min-height:140px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(160deg,#4d1608e0,#4d16088c),linear-gradient(135deg,var(--hopsa-gold),var(--hopsa-maroon-soft));color:#fff;text-decoration:none;overflow:hidden;transition:transform var(--duration) var(--ease)}.category-tile:hover{transform:translateY(-2px);color:#fff;text-decoration:none}.category-tile strong{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:.04em;text-transform:uppercase;line-height:var(--leading-snug)}.category-tile span{font-size:var(--text-xs);opacity:.8}.seller-card{display:grid;gap:var(--space-4);align-items:start;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--hopsa-maroon);color:var(--hopsa-gold);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);border:2px solid var(--hopsa-gold);overflow:hidden}.avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar--lg{width:64px;height:64px;font-size:var(--text-lg)}.avatar--sm{width:32px;height:32px;font-size:.7rem}.avatar--xl{width:96px;height:96px;font-size:var(--text-xl, 1.75rem)}.profile-photo{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.profile-photo__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.seller-card h4{margin:0 0 2px;font-size:var(--text-base)}.seller-card p{margin:0;font-size:var(--text-xs);color:var(--muted)}.stars{display:inline-flex;gap:2px;color:var(--hopsa-gold-deep)}.stars span{font-size:.85rem}.qty{display:inline-flex;border:1.5px solid var(--line-strong);border-radius:var(--radius-md);overflow:hidden}.qty button{width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);border:0;background:var(--surface-sunken);color:var(--hopsa-maroon);cursor:pointer;font-weight:700}.qty input{width:48px;min-height:var(--touch-min);border:0;text-align:center;background:#fff}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--line)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:.75rem 1rem;font-weight:650;font-size:var(--text-sm);color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.is-active,.tab:hover{color:var(--hopsa-maroon);border-bottom-color:var(--hopsa-gold)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);color:var(--muted);text-transform:capitalize}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--hopsa-maroon)}.breadcrumbs__sep{opacity:.45}.pagination{display:flex;gap:var(--space-1);align-items:center}.page-btn{min-width:40px;height:40px;padding:0 .65rem;border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink-soft);font-weight:650;cursor:pointer}.page-btn.is-active,.page-btn:hover{background:var(--hopsa-maroon);border-color:var(--hopsa-maroon);color:var(--hopsa-gold)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--surface-raised)}.table th,.table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line)}.table th{background:var(--surface-sunken);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.table tr:last-child td{border-bottom:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:var(--space-5);background:#1c121073}.modal-demo{border:1px solid var(--line);border-radius:var(--radius-xl);background:#1c121059;padding:var(--space-8);display:grid;place-items:center}.modal{width:min(100%,420px);background:var(--surface-raised);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.modal__head{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}.modal__head h3{margin:0;font-family:var(--font-display);color:var(--hopsa-maroon)}.modal__body{padding:var(--space-5);color:var(--muted);font-size:var(--text-sm)}.modal__body p{margin:0}.modal__foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--surface-sunken)}.modal__foot .btn{min-height:44px}.toast{display:inline-flex;align-items:center;gap:var(--space-3);padding:.85rem 1rem;background:var(--hopsa-maroon);color:var(--hopsa-gold-wash);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm)}.empty{text-align:center;padding:var(--space-12) var(--space-6);border:1.5px dashed var(--line-strong);border-radius:var(--radius-xl);background:var(--surface-tint)}.empty__mark{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;background:var(--hopsa-gold-wash);border:2px solid var(--hopsa-gold);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:var(--hopsa-maroon)}.empty__mark svg{width:28px;height:28px;stroke-width:2}.empty h3{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--hopsa-maroon)}.empty p{margin:0 0 var(--space-5);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:var(--touch-min);padding:.45rem .85rem;border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--surface-raised);color:var(--ink-soft);font-size:var(--text-sm);font-weight:600;cursor:pointer}.chip.is-active{background:var(--hopsa-maroon);border-color:var(--hopsa-maroon);color:var(--hopsa-gold)}.chip__x{opacity:.7;font-size:.9em}.deal-banner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(105deg,var(--hopsa-maroon) 0%,var(--hopsa-maroon-mid) 55%,var(--hopsa-maroon-soft) 100%);color:var(--surface-raised)}.deal-banner h3{margin:0 0 .2rem;font-family:var(--font-display);font-size:var(--text-lg);color:var(--hopsa-gold)}.deal-banner p{margin:0;font-size:var(--text-sm);opacity:.85}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,#fff 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-md)}@keyframes shimmer{to{background-position:-200% 0}}.skeleton--title{height:18px;width:70%}.skeleton--text{height:12px;width:100%;margin-top:8px}.skeleton--media{aspect-ratio:1;width:100%}.page-loading{display:grid;gap:var(--space-3);padding:var(--space-4) 0;max-width:28rem}.product-grid--skeletons .skeleton--media{border-radius:var(--radius-lg)}.token-table code{font-family:var(--font-mono);font-size:.78rem;background:var(--surface-sunken);padding:.15rem .4rem;border-radius:var(--radius-sm)}.footer-note{margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 100% 0%,rgba(245,196,0,.12),transparent 55%),radial-gradient(ellipse 60% 40% at 0% 10%,rgba(77,22,8,.05),transparent 50%),var(--surface)}#app{min-height:100vh;display:flex;flex-direction:column}a.chip,a.btn,a.category-tile,a.header-action,a.site-header__brand{text-decoration:none}a.chip{color:var(--ink-soft)}a.chip.is-active{color:var(--hopsa-gold)}.page{flex:1;width:min(1170px,calc(100% - 2rem));margin:0 auto;padding:var(--space-8) 0 var(--space-16)}.page--flush{width:100%;max-width:none;padding:0}.page--narrow{width:min(720px,calc(100% - 2rem))}.page-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(1.75rem,3vw,var(--text-3xl));color:var(--hopsa-maroon);letter-spacing:var(--tracking-tight)}.page-lead{margin:0 0 var(--space-8);color:var(--muted);max-width:52ch}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-5)}.section-head__title{display:flex;align-items:center;gap:var(--space-2);min-width:0}.section-head h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--hopsa-maroon)}.section-head a{font-size:var(--text-sm);font-weight:650;text-decoration:none;color:var(--hopsa-maroon-mid)}.section-head a:hover{color:var(--hopsa-maroon);text-decoration:underline}.app-chrome{position:sticky;top:0;z-index:40;background:var(--surface);box-shadow:var(--shadow-sm);transform:translateZ(0);transition:transform .28s var(--ease),box-shadow var(--duration) var(--ease);will-change:transform}.app-chrome.is-hidden{transform:translate3d(0,-100%,0);box-shadow:none;pointer-events:none;visibility:hidden}.app-chrome.is-scrolled:not(.is-hidden){box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:reduce){.app-chrome{transition:none}}.app-chrome .topbar{border-radius:0}.app-chrome .site-header{border-left:0;border-right:0;border-radius:0}.app-chrome .category-nav{border-radius:0;overflow:hidden}.app-chrome .category-nav__track{display:flex;flex-wrap:nowrap;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.app-chrome .category-nav__track::-webkit-scrollbar{display:none}.app-chrome .category-nav__track a{flex:0 0 auto;white-space:nowrap}.app-chrome .site-header,.app-chrome .topbar,.app-chrome .category-nav{width:min(1170px,calc(100% - 2rem));margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.app-chrome .topbar{width:100%;padding-left:max(1rem,calc((100% - 1170px)/2));padding-right:max(1rem,calc((100% - 1170px)/2))}.app-chrome .site-header{width:100%;padding:var(--space-4) max(1rem,calc((100% - 1170px)/2))}.app-chrome .category-nav{width:100%;padding:var(--space-3) max(1rem,calc((100% - 1170px)/2))}.home-hero{position:relative;min-height:min(78vh,640px);display:grid;align-items:center;padding:var(--space-12) max(1rem,calc((100% - 1170px)/2)) var(--space-10);color:var(--ink);overflow:hidden;background:radial-gradient(ellipse 70% 55% at 85% 10%,rgba(245,196,0,.22),transparent 55%),radial-gradient(ellipse 50% 40% at 0% 80%,rgba(77,22,8,.08),transparent 50%),linear-gradient(180deg,var(--surface) 0%,var(--surface-tint) 55%,var(--surface-sunken) 100%)}.home-hero--lockup .home-hero__inner{max-width:520px;justify-items:start;text-align:left}.home-hero__inner{position:relative;z-index:1;max-width:560px;display:grid;gap:var(--space-4)}.home-hero__lockup{width:min(100%,var(--logo-lockup-lg));max-width:var(--logo-lockup-max);height:auto;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(77,22,8,.12))}.home-hero__brand{display:flex;align-items:center;gap:var(--space-3)}.home-hero__brand img{width:var(--logo-crest-lg);height:var(--logo-crest-lg);object-fit:contain;background:#fff;border-radius:50%;padding:3px}.home-hero__brand strong{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);letter-spacing:var(--tracking-brand);color:var(--hopsa-gold);line-height:1}.home-hero__brand small{display:block;margin-top:.25rem;font-size:var(--text-sm);letter-spacing:var(--tracking-worldwide);text-transform:uppercase;color:#fff6d6bf;font-weight:600}.home-hero__tagline{margin:0!important;font-size:var(--text-sm)!important;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--hopsa-gold-deep)!important;font-weight:600}.home-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.65rem,3.4vw,2.35rem);font-weight:700;line-height:var(--leading-snug);color:var(--hopsa-maroon);max-width:16ch}.home-hero p{margin:0;font-size:var(--text-md);color:var(--muted);max-width:38ch}.home-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.home-hero__actions .btn--outline-light{--btn-bg: transparent;--btn-fg: var(--hopsa-maroon);--btn-border: var(--hopsa-maroon)}.home-hero__actions .btn--outline-light:hover{--btn-bg: var(--hopsa-gold-wash);--btn-fg: var(--hopsa-maroon);--btn-border: var(--hopsa-gold)}.community-lead{margin:0 0 var(--space-6);max-width:52ch;color:var(--muted);font-size:var(--text-md)}.info-hint{position:relative;display:inline-flex;flex-shrink:0;align-items:center}.info-hint__btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--hopsa-maroon);cursor:pointer}.info-hint__icon{display:block;width:1.5rem;height:1.5rem;object-fit:contain}.info-hint__tip{position:absolute;top:calc(100% - .35rem);left:0;z-index:20;width:min(18rem,calc(100vw - 2.5rem));padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);color:var(--ink-soft);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.info-hint:hover .info-hint__tip,.info-hint:focus-within .info-hint__tip,.info-hint.is-open .info-hint__tip{opacity:1;visibility:visible}.community-hero{display:grid;justify-items:center;text-align:center;gap:var(--space-4);padding:var(--space-12) max(1rem,calc((100% - 720px)/2)) var(--space-10);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(245,196,0,.18),transparent 60%),var(--surface-tint);border-bottom:1px solid var(--line)}.community-hero__lockup{margin-bottom:var(--space-2)}.community-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);color:var(--hopsa-maroon);line-height:var(--leading-tight)}.community-hero p{margin:0;max-width:42ch;color:var(--muted);font-size:var(--text-md)}.community-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.community-tile{display:grid;gap:var(--space-2);min-height:44px;padding:var(--space-5);text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);border-left:4px solid var(--hopsa-maroon);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.community-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.community-tile strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--hopsa-maroon)}.community-tile span{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-snug)}.community-tile--network{border-left-color:var(--community-network);background:var(--community-network-bg)}.community-tile--mentor{border-left-color:var(--community-mentor);background:var(--community-mentor-bg)}.community-tile--collab{border-left-color:var(--community-collab);background:var(--community-collab-bg)}.community-tile--invest{border-left-color:var(--community-invest);background:var(--community-invest-bg)}.community-tile--jobs{border-left-color:var(--community-jobs);background:var(--community-jobs-bg)}.community-tile--forum{border-left-color:var(--community-forum);background:var(--community-forum-bg)}.community-tile--event{border-left-color:var(--community-event);background:var(--community-event-bg)}.community-tile--showcase{border-left-color:var(--community-showcase);background:var(--community-showcase-bg)}.community-tile--charity{border-left-color:var(--community-charity);background:var(--community-charity-bg)}.community-list{display:grid;gap:var(--space-3)}.community-person,.community-job,.community-event,.community-topic,.community-venture{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:left}.community-job,.community-event,.community-topic,.community-venture{grid-template-columns:minmax(0,1fr) auto}.community-job:has(>.avatar),.community-event:has(>.avatar),.community-topic:has(>.avatar){grid-template-columns:auto minmax(0,1fr) auto}.community-person .avatar{width:44px;height:44px}.community-person__avatar{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--hopsa-maroon);color:var(--hopsa-gold);font-family:var(--font-display);font-weight:700}.community-person__body{min-width:0;text-align:left}.community-person__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:.2rem}.community-person__action{display:grid;justify-items:end;align-content:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.community-person h3,.community-job h3,.community-event h3,.community-topic h3,.community-venture h3{margin:0 0 .2rem;font-family:var(--font-display);font-size:var(--text-lg);color:var(--hopsa-maroon);text-align:left}.community-person p,.community-job p,.community-event p,.community-venture p{margin:0;color:var(--muted);font-size:var(--text-sm);text-align:left}.community-person span,.community-topic span,.community-person__body span{font-size:var(--text-sm);color:var(--muted-soft)}.community-venture__ask{display:grid;justify-items:end;text-align:right;white-space:nowrap;gap:var(--space-2);margin-left:auto}.community-venture__ask span{display:block;font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.community-venture__ask strong,.community-venture__ask .money{font-family:var(--font-display);color:var(--hopsa-maroon);font-size:var(--text-xl)}.community-topic__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;width:100%;grid-column:1 / -1}.community-topic.is-expanded,.community-event.is-expanded{align-items:start}.community-thread{grid-column:1 / -1;width:100%;display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);text-align:left}.community-thread__op{margin:0;color:var(--muted)}.community-thread__replies{display:grid;gap:var(--space-3)}.community-thread__reply{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--line)}.community-thread__reply strong{display:block;margin-bottom:var(--space-1);color:var(--hopsa-maroon);font-size:var(--text-sm)}.community-thread__reply p{margin:0}.community-compose--stack{display:grid;gap:var(--space-4);width:100%;max-width:none;align-items:stretch}.community-compose--stack .input,.community-compose--stack .select,.community-compose--stack textarea.input{max-width:none;width:100%}.community-compose--stack textarea.input{min-height:4.5rem;resize:vertical}.community-venture--charity .community-venture__ask{display:grid;justify-items:end;text-align:right;gap:var(--space-2);flex:0 0 auto;margin-left:auto}.community-venture--charity .community-venture__ask strong{color:var(--community-charity)}.community-venture--charity .community-venture__main>.community-identity>div>span{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--muted)}.community-venture--charity{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.community-venture--charity .community-venture__main{display:contents}.community-venture--charity .community-venture__main>.community-identity{min-width:0;flex:1 1 12rem;display:flex;gap:var(--space-3);align-items:flex-start}.community-venture--charity .community-donate{flex:1 1 100%;width:100%}.community-venture--charity.is-expanded{border-color:var(--community-charity);background:var(--community-charity-bg)}.community-gate{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken)}.community-gate p{margin:0 0 var(--space-3);color:var(--muted)}.community-gate__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.community-compose{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5);align-items:flex-end}.community-compose>.field{flex:1 1 22rem;min-width:min(100%,22rem)}.community-compose .input,.community-compose .select,.community-compose .textarea{flex:none;width:100%;min-width:0;min-height:44px;field-sizing:fixed}.community-job__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.community-compose--network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-2);width:100%;max-width:none}.community-compose--network>.field{flex:none;min-width:0}.community-compose--network>.field--links,.community-compose--network>.community-toggle,.community-compose--network>.btn{grid-column:1 / -1}.community-compose--network>fieldset{margin:0;min-width:0}.community-compose--mentor{grid-template-columns:max-content minmax(12rem,1fr)}.community-role-picks{display:flex;flex-wrap:wrap;gap:var(--space-2)}.community-role-picks .btn{min-height:44px;padding-inline:1.5rem}.community-compose--network .input,.community-compose--network .select,.community-compose--network textarea.input{field-sizing:fixed;width:100%}.community-person>.community-donate{grid-column:1 / -1}.community-person.is-expanded{align-items:start}.community-job-detail__body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:var(--text-sm);line-height:1.5}.community-job-detail__facts{display:grid;gap:var(--space-3);margin:0}.community-job-detail__facts div{display:grid;gap:.15rem}.community-job-detail__facts dt{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted)}.community-job-detail__facts dd{margin:0;color:var(--text);overflow-wrap:anywhere}.community-article{display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--surface-raised);border-radius:var(--radius-lg);border:1px solid var(--line)}.community-article__cover{width:100%;height:auto;max-height:220px;object-fit:cover;border-radius:8px;background:var(--surface)}.community-article.is-expanded .community-article__cover{max-height:none;object-fit:contain}.community-article__body h3{margin:0 0 .25rem;font-family:var(--font-display)}.community-article__body p,.community-article__excerpt{margin:0;color:var(--text)}.community-article__body span{color:var(--muted);font-size:var(--text-sm)}.community-article__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.community-article__story{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.community-article__media{display:grid;gap:var(--space-3)}.community-article__media img,.community-article__media video{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:8px;background:var(--surface)}.community-article__embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.community-article__embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media(min-width:720px){.community-article:not(.is-expanded){grid-template-columns:minmax(0,10rem) 1fr auto;align-items:start}.community-article:not(.is-expanded) .community-article__cover{max-height:140px;height:140px}.community-article.is-expanded{grid-template-columns:1fr}.community-article.is-expanded .community-article__full{grid-column:1 / -1}}@media(max-width:720px){.community-compose--network{grid-template-columns:1fr}}.community-social-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.community-social-row{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-2);align-items:stretch}.community-social-row .input{flex:1 1 auto;min-width:0;width:auto;field-sizing:fixed}.community-social-row .btn--icon{flex:0 0 44px;min-height:44px}.community-person__links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.community-person__links a{font-size:var(--text-sm);font-weight:600;color:var(--hopsa-maroon)}.community-group-member{display:grid;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;color:inherit;font:inherit}.community-group-member:hover,.community-group-member.is-open{border-color:var(--hopsa-maroon-soft)}.community-group-member__top{display:flex;align-items:center;gap:var(--space-3)}.community-group-member__details{display:grid;gap:var(--space-1);padding-left:calc(44px + var(--space-3));font-size:var(--text-sm);color:var(--muted)}.community-group-list{display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.community-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted)}.community-toggle input{width:1.1rem;height:1.1rem}.community-contact-note{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--muted);font-style:italic}.select--sm{min-height:36px;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.community-charity-post{margin-bottom:var(--space-5)}.community-donate{width:100%;display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.community-donate h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);color:var(--hopsa-maroon)}.community-donate__field{display:grid;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}.community-donate__field .input{min-height:44px;max-width:16rem}.community-donate__methods{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-4)}.community-donate__methods legend{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.community-donate__methods label{display:inline-flex;align-items:flex-start;gap:var(--space-2);min-height:44px}.community-donate__methods label strong{display:block;color:var(--hopsa-maroon);font-size:var(--text-sm)}.community-donate__methods label small{display:block;color:var(--muted);font-size:var(--text-xs);font-weight:500}@media(max-width:640px){.community-venture--charity .community-venture__ask{margin-left:auto;justify-items:end;text-align:right}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-band{width:min(1170px,calc(100% - 2rem));margin:0 auto;padding:var(--space-12) 0}.home-band--tint{width:100%;background:var(--surface-tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-band--tint>.home-band__inner{width:min(1170px,calc(100% - 2rem));margin:0 auto;padding:var(--space-12) 0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.shop-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6);align-items:start}.shop-filters{position:sticky;top:1rem;display:grid;gap:var(--space-5);padding:var(--space-5);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-xl);max-height:calc(100vh - 2rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.shop-filters h3{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-base);color:var(--hopsa-maroon)}.filter-list{display:grid;gap:var(--space-2)}.filter-list--tree{gap:var(--space-3)}.filter-tree{display:grid;gap:var(--space-2)}.filter-tree__children{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--line);margin-left:var(--space-2)}.chip--sm{font-size:var(--text-xs);padding:.45rem .7rem;min-height:var(--touch-min)}.shop-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-8);align-items:start}.product-gallery{aspect-ratio:1;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(145deg,var(--hopsa-gold-wash),var(--surface-sunken));display:grid;place-items:center;position:relative;overflow:hidden}.product-gallery__img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__thumbs{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);display:flex;gap:var(--space-2);overflow-x:auto}.product-gallery__thumb{flex:0 0 48px;width:48px;height:48px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);cursor:pointer;min-height:44px}.product-gallery__thumb.is-active{border-color:var(--hopsa-maroon)}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__mark{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);letter-spacing:.1em;color:#4d160829}.product-info h1{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);color:var(--hopsa-maroon)}.product-info__vendor{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);text-decoration:none;color:inherit}.product-info__vendor:hover{border-color:var(--hopsa-maroon-soft)}.product-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:var(--space-5) 0}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start}.cart-line{display:grid;grid-template-columns:88px 1fr auto;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);margin-bottom:var(--space-3)}.cart-line__thumb{aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--hopsa-gold-wash),var(--surface-sunken));display:grid;place-items:center;overflow:hidden;font-family:var(--font-display);font-weight:700;color:#4d160840}.cart-line__thumb img{width:100%;height:100%;object-fit:cover}.cart-line h3{margin:0 0 .25rem;font-size:var(--text-base)}.cart-line p{margin:0;font-size:var(--text-sm);color:var(--muted)}.summary-card{position:sticky;top:1rem;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-sm)}.summary-card h3{margin:0 0 var(--space-4);font-family:var(--font-display);color:var(--hopsa-maroon)}.summary-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--muted)}.summary-row--item{display:grid;grid-template-columns:2.75rem 1fr auto;align-items:center}.summary-thumb{width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-sunken);display:grid;place-items:center;font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--hopsa-maroon)}.summary-thumb img{width:100%;height:100%;object-fit:cover}.summary-row--total{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);font-size:var(--text-base);font-weight:700;color:var(--ink)}.summary-row--total>:last-child,.summary-row .money,.summary-row .price{font-family:var(--font-display);font-weight:700;color:var(--hopsa-maroon)}.auth-banner{display:flex;align-items:center;justify-content:center;min-height:var(--topbar-h);padding:var(--space-2) var(--space-5);background:var(--hopsa-maroon-deep);color:#fff6d6e6;font-size:var(--text-xs);text-align:center;letter-spacing:.02em}.auth-card{width:min(440px,100%);margin:var(--space-8) auto;padding:var(--space-8);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-card__brand{text-align:center;margin-bottom:var(--space-6)}.auth-card__brand img{width:var(--logo-lockup-sm);max-width:var(--logo-lockup-max);height:auto;margin:0 auto var(--space-3);object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}.auth-card h1{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);color:var(--hopsa-maroon)}.auth-card .page-lead{margin-bottom:var(--space-6)}.auth-form{display:grid;gap:var(--space-4)}.auth-switch{margin-top:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--muted)}.auth-error{margin:0;padding:var(--space-3);border-radius:var(--radius-sm, 8px);background:var(--danger-bg);color:var(--hopsa-maroon);font-size:var(--text-sm)}.account-nav__signout{display:block;width:100%;text-align:left;background:transparent;border:0;padding:var(--space-3);color:inherit;font:inherit;cursor:pointer;min-height:44px}.overview-meta{display:grid;gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.overview-meta dt{font-size:var(--text-xs);color:var(--muted)}.overview-meta dd{margin:0;font-weight:600}.account-layout{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:var(--space-6);align-items:start}.account-main{min-width:0}.account-nav{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-raised);min-width:0;overflow:hidden}.account-nav__profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-2)}.account-nav__identity{min-width:0}.account-nav__identity strong{display:block;color:var(--hopsa-maroon);font-size:var(--text-sm);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-nav__identity p{margin:.15rem 0 0;font-size:var(--text-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-nav__links{display:grid;gap:var(--space-1)}.account-nav__link{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:44px;padding:.7rem .85rem;border:0;border-radius:var(--radius-md);background:transparent;text-decoration:none;text-align:left;color:var(--hopsa-maroon);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.account-nav__link:hover,.account-nav__link.is-active{background:var(--hopsa-gold-wash);color:var(--hopsa-maroon)}.account-nav__link--action{margin-top:var(--space-1)}.app-footer{margin-top:auto;background:var(--hopsa-maroon-deep);color:#fff6d6cc;padding:var(--space-12) max(1rem,calc((100% - 1170px)/2)) var(--space-6)}.app-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-10)}.app-footer__brand{display:flex;gap:var(--space-3);align-items:flex-start}.app-footer__brand img,.app-footer__crest{width:120px;height:auto;max-width:min(140px,36vw);object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none;flex-shrink:0}.app-footer__brand p{margin:0;max-width:36ch;font-size:var(--text-sm);line-height:var(--leading-normal);color:#fff6d6bf}.home-band--intro{padding-top:var(--space-8)}.home-band--intro-tight{padding-bottom:var(--space-3)}.home-band--intro-tight>.section-head{margin-bottom:0;align-items:flex-end}.home-band--intro-tight>.section-head h2{line-height:1}.home-band--intro-tight>.section-head .btn{align-self:flex-end}.home-band--flush-top{padding-top:var(--space-3)}.logo--lockup,.logo--lockup-sm,.logo--lockup-md,.logo--lockup-lg,.auth-card__brand img{background:transparent!important}.app-footer__brand strong{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-brand);color:var(--hopsa-gold)}.app-footer__brand p{margin:.35rem 0 0;font-size:var(--text-sm);max-width:28ch}.app-footer h4{margin:0 0 var(--space-3);font-family:var(--font-display);color:var(--hopsa-gold);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase}.app-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.app-footer a{color:#fff6d6cc;text-decoration:none;font-size:var(--text-sm)}.app-footer a:hover{color:var(--hopsa-gold)}.app-footer__motto{margin:0 0 var(--space-6);padding:var(--space-4) 0;text-align:center;border-top:1px solid rgba(240,192,16,.2);border-bottom:1px solid rgba(240,192,16,.2);display:grid;gap:.35rem}.app-footer__motto-label{display:block;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:#fff6d68c}.app-footer__motto-text{display:block;font-family:var(--font-mono);font-style:italic;font-weight:600;font-size:clamp(1.15rem,3vw,1.6rem);letter-spacing:.22em;text-transform:uppercase;color:var(--hopsa-gold)}.app-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-5);font-size:var(--text-xs)}.app-footer__legal{display:inline-flex;flex-wrap:wrap;gap:var(--space-3)}.app-footer__legal a{color:inherit}.admin-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.admin-summary__item{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:grid;gap:.15rem}.admin-summary__item strong{font-family:var(--font-display);font-size:var(--text-xl);color:var(--hopsa-maroon)}.admin-summary__item span{color:var(--muted);font-size:var(--text-xs)}.admin-fee-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-3)}.admin-fee-card{display:grid;gap:var(--space-1);padding:var(--space-4) var(--space-5);min-height:5.5rem;align-content:center;border:1px solid var(--line-strong);border-left:4px solid var(--hopsa-maroon);box-shadow:var(--shadow-sm)}.admin-fee-card strong{margin:0;font-family:var(--font-display);font-size:var(--text-xl);color:var(--hopsa-maroon);font-variant-numeric:tabular-nums}.admin-fee-card span{color:var(--muted);font-size:var(--text-sm)}.admin-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.admin-metric-card{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5);min-height:6.5rem;min-width:0;overflow:hidden;align-content:space-between;border-left:4px solid var(--hopsa-maroon)}.admin-metric-card--link{color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.admin-metric-card--link:hover,.admin-metric-card--link:focus-visible{border-color:var(--hopsa-gold);color:inherit;text-decoration:none;outline:none;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08))}.admin-metric-card__label{margin:0;color:var(--muted);font-size:var(--text-sm);font-weight:650;line-height:1.3}.admin-metric-card__value{margin:0;font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.85rem);font-weight:700;color:var(--hopsa-maroon);line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.admin-section{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.admin-card{padding:var(--space-5);display:grid;gap:var(--space-4);box-shadow:var(--shadow-sm)}.admin-card--compact{padding:var(--space-4);gap:var(--space-3)}.admin-card__identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start}.admin-card__who{min-width:0;display:grid;gap:var(--space-1)}.admin-card__title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--hopsa-maroon);line-height:var(--leading-snug)}.admin-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.admin-card__contact{margin:0;color:var(--muted);font-size:var(--text-sm);overflow-wrap:anywhere}.admin-card__meta{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-md)}.admin-card__meta-row{display:grid;grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);gap:var(--space-2);align-items:baseline;font-size:var(--text-sm)}.admin-card__meta-row--block{grid-template-columns:1fr}.admin-card__label{color:var(--muted);font-size:var(--text-xs);font-weight:650}.admin-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-card__actions .btn{min-height:var(--touch-min)}.admin-card__mark{width:48px;height:48px;border-radius:var(--radius-md);object-fit:contain;background:var(--hopsa-gold-wash);border:2px solid var(--hopsa-gold);flex-shrink:0}.admin-card__swatch{display:inline-block;width:18px;height:18px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);vertical-align:middle}.admin-card .admin-fields{margin:0;padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-md)}[data-page-focus]:focus{outline:none}.admin-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--surface)}.admin-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--hopsa-maroon);color:var(--hopsa-gold-wash);position:sticky;top:0;z-index:40}.admin-topbar__brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--hopsa-gold-wash);text-decoration:none;font-family:var(--font-display);font-size:var(--text-lg)}.admin-topbar__brand:hover,.admin-topbar__brand:focus,.admin-topbar__brand:focus-visible{color:var(--hopsa-gold);text-decoration:none}.admin-topbar__brand img{height:2rem;width:auto}.admin-topbar__brand strong{color:var(--hopsa-gold)}.admin-topbar__role{padding:.2rem .65rem;border:1px solid var(--hopsa-gold);border-radius:999px;color:var(--hopsa-gold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.admin-topbar__actions{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-3)}.admin-topbar__switcher .school-switcher__label{color:var(--hopsa-gold-wash)}.admin-topbar__switcher{margin-left:var(--space-2)}.admin-topbar__link{color:var(--hopsa-gold-wash);font-size:var(--text-sm);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.admin-topbar__link:hover{color:var(--hopsa-gold);text-decoration:underline}.admin-topbar__signout{color:var(--hopsa-gold-wash);border-color:#ffffff59}.admin-nav{display:flex;gap:var(--space-1);padding:0 var(--space-5);background:var(--surface-raised);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-nav__link{padding:var(--space-3) var(--space-3);min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;color:var(--muted);text-decoration:none;font-size:var(--text-sm);font-weight:600;border-bottom:3px solid transparent}.admin-nav__link:hover{color:var(--ink)}.admin-nav__link.is-active{color:var(--hopsa-maroon);border-bottom-color:var(--hopsa-gold)}.admin-main{flex:1;width:100%;max-width:90rem;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8);min-width:0;overflow-x:hidden}.admin-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--hopsa-maroon);margin:0 0 var(--space-1)}.admin-lead{color:var(--muted);margin:0 0 var(--space-5)}.admin-note-field{max-width:40rem;margin-bottom:var(--space-4)}.admin-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-3)}.admin-quick-link{padding:var(--space-4);display:grid;gap:var(--space-1);color:inherit;text-decoration:none}.admin-quick-link:hover{border-color:var(--hopsa-gold)}.admin-quick-link strong{font-family:var(--font-display);color:var(--hopsa-maroon)}.admin-fields{margin:var(--space-3) 0 0;display:grid;gap:var(--space-2)}.admin-fields__row{display:grid;grid-template-columns:minmax(6.5rem,8.5rem) 1fr;gap:var(--space-2);align-items:baseline;margin:0}.admin-fields__row dt{margin:0;color:var(--muted);font-size:var(--text-sm);font-weight:600}.admin-fields__row dd{margin:0;font-size:var(--text-sm);word-break:break-word}.admin-fields__row--block{grid-template-columns:1fr}.admin-listing-results{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-1);max-height:16rem;overflow:auto}.admin-listing-result{width:100%;min-height:44px;display:grid;gap:.15rem;text-align:left;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised, #fff);cursor:pointer;font:inherit;color:inherit}.admin-listing-result:hover,.admin-listing-result:focus-visible{border-color:var(--hopsa-gold);outline:none}.admin-listing-result.is-selected{border-color:var(--hopsa-maroon);background:#f5c4001f}.admin-listing-status{margin:var(--space-1) 0 0}.admin-listing-result__title{font-weight:650}.admin-selected-listing{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-3)}.admin-search{display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:32rem}.admin-search .input{flex:1 1 14rem}.admin-setting-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.admin-setting-row:last-child{border-bottom:none}@media(max-width:640px){.admin-topbar{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.admin-nav{padding:0 var(--space-3)}.admin-main{padding:var(--space-5) var(--space-3) var(--space-7)}}.cookie-notice{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:55;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--hopsa-maroon);color:var(--hopsa-gold-wash);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:48rem;margin:0 auto}.cookie-notice p{margin:0;flex:1 1 16rem;font-size:var(--text-sm)}.cookie-notice a{color:var(--hopsa-gold)}.toast-host{position:fixed;right:1rem;bottom:1rem;z-index:60;display:grid;gap:var(--space-2)}.toast-host .toast{animation:toast-in .22s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-layout,.product-detail,.cart-layout,.checkout-layout,.account-layout,.app-footer__grid{grid-template-columns:1fr}.shop-filters,.summary-card{position:static}.app-chrome .topbar,.app-chrome .header-action__label{display:none}.app-chrome .header-action{padding:var(--space-2);min-width:44px;min-height:44px}.site-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand school actions" "search search search" "mode mode mode";gap:var(--space-2);align-items:center}.site-header__brand{grid-area:brand;z-index:1;flex-shrink:0}.site-header__brand small{display:none}.site-header__brand img,.site-header__logo{height:44px;max-width:min(116px,34vw)}.site-header__school{grid-area:school;justify-self:stretch;min-width:0}.site-header__school .school-switcher__trigger{width:100%;max-width:none}.mode-switch{grid-area:mode;justify-self:stretch;width:100%;max-width:100%;min-width:0;overflow:hidden}.mode-switch__btn{flex:1 1 0;padding:.45rem .25rem;font-size:var(--text-xs);min-width:0;letter-spacing:0;text-align:center;overflow:hidden;text-overflow:ellipsis}.header-actions{grid-area:actions;justify-self:end;flex-shrink:0;gap:var(--space-1)}.search{grid-area:search;max-width:none}.search .select,.topbar__links{display:none}}@media(max-width:960px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-grid{grid-template-columns:minmax(0,1fr)}.cart-line{grid-template-columns:72px 1fr}.cart-line__side{grid-column:1 / -1}.home-hero{min-height:auto;padding-top:var(--space-10);padding-bottom:var(--space-8)}.home-hero__lockup{width:min(100%,var(--logo-lockup-md))}.home-hero__actions{width:100%}.home-hero__actions .btn{flex:1 1 auto;justify-content:center}.community-grid{grid-template-columns:1fr}.community-person,.community-job,.community-event,.community-venture{grid-template-columns:auto minmax(0,1fr) auto}.community-job,.community-event,.community-topic,.community-venture{grid-template-columns:minmax(0,1fr) auto}}
