/* Shared public surface for the Tailwind and Bootstrap storefronts. */
body.xook-public {
  --x-paper:var(--xook-paper,#faf8f3); --x-surface:#fffefa; --x-ink:var(--xook-ink,#293e35);
  --x-muted:#65706a; --x-line:#dadfd7; --x-wash:#edf0e8; --x-teal:var(--xook-teal,#347e78);
  --primary:var(--x-teal); --secondary:var(--x-ink);
  
  --bg-primary:var(--x-paper); --bg-secondary:var(--x-wash);
  --text-primary:var(--x-ink); --text-secondary:var(--x-muted);
  --card-bg:var(--x-surface); --border-color:var(--x-line); --navbar-bg:var(--x-paper);
  background:var(--x-paper)!important; color:var(--x-ink);
  font-family:Inter,"Segoe UI",Arial,sans-serif; line-height:1.65;
}
html.dark body.xook-public, body.xook-public.dark {
  --x-paper:#18251f; --x-surface:#22332b; --x-ink:#edf2ec;
  --x-muted:#b3c1b8; --x-line:#405248; --x-wash:#2c4035; --x-teal:#8bc9be;
}
.xook-public h1,.xook-public h2,.xook-public h3 {letter-spacing:-.035em;line-height:1.2;color:var(--x-ink)}
.xook-public h1 {font-size:clamp(2rem,4vw,3.5rem);font-weight:600}
.xook-public :is(.text-gray-900,.text-gray-800,.text-gray-700) {color:var(--x-ink)!important}
.xook-public :is(.text-gray-600,.text-gray-500,.text-muted) {color:var(--x-muted)!important}
.xook-public :is(.text-primary,.text-blue-600,.text-indigo-600) {color:var(--x-teal)!important}
.xook-public :is(.bg-white,.card,.product-hero,.filter-sidebar) {background:var(--x-surface)!important;color:var(--x-ink);border-color:var(--x-line)!important}
.xook-public :is(.shadow-lg,.shadow-xl,.shadow-2xl,.product-hero,.product-card) {box-shadow:none!important;border:1px solid var(--x-line)}
.xook-public :is(.rounded-xl,.rounded-2xl,.card,.product-hero,.product-card) {border-radius:10px}
.xook-public > nav,.xook-public > .navbar {background:var(--x-paper)!important;border-bottom:1px solid var(--x-line);box-shadow:none!important;padding-top:12px;padding-bottom:12px}
.xook-public .navbar-brand {filter:none!important}
.xook-public :is(.bg-primary,.bg-secondary,.bg-accent,.btn-primary) {background:var(--xook-teal,#347e78)!important;color:var(--color-button-text,#fff)!important;border-color:var(--xook-teal,#347e78)!important}
.xook-public :is(.btn-outline-primary) {color:var(--x-teal);border-color:var(--x-teal);background:transparent}
.xook-public :is(.btn-primary,.bg-primary,.bg-secondary):hover {background:var(--color-secondary,#347e78)!important;color:var(--color-button-text,#fff)!important}
.xook-public :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea) {background:var(--x-surface)!important;color:var(--x-ink)!important;border:1px solid var(--x-line);border-radius:6px;min-width:0}
.xook-public :is(input,select,textarea)::placeholder {color:var(--x-muted)!important}
.xook-public :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--x-teal);outline-offset:3px}
.xook-public :is(.marketplace-header,.xook-catalog-hero,.xook-course-hero) {background:var(--x-wash)!important;color:var(--x-ink)!important;padding-top:64px;padding-bottom:64px;border-bottom:1px solid var(--x-line)}
.xook-public .xook-catalog-hero .text-center {text-align:left}
.xook-public .xook-catalog-hero form {margin-left:0}
.xook-public .marketplace-header h1 > i {display:none}
.xook-public .marketplace-header .row.mt-4 {border-top:1px solid var(--x-line);padding-top:24px;text-align:left!important}
.xook-public :is(.marketplace-header,.xook-catalog-hero) p {color:var(--x-muted);max-width:650px;font-size:1.1rem}
.xook-public .product-card:hover {transform:translateY(-2px);border-color:var(--x-teal)!important}
.xook-public > footer {background:var(--x-wash)!important;color:var(--x-muted)!important;border-top:1px solid var(--x-line)}
.xook-public > footer :is(h3,h4,a,p,span) {color:inherit!important}
.xook-public > footer :is(h3,h4) {color:var(--x-ink)!important}
.xook-public .group:focus-within > .invisible {visibility:visible;opacity:1}
.xook-public.xook-login > .pointer-events-none {display:none}
.xook-public.xook-login {padding-top:48px;padding-bottom:48px}
.xook-public .xook-public-brand {display:inline-flex;align-items:center;gap:12px;color:var(--x-ink);font-size:25px;font-weight:600;letter-spacing:.14em;text-decoration:none}
.xook-public .xook-public-brand img {width:38px;height:38px}
@media(max-width:640px){
 .xook-public :is(.marketplace-header,.xook-catalog-hero,.xook-course-hero){padding-top:36px;padding-bottom:36px}
 .xook-public .xook-catalog-hero form .flex {gap:8px}
 .xook-public .xook-catalog-hero form input {width:100%}
 .xook-public .product-image {height:240px}
 .xook-public .product-hero {padding:20px}
 .xook-public.xook-login .p-8 {padding:24px}
}
@media(prefers-reduced-motion:reduce){.xook-public *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.xook-public .xook-public-brand img{width:auto;height:auto;max-width:100%}.xook-public-brand .hidden{display:none}.dark .xook-public-brand .dark\:hidden{display:none}.dark .xook-public-brand .dark\:block{display:block}
html:not(.dark) .xook-public :is(h1,h2,h3){color:var(--x-ink)}
@media(max-width:767px){.xook-public>nav .hidden.md\:flex{display:flex!important;order:3;width:100%;flex-wrap:wrap;gap:8px 16px;margin:0;padding:8px 0}.xook-public>nav .flex.justify-between.h-16{height:auto;min-height:64px;flex-wrap:wrap;gap:12px}.xook-public>nav .space-x-8>:not([hidden])~:not([hidden]){margin-left:0}.xook-public>nav a{overflow-wrap:anywhere}.xook-public>nav .group>button>span{max-width:100px;overflow:hidden;text-overflow:ellipsis}}
/* One symbol and a normal-case wordmark across public pages. */
.xook-public .xook-panel-brand{display:inline-flex;align-items:center;gap:10px;max-width:250px;font-size:21px;font-weight:600;letter-spacing:normal;color:var(--x-ink);line-height:1.2}
.xook-public .xook-panel-brand img{width:36px;height:36px;flex:none;object-fit:contain}.xook-public .xook-panel-brand span{white-space:normal}
@media(max-width:640px){.xook-public .xook-panel-brand{font-size:17px;max-width:195px}}
/* Secondary journeys: confirmation, verification and owned content. */
.xook-public :is(.content-card,.success-card,.verification-card){background:var(--x-surface);color:var(--x-ink);border:1px solid var(--x-line);box-shadow:none;border-radius:10px}
.xook-public :is(.bg-blue-600,.bg-indigo-600){background:var(--xook-teal,#347e78)!important;color:#fff!important}
.xook-public :is(.learning-topbar,.learning-account-menu){background:var(--x-surface);color:var(--x-ink);border-color:var(--x-line)}
.xook-public .learning-nav a{color:var(--x-ink)}
@media(max-width:640px){.xook-public .input-group{min-width:0}.xook-public .page-content .flex.justify-between{flex-wrap:wrap;gap:12px}.xook-public :is(.content-card,.success-card){max-width:100%}.xook-public .learning-account summary span{max-width:110px}}
/* Purchased Marketplace content uses the same public identity. */
.xook-market-content .market-learning-header{border-bottom:1px solid var(--x-line);background:var(--x-paper);padding:20px 0}
.xook-market-content .market-learning-header>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.xook-market-content .market-learning-header a{text-decoration:none;color:var(--x-ink)}
.xook-market-content .market-learning-header nav{display:flex;gap:20px;flex-wrap:wrap}
.xook-market-content .content-header{background:var(--x-wash);color:var(--x-ink);padding:48px 0;border-bottom:1px solid var(--x-line)}
.xook-market-content .content-header h1>i{display:none}.xook-market-content .content-header .lead{color:var(--x-muted);opacity:1!important}
.xook-market-content .info-badge{background:var(--x-surface);color:var(--x-ink);border:1px solid var(--x-line);border-radius:6px;display:inline-block;margin:4px 8px 4px 0}
.xook-market-content .content-tabs{gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--x-line);padding-bottom:16px}
.xook-market-content .content-tabs .nav-link{border:1px solid var(--x-line);border-radius:6px;color:var(--x-ink);background:var(--x-surface);min-height:44px}
.xook-market-content .content-tabs .nav-link.active{background:var(--x-teal);color:#fff;border-color:var(--x-teal)}
.xook-market-content .content-card{box-shadow:none!important;border:1px solid var(--x-line)}
.xook-market-content .owner-banner{background:var(--x-wash);color:var(--x-ink);border-bottom:1px solid var(--x-line)}
@media(max-width:640px){.xook-market-content .content-header{padding:28px 0}.xook-market-content .content-header .text-end{text-align:left!important;margin-top:16px}.xook-market-content .market-learning-header nav{gap:8px 16px}.xook-market-content .market-learning-header nav a{padding:8px 0}.xook-market-content .content-tabs .nav-item{flex:1 1 42%}.xook-market-content .content-tabs .nav-link{text-align:center;padding:12px 8px}.xook-market-content .content-header h1{overflow-wrap:anywhere;font-size:2rem}}