/* Forerunners Learning UI extension v0.2.0 — scoped account + native Tutor runtime skin */
:root{
  --flui-red:#d10012;
  --flui-red-dark:#8d000b;
  --flui-ink:#11100e;
  --flui-night:#17110f;
  --flui-paper:#f2ece2;
  --flui-cream:#fffaf1;
  --flui-cream-2:#f8f2e9;
  --flui-line:rgba(17,16,14,.18);
  --flui-muted:#665d55;
  --flui-max:1240px;
  --flui-serif:Georgia,"Times New Roman",Times,serif;
  --flui-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.flui-root,.flui-root *{box-sizing:border-box}
.flui-root{font-family:var(--flui-sans);color:var(--flui-ink);background:var(--flui-paper);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}
.flui-root a{color:inherit;text-decoration:none}
.flui-wrap{width:min(calc(100% - 36px),var(--flui-max));margin-inline:auto}
.flui-account-hero{border-bottom:1px solid var(--flui-line);padding:clamp(54px,7vw,96px) 0 clamp(34px,5vw,64px);background:linear-gradient(180deg,#f6efe5 0%,var(--flui-paper) 100%)}
.flui-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--flui-red);font-size:12px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px}
.flui-eyebrow:before{content:"";display:block;width:34px;height:2px;background:currentColor}
.flui-title{font-family:var(--flui-serif);font-size:clamp(42px,6vw,82px);line-height:.92;letter-spacing:-.055em;margin:0 0 18px;max-width:820px}
.flui-lead{font-size:clamp(18px,2vw,23px);line-height:1.45;color:#332923;margin:0;max-width:760px}
.flui-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.flui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;border:1px solid var(--flui-red);background:var(--flui-red);color:#fff!important;font-size:13px;font-weight:950;letter-spacing:.075em;text-transform:uppercase;box-shadow:6px 6px 0 rgba(17,16,14,.13);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}
.flui-btn:hover,.flui-btn:focus-visible{background:var(--flui-red-dark);border-color:var(--flui-red-dark);color:#fff!important;transform:translateY(-2px);box-shadow:8px 8px 0 rgba(17,16,14,.16);outline:2px solid var(--flui-ink);outline-offset:3px}
.flui-btn--secondary{background:#fff;color:var(--flui-red)!important;border-color:var(--flui-ink)}
.flui-btn--secondary:hover,.flui-btn--secondary:focus-visible{background:#fff;color:var(--flui-red-dark)!important;border-color:var(--flui-red-dark)}
.flui-dashboard{padding:clamp(44px,6vw,82px) 0;background:var(--flui-paper)}
.flui-dashboard-grid{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:clamp(22px,3vw,38px);align-items:start}
.flui-account-nav{position:sticky;top:24px;display:grid;gap:8px;border:1px solid var(--flui-line);background:var(--flui-cream-2);padding:14px;box-shadow:10px 10px 0 rgba(17,16,14,.06)}
.flui-account-nav h2{font-family:var(--flui-serif);font-size:29px;line-height:1;margin:0 0 8px;letter-spacing:-.04em}
.flui-nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 12px;border:1px solid transparent;background:rgba(255,255,255,.62);font-weight:900;font-size:14px;color:var(--flui-ink)!important}
.flui-nav-link:hover,.flui-nav-link:focus-visible,.flui-nav-link.is-active{border-color:var(--flui-red);color:var(--flui-red)!important;background:#fff;outline:0}
.flui-nav-link--muted{font-weight:750;color:#5c524b!important}
.flui-learning-main{min-width:0;display:grid;gap:28px}
.flui-panel{border:1px solid var(--flui-ink);background:var(--flui-cream);box-shadow:12px 12px 0 rgba(17,16,14,.08);padding:clamp(22px,3vw,38px)}
.flui-panel--available{background:#f8f2e9;border-color:var(--flui-line);box-shadow:none}
.flui-panel-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px;border-bottom:1px solid var(--flui-line);padding-bottom:22px}
.flui-panel-head h2{font-family:var(--flui-serif);font-size:clamp(32px,4vw,52px);line-height:.95;letter-spacing:-.05em;margin:0}
.flui-panel-head p{font-size:18px;line-height:1.5;color:#3a302a;margin:0;max-width:590px}
.flui-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.flui-course-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--flui-ink);background:#fff;min-width:0;overflow:hidden;box-shadow:8px 8px 0 rgba(17,16,14,.08)}
.flui-course-card.is-enrolled{background:var(--flui-cream)}
.flui-course-media{display:block;aspect-ratio:16/10;background:#241b18;overflow:hidden}
.flui-course-media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.02)}
.flui-course-body{display:grid;gap:12px;align-content:start;padding:20px;min-width:0}
.flui-state{display:inline-flex;width:max-content;background:var(--flui-ink);color:#fff;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;padding:6px 8px}
.flui-course-card.is-enrolled .flui-state{background:var(--flui-red)}
.flui-course-body h3{font-family:var(--flui-serif);font-size:clamp(26px,2vw,30px);line-height:.98;letter-spacing:-.045em;margin:0}
.flui-course-body p{margin:0;color:#3a302a;font-size:16px;line-height:1.48}
.flui-progress{display:grid;gap:7px;margin:2px 0 4px}
.flui-progress-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#4f463f}
.flui-progress-track{height:9px;border:1px solid var(--flui-line);background:#f0e6da;overflow:hidden}
.flui-progress-fill{height:100%;background:var(--flui-red);width:var(--flui-progress,0%)}
.flui-progress--unknown{border:1px dashed var(--flui-line);background:#fff;padding:10px 12px;color:#4f463f;font-size:13px;font-weight:800}
.flui-course-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.flui-course-actions .flui-btn{min-height:43px;padding:11px 13px;font-size:12px;box-shadow:5px 5px 0 rgba(17,16,14,.12)}
.flui-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.flui-info-card{display:block;border:1px solid var(--flui-line);background:#fff;padding:20px;color:var(--flui-ink)!important}
.flui-info-card:hover,.flui-info-card:focus-visible{border-color:var(--flui-red);box-shadow:6px 6px 0 rgba(209,0,18,.1);outline:0}
.flui-info-card strong{display:block;color:var(--flui-red);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}
.flui-info-card p{margin:0;color:#3a302a}
.flui-empty-note{border:1px solid var(--flui-line);border-left:6px solid var(--flui-red);background:#fff6ec;padding:16px 18px;color:#352b25}
.flui-empty-note p{margin:0}

.flui-tutor-runtime{--tutor-color-primary:var(--flui-red)!important;--tutor-color-primary-hover:var(--flui-red-dark)!important;--tutor-color-primary-rgb:209,0,18!important;background:var(--flui-paper)!important;color:var(--flui-ink)!important;font-family:var(--flui-sans)!important}
.flui-tutor-runtime .wp-site-blocks{padding:0!important;margin:0!important;max-width:none!important}
.flui-tutor-runtime .wp-site-blocks>header,.flui-tutor-runtime .wp-site-blocks>footer,.flui-tutor-runtime header.wp-block-template-part,.flui-tutor-runtime footer.wp-block-template-part{display:none!important}
.flui-tutor-runtime .tutor-course-single-content-wrapper{margin-top:0!important;background:var(--flui-paper)!important;color:var(--flui-ink)!important;font-family:var(--flui-sans)!important}
.flui-tutor-runtime .tutor-course-single-sidebar-wrapper{background:#fbf6ed!important;border-right:1px solid var(--flui-line)!important}
.flui-tutor-runtime .tutor-course-single-sidebar-title{background:#fbf6ed!important;border-bottom:1px solid var(--flui-line)!important}
.flui-tutor-runtime .tutor-course-single-sidebar-title span:first-child{color:var(--flui-ink)!important;font-weight:950!important}
.flui-tutor-runtime .tutor-course-single-content-title,.flui-tutor-runtime .tutor-course-topic-single-header,.flui-tutor-runtime .tutor-course-single-header,.flui-tutor-runtime .tutor-lesson-topbar,.flui-tutor-runtime .tutor-course-single-content-header{background:rgba(242,236,226,.96)!important;border-color:var(--flui-line)!important;color:var(--flui-ink)!important}
.flui-tutor-runtime .tutor-course-single-content-title h1,.flui-tutor-runtime .tutor-course-topic-single-header h1,.flui-tutor-runtime .tutor-course-single-header h1{font-family:var(--flui-serif)!important;letter-spacing:-.045em!important;color:var(--flui-ink)!important}
.flui-tutor-runtime .tutor-lesson-video-wrap,.flui-tutor-runtime .tutor-video-player,.flui-tutor-runtime .tutor-course-single-content iframe,.flui-tutor-runtime .tutor-course-single-content video{background:var(--flui-night)!important;border:1px solid var(--flui-ink)!important;box-shadow:14px 14px 0 rgba(209,0,18,.14)!important}
.flui-tutor-runtime .tutor-course-single-content iframe,.flui-tutor-runtime .tutor-course-single-content video{display:block;max-width:100%;width:100%}
.flui-tutor-runtime .tutor-btn-primary,.flui-tutor-runtime .tutor-btn.tutor-btn-primary{background:var(--flui-red)!important;border-color:var(--flui-red)!important;color:#fff!important;border-radius:0!important;font-weight:950!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.flui-tutor-runtime .tutor-btn-primary:hover,.flui-tutor-runtime .tutor-btn-primary:focus-visible,.flui-tutor-runtime .tutor-btn.tutor-btn-primary:hover,.flui-tutor-runtime .tutor-btn.tutor-btn-primary:focus-visible{background:var(--flui-red-dark)!important;border-color:var(--flui-red-dark)!important;color:#fff!important;outline:2px solid var(--flui-ink)!important;outline-offset:3px!important}
.flui-tutor-runtime .tutor-color-primary,.flui-tutor-runtime .tutor-text-primary,.flui-tutor-runtime a.tutor-color-primary{color:var(--flui-red)!important}
.flui-tutor-runtime .tutor-bg-primary{background-color:var(--flui-red)!important}
.flui-tutor-runtime .tutor-progress-bar .tutor-progress-filled,.flui-tutor-runtime .tutor-course-progress-bar .progress-percent{background:var(--flui-red)!important}
/* Tour suppression is owned by the explicit learner-root renderer/JS marker. */

@media(max-width:1040px){
  .flui-dashboard-grid{grid-template-columns:1fr}
  .flui-account-nav{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .flui-account-nav h2{grid-column:1/-1}
  .flui-course-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .flui-wrap{width:min(calc(100% - 30px),var(--flui-max))}
  .flui-account-hero{padding:36px 0 30px}
  .flui-title{font-size:clamp(38px,12vw,54px)}
  .flui-lead{font-size:17px}
  .flui-hero-actions,.flui-course-actions{display:grid;width:100%}
  .flui-btn{width:100%}
  .flui-dashboard{padding:32px 0}
  .flui-panel{padding:18px;box-shadow:7px 7px 0 rgba(17,16,14,.08)}
  .flui-panel-head{display:grid;margin-bottom:18px;padding-bottom:18px}
  .flui-panel-head p{font-size:16px}
  .flui-account-nav{grid-template-columns:1fr;padding:12px}
  .flui-course-body{padding:17px}
  .flui-secondary-grid{grid-template-columns:1fr}
  .flui-tutor-runtime .tutor-lesson-video-wrap,.flui-tutor-runtime .tutor-video-player,.flui-tutor-runtime .tutor-course-single-content iframe,.flui-tutor-runtime .tutor-course-single-content video{box-shadow:7px 7px 0 rgba(209,0,18,.13)!important}
}
@media(prefers-reduced-motion:reduce){.flui-btn{transition:none}.flui-btn:hover,.flui-btn:focus-visible{transform:none}}

/* Tutor 4 native learning-area tokens: no template or behavior replacement. */
body.flui-tutor-runtime{
 --tutor-surface-base:#f2ece2;--tutor-surface-l1:#fffaf1;--tutor-surface-l1-hover:#eee4d6;--tutor-surface-l2:#e8ddcf;--tutor-surface-l2-hover:#dacaba;--tutor-surface-l3:#f8f2e9;--tutor-surface-sidebar-l1:#fffaf1;
 --tutor-text-primary:#201b17;--tutor-text-primary-inverse:#fff;--tutor-text-secondary:#4f463f;--tutor-text-subdued:#6a5f55;--tutor-text-brand:#a9000e;--tutor-text-brand-hover:#8d000b;--tutor-text-light:#fff;
 --tutor-icon-idle:#44392f;--tutor-icon-secondary:#6a5f55;--tutor-icon-brand:#a9000e;--tutor-icon-brand-hover:#8d000b;
 --tutor-button-primary:#c80012;--tutor-button-primary-hover:#8d000b;--tutor-button-primary-focused:#c80012;--tutor-button-primary-soft:#f6dfdc;--tutor-button-primary-soft-hover:#edccc5;--tutor-button-secondary:#e8ddcf;--tutor-button-secondary-hover:#dacaB7;--tutor-button-outline-hover:#eee4d6;--tutor-button-ghost-hover:#eee4d6;
 --tutor-border-idle:#d9cdbf;--tutor-border-idle2:#d9cdbf;--tutor-border-hover:#baaa98;--tutor-border-brand:#c80012;--tutor-tab-l3-active-hover:#eee4d6;--tutor-tab-l3-active:#f5dfda;--tutor-actions-brand-primary:#c80012;--tutor-actions-brand-secondary:#e9a8a0;--tutor-actions-brand-tertiary:#f5dfda;--tutor-actions-gray-empty:#e6dccc;--tutor-actions-gray-secondary:#e6dccc;
 --tutor-font-family-body:"Helvetica Neue",Helvetica,Arial,sans-serif;--tutor-font-family-heading:Georgia,"Times New Roman",serif;
}
.flui-tutor-runtime .fci-nav,.flui-tutor-runtime .fci-footer{display:none!important}
.flui-tutor-runtime .tutor-learning-area{background:var(--tutor-surface-base);color:var(--tutor-text-primary)}
.flui-tutor-runtime .tutor-learning-header-inner{border:1px solid var(--tutor-border-idle);border-radius:4px}
.flui-tutor-runtime .tutor-learning-header-title{font-family:var(--flui-serif);font-size:22px;font-weight:600;letter-spacing:-.025em}
.flui-tutor-runtime .tutor-learning-sidebar-curriculum,.flui-tutor-runtime .tutor-learning-sidebar-pages{border:1px solid var(--tutor-border-idle);border-radius:4px!important}
.flui-tutor-runtime .tutor-learning-area-container{padding:24px clamp(16px,3vw,40px) 48px}
.flui-tutor-runtime .tutor-learning-nav-item.active{box-shadow:inset 3px 0 #c80012}
.flui-tutor-runtime .tutor-lesson-content{border:1px solid var(--tutor-border-idle);border-radius:4px;background:var(--tutor-surface-l1);overflow:hidden}
.flui-tutor-runtime .tutor-lesson-video-wrapper{background:#17110f}
.flui-tutor-runtime .tutor-lesson-video-wrapper iframe,.flui-tutor-runtime .tutor-lesson-video-wrapper video{max-width:100%;border:0;box-shadow:none}
.flui-tutor-runtime .tutor-learning-area a:focus-visible,.flui-tutor-runtime .tutor-learning-area button:focus-visible{outline:2px solid #a9000e!important;outline-offset:3px}
.flui-tutor-runtime .tutor-learning-area .tutor-btn-primary,.flui-tutor-runtime .tutor-learning-area .tutor-btn-primary:hover,.flui-tutor-runtime .tutor-learning-area .tutor-btn-primary:focus{color:#fff!important}
/* Keep SVG/font icons paired with their button foreground in every state. */
.flui-tutor-runtime .tutor-learning-area .tutor-btn :is(svg,[class*="tutor-icon-"]){color:inherit!important}
.fci-commerce-card .fci-account-open{display:none}
.fci-commerce-card .woocommerce a.button:hover,.fci-commerce-card .woocommerce a.button:focus-visible,.fci-commerce-card .woocommerce button.button:hover,.fci-commerce-card .woocommerce button.button:focus-visible{background:#8d000b!important;color:#fff!important}
@media(max-width:640px){.flui-tutor-runtime .tutor-learning-header-title{font-family:var(--flui-sans);font-size:16px}.flui-tutor-runtime .tutor-learning-area-container{padding:12px 10px 90px}.flui-tutor-runtime .tutor-learning-area .tutor-tabs-nav{padding-inline:16px}}