[data-eap-onboarding-modal][hidden],[data-eap-onboarding-backdrop][hidden],[data-eap-context-help][hidden],[data-eap-help-backdrop][hidden],[data-eap-tutorial-lightbox][hidden]{display:none!important}.eap-tutorial-onboarding-modal:not([hidden]){display:block!important}.eap-tutorial-onboarding-backdrop:not([hidden]){display:block!important}/* EAP Tutorial Academy — additive portal/admin experience */
.eap-tutorial-academy{display:grid;gap:22px}.eap-tutorial-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:26px;align-items:end;padding:24px;border:1px solid #dbe5f2;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#eef5ff)}.eap-tutorial-hero__copy h2{margin:6px 0 10px;font-size:clamp(1.55rem,2.1vw,2.15rem);color:#0f172a}.eap-tutorial-hero__copy p{margin:0;max-width:900px;color:#526277;line-height:1.7}.eap-tutorial-eyebrow{display:inline-flex;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#1d4ed8}.eap-tutorial-hero__tools{display:grid;gap:10px}.eap-tutorial-locale{display:grid;gap:5px;font-size:.78rem;font-weight:800;color:#475569}.eap-tutorial-locale select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;padding:8px 10px}.eap-tutorial-search{display:flex;align-items:center;gap:10px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:0 14px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.eap-tutorial-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.eap-tutorial-search input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:14px 0!important;min-height:48px}.eap-tutorial-progress-card{display:grid;grid-template-columns:minmax(180px,auto) minmax(180px,1fr) auto auto;gap:16px;align-items:center;padding:18px 20px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff}.eap-tutorial-progress-card>div:first-child{display:grid;gap:3px}.eap-tutorial-progress-card strong{font-size:1.04rem;color:#0f172a}.eap-tutorial-progress-track{height:11px;background:#dbeafe;border-radius:999px;overflow:hidden}.eap-tutorial-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4);transition:width .25s ease}.eap-tutorial-progress-card>b{color:#1d4ed8}.eap-tutorial-institution-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;border:1px solid #d1fae5;background:#ecfdf5;border-radius:16px}.eap-tutorial-institution-summary h3{margin:4px 0}.eap-tutorial-institution-summary p{margin:0;color:#526277}.eap-tutorial-institution-summary>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.eap-tutorial-institution-summary>div:last-child span{display:grid;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #a7f3d0;font-size:.78rem;color:#526277}.eap-tutorial-institution-summary strong{font-size:1.2rem;color:#047857}.eap-tutorial-index{display:flex;flex-wrap:wrap;gap:9px}.eap-tutorial-index a{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;text-decoration:none;font-size:.83rem;font-weight:750;border:1px solid transparent}.eap-tutorial-index a:hover,.eap-tutorial-index a:focus{background:#e0e7ff;color:#1d4ed8;border-color:#bfdbfe}.eap-tutorial-index a span{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dcfce7;color:#15803d}.eap-tutorial-no-results{margin:0;padding:14px 16px;border-radius:12px;background:#fff7ed;color:#9a3412}.eap-tutorial-library{display:grid;gap:22px}.eap-tutorial-item{scroll-margin-top:28px;border:1px solid #dbe3ee;border-radius:20px;padding:24px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 12px 32px rgba(15,23,42,.045);transition:border-color .2s,box-shadow .2s}.eap-tutorial-item.is-complete{border-color:#86efac;box-shadow:0 12px 32px rgba(22,163,74,.08)}.eap-tutorial-item[hidden]{display:none!important}.eap-tutorial-item__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e2e8f0}.eap-tutorial-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:.82rem;flex:none}.eap-tutorial-tab-label{display:block;color:#64748b;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.eap-tutorial-item h3{margin:3px 0 0;font-size:1.28rem;color:#0f172a}.eap-tutorial-duration{display:block;margin-top:4px;color:#64748b}.eap-tutorial-item__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.eap-tutorial-academy .eap-btn--success{background:#15803d!important;color:#fff!important;border-color:#15803d!important}.eap-tutorial-block{padding-top:18px}.eap-tutorial-block h4{margin:0 0 9px;font-size:.94rem;color:#0f172a}.eap-tutorial-block p,.eap-tutorial-block li,.eap-tutorial-block dd{color:#475569;line-height:1.7}.eap-tutorial-block ul{margin:0;padding-inline-start:20px}.eap-tutorial-block--overview{padding:18px 20px;margin-top:18px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.eap-tutorial-block--checklist,.eap-tutorial-block--tips,.eap-tutorial-block--warning,.eap-tutorial-block--boundary,.eap-tutorial-block--fields{padding:16px 18px;margin-top:18px;border-radius:14px}.eap-tutorial-block--checklist{background:#f0f9ff;border:1px solid #bae6fd}.eap-tutorial-block--tips{background:#fffbeb;border:1px solid #fde68a}.eap-tutorial-block--warning{background:#fff7ed;border:1px solid #fed7aa}.eap-tutorial-block--boundary{background:#f8fafc;border:1px dashed #94a3b8}.eap-tutorial-block--fields{background:#f5f3ff;border:1px solid #ddd6fe}.eap-tutorial-levels{margin-top:20px;border:1px solid #dbe3ee;border-radius:16px;overflow:hidden}.eap-tutorial-level-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f8fafc;border-bottom:1px solid #dbe3ee}.eap-tutorial-level-tabs button{border:0;background:transparent;padding:13px 12px;font-weight:800;color:#64748b;cursor:pointer}.eap-tutorial-level-tabs button.is-active{background:#fff;color:#1d4ed8;box-shadow:inset 0 -3px #2563eb}.eap-tutorial-levels>[data-eap-level-panel]{padding:0 18px 18px}.eap-tutorial-steps{counter-reset:eapTutorialStep;list-style:none;margin:0;padding:0;display:grid;gap:10px}.eap-tutorial-steps li{position:relative;padding-block:12px;padding-inline:48px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.eap-tutorial-steps li:before{counter-increment:eapTutorialStep;content:counter(eapTutorialStep);position:absolute;inset-inline-start:13px;top:11px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#2563eb;color:#fff;font-size:.75rem;font-weight:800}.eap-tutorial-troubleshooting{display:grid;gap:10px}.eap-tutorial-troubleshooting details{border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;overflow:hidden}.eap-tutorial-troubleshooting summary{cursor:pointer;padding:13px 15px;font-weight:800;color:#9a3412}.eap-tutorial-troubleshooting dl{margin:0;padding:0 15px 15px}.eap-tutorial-troubleshooting dt{margin-top:10px;font-weight:800;color:#7c2d12}.eap-tutorial-troubleshooting dd{margin:3px 0 0}.eap-tutorial-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.eap-tutorial-screenshot-grid figure{margin:0;border:1px solid #dbe3ee;border-radius:14px;overflow:hidden;background:#fff}.eap-tutorial-screenshot-button{position:relative;display:block;width:100%;padding:0;border:0;background:#f1f5f9;cursor:zoom-in}.eap-tutorial-screenshot-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.eap-tutorial-callout{position:absolute;top:10px;inset-inline-start:10px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#dc2626;color:#fff;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.25)}.eap-tutorial-screenshot-grid figcaption{padding:10px 12px;color:#526277;font-size:.84rem}.eap-tutorial-video__heading{display:flex;justify-content:space-between;margin-bottom:10px}.eap-tutorial-video__heading h4{margin-bottom:3px}.eap-tutorial-video__heading strong{display:block}.eap-tutorial-video__heading span{display:block;color:#64748b;font-size:.8rem}.eap-tutorial-video__embed{position:relative;overflow:hidden;border-radius:16px;background:#0f172a;aspect-ratio:16/9}.eap-tutorial-video__embed iframe,.eap-tutorial-video__embed video,.eap-tutorial-video__embed object,.eap-tutorial-video__embed embed{position:absolute;inset:0;width:100%!important;height:100%!important}.eap-tutorial-video__fallback{display:flex;gap:14px;align-items:center;border-radius:14px;background:#eff6ff;border:1px solid #bfdbfe;padding:16px}.eap-tutorial-video__fallback .dashicons{font-size:32px;width:32px;height:32px;color:#2563eb}.eap-tutorial-video__fallback div{flex:1}.eap-tutorial-video__fallback p{margin:3px 0 0}.eap-tutorial-video__backup{margin:9px 0 0}.eap-tutorial-transcript{margin-top:16px;border:1px solid #dbe3ee;border-radius:12px}.eap-tutorial-transcript summary{cursor:pointer;padding:12px 14px;font-weight:800}.eap-tutorial-transcript>div{padding:0 14px 14px}.eap-tutorial-related__links{display:flex;gap:8px;flex-wrap:wrap}.eap-tutorial-related__links a{padding:7px 10px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-weight:750;text-decoration:none}.eap-tutorial-feedback{display:grid;gap:10px;margin-top:22px;padding:16px 18px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.eap-tutorial-feedback>div{display:flex;gap:8px;flex-wrap:wrap}.eap-tutorial-feedback>div button{border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:8px 11px;cursor:pointer;font-weight:700}.eap-tutorial-feedback>div button.is-selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.eap-tutorial-feedback label{display:grid;gap:8px}.eap-tutorial-feedback select,.eap-tutorial-feedback textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:9px}.eap-tutorial-feedback p{margin:0;color:#15803d;font-weight:700}.eap-tutorial-item__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.8rem}.eap-tutorial-back{font-weight:750;color:#2563eb}.eap-context-help-trigger{position:fixed;inset-inline-end:24px;bottom:24px;z-index:var(--eap-z-dock,120);display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 16px;background:#1d4ed8;color:#fff;font-weight:850;box-shadow:0 14px 35px rgba(29,78,216,.32);cursor:pointer}.eap-context-help-trigger .dashicons{font-size:20px}.eap-context-help-backdrop,.eap-tutorial-onboarding-backdrop{position:fixed;inset:0;z-index:var(--eap-z-backdrop,400);background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.eap-context-help-drawer{position:fixed;inset-inline-end:0;top:0;bottom:0;z-index:var(--eap-z-drawer,410);width:min(440px,94vw);background:#fff;box-shadow:-20px 0 50px rgba(15,23,42,.2);overflow:auto}.eap-context-help-drawer>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid #e2e8f0;background:#fff}.eap-context-help-drawer h2{margin:4px 0 0}.eap-context-help-drawer>header button,.eap-tutorial-onboarding-modal>header button{border:0;background:#f1f5f9;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}.eap-context-help-drawer__body{padding:20px}.eap-context-help-drawer__body>p{color:#526277;line-height:1.65}.eap-context-help-drawer__body h3{margin:22px 0 8px}.eap-context-help-drawer__body ol{padding-inline-start:21px}.eap-context-help-drawer__body li{margin-bottom:9px;line-height:1.55}.eap-context-help-drawer__body details{padding:12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:12px;margin-bottom:18px}.eap-context-help-drawer__body .eap-btn{width:100%;justify-content:center}.eap-tutorial-onboarding-modal{position:fixed;z-index:var(--eap-z-modal,510);left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(15,23,42,.35)}.eap-tutorial-onboarding-modal>header{display:flex;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid #e2e8f0}.eap-tutorial-onboarding-modal h2{margin:5px 0}.eap-tutorial-onboarding-modal header p{margin:0;color:#526277}.eap-onboarding-list{display:grid;gap:8px;padding:18px 24px}.eap-onboarding-list a{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid #dbe3ee;border-radius:13px;text-decoration:none;background:#fff}.eap-onboarding-list a>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eff6ff;color:#1d4ed8;font-weight:900}.eap-onboarding-list a.is-complete{border-color:#86efac;background:#f0fdf4}.eap-onboarding-list a.is-complete>span{background:#dcfce7;color:#15803d}.eap-onboarding-list strong{display:block;color:#0f172a}.eap-onboarding-list small{display:block;margin-top:3px;color:#64748b;line-height:1.45}.eap-tutorial-onboarding-modal>footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.eap-tutorial-lightbox{position:fixed;inset:0;z-index:var(--eap-z-critical,600);display:grid;place-items:center;background:rgba(2,6,23,.9);padding:4vw}.eap-tutorial-lightbox img{max-width:100%;max-height:88vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.eap-tutorial-lightbox button{position:absolute;top:18px;inset-inline-end:20px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:26px;cursor:pointer}.eap-help-open,.eap-onboarding-open,.eap-lightbox-open{overflow:hidden}
/* Admin */
.eap-tutorial-admin .eap-card{margin:20px 0;padding:22px}.eap-tutorial-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:15px 0}.eap-tutorial-feature-grid span{padding:10px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;font-size:.78rem;font-weight:750;color:#1e3a8a}.eap-tutorial-language-manager,.eap-tutorial-preview-buttons,.eap-tutorial-video-health-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.eap-tutorial-language-manager h2,.eap-tutorial-preview-buttons h2,.eap-tutorial-video-health-summary h2{margin-top:0}.eap-tutorial-language-links,.eap-tutorial-preview-buttons>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.eap-tutorial-language-manager details{flex-basis:100%;margin-top:12px}.eap-tutorial-language-manager details form{display:grid;gap:10px;margin-top:12px}.eap-tutorial-language-manager textarea{width:100%}.eap-tutorial-admin-preview{max-height:80vh;overflow:auto}.eap-tutorial-admin-preview__header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 0;border-bottom:1px solid #dbe3ee}.eap-tutorial-admin-tabs{position:sticky;top:32px;z-index:30;display:flex;gap:8px;flex-wrap:wrap;padding:12px;margin:18px 0;background:rgba(255,255,255,.96);border:1px solid #dbe3ee;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.08);backdrop-filter:blur(8px)}.eap-tutorial-admin-tabs a{padding:9px 13px;border-radius:10px;background:#f1f5f9;color:#334155;text-decoration:none;font-weight:700}.eap-tutorial-admin-tabs a.is-active{background:#1d4ed8;color:#fff}.eap-tutorial-admin-role{scroll-margin-top:95px}.eap-tutorial-admin-role__header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e2e8f0;padding-bottom:18px}.eap-tutorial-admin-role__header h2{margin:5px 0}.eap-tutorial-admin-role__header p{margin:0;color:#64748b}.eap-tutorial-admin-role__buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.eap-tutorial-admin-role__settings{display:grid;grid-template-columns:1fr;gap:14px;padding:20px 0}.eap-tutorial-admin-role__settings label,.eap-tutorial-admin-grid label{display:grid;gap:7px;font-weight:700;color:#334155}.eap-tutorial-admin-role__settings input,.eap-tutorial-admin-role__settings textarea,.eap-tutorial-admin-grid input,.eap-tutorial-admin-grid textarea,.eap-tutorial-admin-grid select{width:100%;max-width:none;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-weight:400}.eap-tutorial-admin-sections{display:grid;gap:12px}.eap-tutorial-admin-section{border:1px solid #dbe3ee;border-radius:14px;background:#fff;overflow:hidden}.eap-tutorial-admin-section.is-dragging{opacity:.55;border-color:#2563eb}.eap-tutorial-admin-section summary{cursor:pointer;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;background:#f8fafc}.eap-tutorial-admin-section summary::-webkit-details-marker{display:none}.eap-tutorial-admin-section summary small{display:block;color:#64748b;margin-top:3px}.eap-tutorial-admin-section[open] summary{border-bottom:1px solid #e2e8f0}.eap-tutorial-admin-section[open] summary>.dashicons{transform:rotate(180deg)}.eap-tutorial-drag{cursor:grab;color:#94a3b8;font-weight:900;letter-spacing:-4px}.eap-tutorial-admin-section__body{padding:18px}.eap-tutorial-admin-section__toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.eap-tutorial-admin-section__toolbar label{display:flex;align-items:center;gap:6px}.eap-tutorial-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.eap-tutorial-admin-grid__wide{grid-column:1/-1}.eap-tutorial-admin-grid small{font-weight:400;color:#64748b}.eap-tutorial-admin-subsection{border:1px solid #dbe3ee;border-radius:13px;padding:16px;background:#f8fafc}.eap-tutorial-admin-subsection h3{margin:0 0 5px}.eap-tutorial-admin-subsection>p{margin-top:0;color:#64748b}.eap-tutorial-repeater-row{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:start;padding:12px;margin-bottom:10px;border:1px solid #dbe3ee;border-radius:12px;background:#fff}.eap-tutorial-repeater-row label{display:grid;gap:5px}.eap-tutorial-repeater-row textarea,.eap-tutorial-repeater-row input{width:100%}.eap-tutorial-screenshot-row{grid-template-columns:auto repeat(3,minmax(0,1fr)) auto}.eap-media-field{display:flex;gap:7px}.eap-media-field input{flex:1}.eap-tutorial-video-health{grid-column:1/-1;padding:10px;border-radius:9px}.eap-tutorial-video-health--ok{background:#ecfdf5;color:#047857}.eap-tutorial-video-health--broken{background:#fef2f2;color:#b91c1c}.eap-tutorial-video-health--unknown{background:#fff7ed;color:#9a3412}.eap-tutorial-admin__actions{position:sticky;bottom:0;z-index:31;display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(255,255,255,.97);border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 -10px 30px rgba(15,23,42,.08)}.eap-tutorial-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.eap-tutorial-analytics-grid article{padding:18px;border:1px solid #dbe3ee;border-radius:14px;background:#f8fafc}.eap-tutorial-analytics-grid article>strong{display:block;font-size:2rem;color:#1d4ed8}.eap-tutorial-analytics-grid article>span{color:#64748b}.eap-tutorial-analytics-grid dl{display:grid;gap:6px}.eap-tutorial-analytics-grid dl div{display:flex;justify-content:space-between}.eap-tutorial-health-counts{display:flex;gap:10px;flex-wrap:wrap}.eap-tutorial-health-counts span{padding:10px 13px;border-radius:11px;background:#f8fafc;border:1px solid #dbe3ee}.eap-tutorial-revisions summary{cursor:pointer;font-size:1rem}.eap-tutorial-revision-list{display:grid;gap:8px;margin-top:14px}.eap-tutorial-revision-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid #dbe3ee;border-radius:10px}.eap-tutorial-revision-list small{display:block;color:#64748b}
@media(max-width:1200px){.eap-tutorial-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eap-tutorial-repeater-row,.eap-tutorial-screenshot-row{grid-template-columns:auto 1fr 1fr}.eap-tutorial-repeater-row .button-link-delete{grid-column:2/-1;justify-self:start}}
@media(max-width:900px){.eap-tutorial-hero{grid-template-columns:1fr}.eap-tutorial-progress-track{grid-column:1/-1}.eap-tutorial-progress-card .eap-btn{grid-column:1/-1}.eap-tutorial-institution-summary{align-items:flex-start;flex-direction:column}.eap-tutorial-item__header{grid-template-columns:auto minmax(0,1fr)}.eap-tutorial-item__actions{grid-column:1/-1;justify-content:flex-start}.eap-tutorial-screenshot-grid{grid-template-columns:1fr}.eap-tutorial-language-manager,.eap-tutorial-preview-buttons,.eap-tutorial-video-health-summary{flex-direction:column}.eap-tutorial-language-links,.eap-tutorial-preview-buttons>div:last-child{justify-content:flex-start}.eap-tutorial-analytics-grid{grid-template-columns:1fr}.eap-tutorial-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:782px){.eap-tutorial-item{padding:17px}.eap-tutorial-progress-card{grid-template-columns:1fr}.eap-tutorial-progress-track{grid-column:auto}.eap-tutorial-level-tabs{grid-template-columns:1fr}.eap-tutorial-level-tabs button.is-active{box-shadow:inset 4px 0 #2563eb}.eap-tutorial-video__fallback{align-items:flex-start;flex-wrap:wrap}.eap-tutorial-video__fallback .eap-btn{width:100%;justify-content:center}.eap-tutorial-item__footer{align-items:flex-start;flex-direction:column}.eap-context-help-trigger{inset-inline-end:14px;bottom:14px}.eap-context-help-trigger span:last-child{display:none}.eap-tutorial-onboarding-modal>footer{flex-direction:column}.eap-tutorial-onboarding-modal>footer .eap-btn{width:100%;justify-content:center}.eap-tutorial-admin-role__header{align-items:flex-start;flex-direction:column}.eap-tutorial-admin-role__buttons{justify-content:flex-start}.eap-tutorial-admin-grid{grid-template-columns:1fr}.eap-tutorial-repeater-row,.eap-tutorial-screenshot-row{grid-template-columns:auto 1fr}.eap-tutorial-repeater-row label,.eap-tutorial-screenshot-row label{grid-column:2}.eap-tutorial-admin__actions{align-items:flex-start;flex-direction:column}.eap-tutorial-admin__actions .button{width:100%}.eap-tutorial-feature-grid{grid-template-columns:1fr}.eap-tutorial-revision-list>div{align-items:flex-start;flex-direction:column}}
.eap-tutorial-cover{margin:18px 0 0;border:1px solid #dbe3ee;border-radius:16px;overflow:hidden;background:#f8fafc}.eap-tutorial-cover img{display:block;width:100%;max-height:380px;object-fit:cover}.eap-tutorial-negative-feedback{margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0}.eap-tutorial-negative-feedback h3{margin:0 0 5px}.eap-tutorial-negative-feedback>p{color:#64748b}.eap-tutorial-negative-feedback table{margin-top:12px}.eap-tutorial-progress-card{grid-template-columns:minmax(180px,auto) minmax(180px,1fr) auto auto auto}
@media(max-width:900px){.eap-tutorial-progress-card{grid-template-columns:1fr auto}.eap-tutorial-progress-card>a.eap-btn{grid-column:1/-1}}

/* 1.6.94.47 compact tutorial library and protected setup disclosures */
.eap-portal-shell .eap-tutorial-academy{gap:16px}.eap-portal-shell .eap-tutorial-hero{padding:20px;gap:20px;border-radius:16px}.eap-portal-shell .eap-tutorial-path-browser{border-radius:14px}.eap-portal-shell .eap-tutorial-path-browser>summary{padding:15px 18px}.eap-portal-shell .eap-tutorial-index{max-height:240px;overflow:auto;padding:4px 2px}.eap-portal-shell .eap-tutorial-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.eap-portal-shell .eap-tutorial-item{padding:18px;border-radius:16px;box-shadow:0 7px 22px rgba(15,23,42,.045)}.eap-portal-shell .eap-tutorial-item:has(.eap-tutorial-item__body:not([hidden])){grid-column:1/-1}.eap-portal-shell .eap-tutorial-item__header{gap:11px;padding-bottom:0;border-bottom:0}.eap-portal-shell .eap-tutorial-number{width:38px;height:38px;border-radius:11px}.eap-portal-shell .eap-tutorial-item h3{font-size:1.06rem;line-height:1.25}.eap-portal-shell .eap-tutorial-duration{font-size:.78rem}.eap-portal-shell .eap-tutorial-item__actions .eap-btn{min-height:38px;padding:8px 13px}.eap-portal-shell .eap-tutorial-item__body:not([hidden]){margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}
.eap-technical-disclosure{margin-top:14px;border:1px solid #dbe3ee;border-radius:13px;background:#fff;overflow:hidden}.eap-technical-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;cursor:pointer;color:#1e293b;font-weight:800}.eap-technical-disclosure>summary small{color:#2563eb;font-size:.76rem}.eap-technical-disclosure[open]>summary{background:#f8fafc;border-bottom:1px solid #e2e8f0}.eap-technical-disclosure>div{display:grid;gap:12px;padding:15px}.eap-technical-disclosure p{margin:0;color:#526277}.eap-technical-disclosure label{display:grid;gap:6px;color:#334155;font-size:.82rem;font-weight:800}.eap-technical-disclosure input[readonly]{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;padding:9px 11px;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eap-technical-disclosure>div>small{color:#64748b;line-height:1.5}
@media(max-width:1100px){.eap-portal-shell .eap-tutorial-library{grid-template-columns:1fr}}

/* ========================================================================== */
/* 1.6.88.0 TUTORIAL ACADEMY VISUAL CONSOLIDATION — presentation only         */
/* ========================================================================== */
.eap-portal-shell .eap-tutorial-academy{
 --eap-tut-surface:var(--pa-surface,#fff);--eap-tut-soft:var(--pa-surface-soft,#f8fafc);--eap-tut-muted:var(--pa-surface-muted,#eef3f8);--eap-tut-border:var(--pa-border,#dfe6ee);--eap-tut-text:var(--pa-text,#172033);--eap-tut-text-soft:var(--pa-text-soft,#475569);--eap-tut-text-muted:var(--pa-text-muted,#64748b);--eap-tut-primary:var(--pa-primary,#2563eb);--eap-tut-primary-soft:var(--pa-primary-soft,#eff6ff);--eap-tut-success:var(--pa-success,#15803d);--eap-tut-success-soft:var(--pa-success-soft,#f0fdf4);--eap-tut-warning:var(--pa-warning,#b45309);--eap-tut-warning-soft:var(--pa-warning-soft,#fffbeb);--eap-tut-danger:var(--pa-danger,#b91c1c);--eap-tut-danger-soft:var(--pa-danger-soft,#fef2f2);color:var(--eap-tut-text)
}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-hero,.eap-tutorial-item,.eap-tutorial-levels,.eap-tutorial-transcript,.eap-tutorial-screenshot-grid figure){background:var(--eap-tut-surface);border-color:var(--eap-tut-border);color:var(--eap-tut-text)}
.eap-portal-shell .eap-tutorial-hero{background:linear-gradient(135deg,var(--eap-tut-surface),var(--eap-tut-soft))}
.eap-portal-shell .eap-tutorial-academy :where(h2,h3,h4,strong,summary,label){color:var(--eap-tut-text)}
.eap-portal-shell .eap-tutorial-academy :where(p,li,dd,.eap-tutorial-duration,.eap-tutorial-tab-label,.eap-tutorial-video__heading span,.eap-tutorial-screenshot-grid figcaption){color:var(--eap-tut-text-soft)}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-locale select,.eap-tutorial-search){background:var(--eap-tut-surface);border-color:var(--eap-tut-border);color:var(--eap-tut-text)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-progress-card{background:var(--eap-tut-primary-soft);border-color:color-mix(in srgb,var(--eap-tut-primary) 30%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-progress-track{background:var(--eap-tut-muted)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-institution-summary{background:var(--eap-tut-success-soft);border-color:color-mix(in srgb,var(--eap-tut-success) 30%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-institution-summary>div:last-child span{background:var(--eap-tut-surface);border-color:color-mix(in srgb,var(--eap-tut-success) 30%,var(--eap-tut-border));color:var(--eap-tut-text-soft)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index a{background:var(--eap-tut-soft);color:var(--eap-tut-text-soft)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index a:hover,.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index a:focus{background:var(--eap-tut-primary-soft);color:var(--eap-tut-primary);border-color:color-mix(in srgb,var(--eap-tut-primary) 30%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-item__header,.eap-tutorial-levels,.eap-tutorial-transcript){border-color:var(--eap-tut-border)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-number,.eap-portal-shell .eap-tutorial-academy .eap-tutorial-related__links a{background:var(--eap-tut-primary-soft);color:var(--eap-tut-primary)}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-block--overview,.eap-tutorial-block--boundary,.eap-tutorial-level-tabs,.eap-tutorial-steps li,.eap-tutorial-screenshot-button){background:var(--eap-tut-soft);border-color:var(--eap-tut-border)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-level-tabs button{color:var(--eap-tut-text-muted)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-level-tabs button.is-active{background:var(--eap-tut-surface);color:var(--eap-tut-primary);box-shadow:inset 0 -3px var(--eap-tut-primary)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-block--checklist{background:var(--eap-tut-primary-soft);border-color:color-mix(in srgb,var(--eap-tut-primary) 28%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-block--tips{background:var(--eap-tut-warning-soft);border-color:color-mix(in srgb,var(--eap-tut-warning) 30%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-block--warning,.eap-tutorial-troubleshooting details,.eap-tutorial-no-results){background:var(--eap-tut-warning-soft);border-color:color-mix(in srgb,var(--eap-tut-warning) 30%,var(--eap-tut-border));color:var(--eap-tut-warning)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-block--fields{background:var(--eap-tut-primary-soft);border-color:color-mix(in srgb,var(--eap-tut-primary) 22%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-video__fallback{background:var(--eap-tut-primary-soft);border-color:color-mix(in srgb,var(--eap-tut-primary) 30%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-search input,.eap-tutorial-locale select){color:var(--eap-tut-text)!important}
.eap-portal-shell .eap-tutorial-academy :where(.eap-tutorial-item,.eap-tutorial-hero,.eap-tutorial-progress-card,.eap-tutorial-institution-summary){box-shadow:var(--pa-shadow-card,0 1px 2px rgba(15,23,42,.05))}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-item.is-complete{border-color:color-mix(in srgb,var(--eap-tut-success) 50%,var(--eap-tut-border))}
.eap-portal-shell .eap-tutorial-onboarding-modal,.eap-portal-shell .eap-context-help-drawer,.eap-portal-shell .eap-tutorial-lightbox{color:var(--pa-text);background:var(--pa-surface);border-color:var(--pa-border)}
.eap-portal-shell .eap-tutorial-onboarding-backdrop,.eap-portal-shell .eap-context-help-backdrop{background:rgba(2,6,23,.62);backdrop-filter:blur(2px)}
[dir="rtl"] .eap-portal-shell .eap-tutorial-block ul{padding-inline-start:20px}
[dir="rtl"] .eap-portal-shell .eap-tutorial-callout{inset-inline-start:10px}
@media(max-width:768px){.eap-portal-shell .eap-tutorial-academy :where(button,.eap-btn,a.eap-btn,select,input){min-height:44px}}

/* Tutorial editor/admin surfaces inherit the same wp-admin design tokens. */
.eap-admin-wrap.plugin-ui .eap-tutorial-admin :where(.eap-tutorial-admin-section,.eap-tutorial-admin-subsection,.eap-tutorial-repeater-row,.eap-tutorial-admin-preview,.eap-tutorial-admin-role){background:var(--pa-admin-surface);border-color:var(--pa-admin-border);color:var(--pa-admin-text)}
.eap-admin-wrap.plugin-ui .eap-tutorial-admin :where(h2,h3,h4,strong,label){color:var(--pa-admin-text)}
.eap-admin-wrap.plugin-ui .eap-tutorial-admin :where(p,.description,small){color:var(--pa-admin-muted-text)}
.eap-admin-wrap.plugin-ui .eap-tutorial-admin :where(input,select,textarea){background:var(--pa-admin-surface);border-color:var(--pa-admin-border-strong);color:var(--pa-admin-text)}

/* 1.6.90 RTL DIRECTIONAL POLISH */
[dir="rtl"] .eap-context-help-drawer{box-shadow:20px 0 50px rgba(15,23,42,.2)}
@media(max-width:782px){[dir="rtl"] .eap-tutorial-level-tabs button.is-active{box-shadow:inset -4px 0 #2563eb}}


/* ========================================================================== */
/* 1.6.93.15 STABILIZED UI — contextual help guarantee, isolation and dark parity */
/* ========================================================================== */
.eap-context-help-trigger{
    min-height:44px;min-width:44px;background:#1d4ed8;color:#fff;border:1px solid rgba(255,255,255,.18);font:inherit;line-height:1.2;box-sizing:border-box;white-space:nowrap;
}
.eap-context-help-trigger:hover,.eap-context-help-trigger:focus-visible{background:#1e40af;color:#fff;outline:0;box-shadow:0 0 0 3px rgba(37,99,235,.24),0 14px 35px rgba(29,78,216,.3)}
.eap-context-help-drawer{border-inline-start:1px solid #dfe6ee;color:#172033}
.eap-context-help-drawer>header{background:#fff;border-color:#dfe6ee}
.eap-context-help-drawer>header button,.eap-tutorial-onboarding-modal>header button{color:#172033;background:#eef3f8}
.eap-context-help-drawer__body>p,.eap-context-help-drawer__body li{color:#475569}
.eap-context-help-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #dfe6ee}
.eap-context-help-links a{color:#1d4ed8;font-weight:700;text-decoration:none}
.eap-context-help-links a:hover,.eap-context-help-links a:focus-visible{text-decoration:underline}
.eap-context-help-drawer :where(a,button,summary):focus-visible,.eap-tutorial-onboarding-modal :where(a,button):focus-visible{outline:2px solid #2563eb;outline-offset:2px}

/* The help/onboarding layers are emitted in wp_footer, outside .eap-portal-shell.
   Mirror the shell theme using an EAP-specific relational selector only. */
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-drawer,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-drawer,
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-tutorial-onboarding-modal,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-tutorial-onboarding-modal{
    background:#121b2a;color:#ecf2f8;border-color:#29384f;color-scheme:dark
}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-drawer>header,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-drawer>header,
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-tutorial-onboarding-modal>header,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-tutorial-onboarding-modal>header,
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-tutorial-onboarding-modal>footer,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-tutorial-onboarding-modal>footer{
    background:#121b2a;border-color:#29384f;color:#ecf2f8
}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-drawer :where(h2,h3,strong,summary),
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-drawer :where(h2,h3,strong,summary),
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-tutorial-onboarding-modal :where(h2,h3,strong),
body:has(.eap-portal-shell[data-theme="dark"]) .eap-tutorial-onboarding-modal :where(h2,h3,strong){color:#ecf2f8}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-drawer__body :where(p,li),
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-drawer__body :where(p,li),
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-tutorial-onboarding-modal header p,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-tutorial-onboarding-modal header p,
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-onboarding-list small,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-onboarding-list small{color:#c7d2e0}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-drawer>header button,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-drawer>header button,
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-tutorial-onboarding-modal>header button,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-tutorial-onboarding-modal>header button{background:#1b2940;color:#ecf2f8}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-drawer__body details,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-drawer__body details{background:#32260c;border-color:#6b4b12;color:#fef3c7}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-links,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-links{border-color:#29384f}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-links a,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-links a{color:#93c5fd}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-onboarding-list a,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-onboarding-list a{background:#172235;border-color:#29384f;color:#ecf2f8}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-onboarding-list a.is-complete,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-onboarding-list a.is-complete{background:#102a1d;border-color:#24603c}

@media(max-width:782px){
  .eap-context-help-trigger{bottom:max(14px,env(safe-area-inset-bottom));inset-inline-end:max(14px,env(safe-area-inset-right));padding:10px;width:48px;height:48px;justify-content:center}
  .eap-context-help-drawer{width:min(100vw,440px)}
}
@media(prefers-reduced-motion:reduce){.eap-context-help-trigger{transition:none!important}}

/* Keep the contextual Help FAB clear of the fixed mobile portal dock. */
@media(max-width:768px){
  body.eap-portal-template:has(.eap-mobile-tabbar) .eap-context-help-trigger{bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px))}
  body.eap-portal-template:has(.eap-portal-shell.eap-ui-live-room-active) .eap-context-help-trigger{bottom:max(14px,env(safe-area-inset-bottom))}
}

/* 1.6.92.0 role-aware page Help deep links — presentation only. */
.eap-context-help-trigger--link{
  text-decoration:none!important;
  line-height:1.2;
  box-sizing:border-box;
  white-space:nowrap;
}
.eap-context-help-trigger--link:visited{color:#fff}
.eap-context-help-trigger--link .dashicons{flex:0 0 auto}
@media(max-width:782px){.eap-context-help-trigger--link{white-space:normal}}

/* Help deep-link orientation: keep the target clear of sticky portal chrome. */
.eap-tutorial-item{scroll-margin-top:96px}
.eap-tutorial-item:target{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12),0 12px 32px rgba(15,23,42,.06)}
.eap-portal-shell[data-eap-theme="dark"] .eap-tutorial-item:target,
.eap-portal-shell[data-theme="dark"] .eap-tutorial-item:target{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.16)}
@media(max-width:782px){.eap-tutorial-item{scroll-margin-top:78px}}

/* ========================================================================== */
/* 1.6.92.0 TUTORIAL FRONTEND HARDENING — tutorial surfaces only            */
/* ========================================================================== */
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-search-status{
  display:block;
  min-height:1.25em;
  margin:0 2px;
  color:var(--eap-tut-text-muted,#64748b);
  font-size:.78rem;
  font-weight:650;
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-focus-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--eap-tut-primary,#2563eb) 32%,var(--eap-tut-border,#dbe3ee));
  border-radius:14px;
  background:var(--eap-tut-primary-soft,#eff6ff);
  color:var(--eap-tut-text,#0f172a);
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-focus-note>.dashicons{
  flex:0 0 auto;
  margin-top:1px;
  color:var(--eap-tut-primary,#2563eb);
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-focus-note div{display:grid;gap:2px}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-focus-note strong{color:var(--eap-tut-text,#0f172a)}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-focus-note span:not(.dashicons){color:var(--eap-tut-text-soft,#475569);font-size:.88rem}

.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index{
  padding:12px;
  border:1px solid var(--eap-tut-border,#dbe3ee);
  border-radius:14px;
  background:var(--eap-tut-surface,#fff);
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index a[aria-current="location"]{
  background:var(--eap-tut-primary,#2563eb);
  border-color:var(--eap-tut-primary,#2563eb);
  color:#fff;
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index a[aria-current="location"] span{background:#fff;color:#166534}

.eap-portal-shell .eap-tutorial-academy :where(
  .eap-tutorial-index a,
  .eap-tutorial-level-tabs button,
  .eap-tutorial-related__links a,
  .eap-tutorial-screenshot-button,
  .eap-tutorial-back,
  .eap-tutorial-feedback button
):focus-visible{
  outline:3px solid color-mix(in srgb,var(--eap-tut-primary,#2563eb) 42%,transparent);
  outline-offset:2px;
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-level-tabs [role="tab"][aria-selected="true"]{
  color:var(--eap-tut-primary,#1d4ed8);
}
.eap-portal-shell .eap-tutorial-academy [role="tabpanel"]:focus-visible{
  outline:2px solid color-mix(in srgb,var(--eap-tut-primary,#2563eb) 35%,transparent);
  outline-offset:-2px;
  border-radius:10px;
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-item.is-context-focus{
  border-color:var(--eap-tut-primary,#2563eb);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--eap-tut-primary,#2563eb) 15%,transparent),var(--pa-shadow-card,0 1px 2px rgba(15,23,42,.05));
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-item:focus{outline:none}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-item:focus-visible{
  outline:3px solid color-mix(in srgb,var(--eap-tut-primary,#2563eb) 36%,transparent);
  outline-offset:3px;
}

/* Related links clear active search before jumping, so their target cannot remain hidden. */
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-related__links a{min-height:40px;display:inline-flex;align-items:center}

/* Large role libraries keep their full content accessible while avoiding needless off-screen paint cost. */
@supports (content-visibility:auto){
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-item{
    content-visibility:auto;
    contain-intrinsic-size:auto 760px;
  }
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-item.is-context-focus,
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-item:target{content-visibility:visible}
}

/* Screenshot preview is a real modal dialog: keep keyboard focus visible. */
body:has(.eap-portal-shell) .eap-tutorial-lightbox:focus{outline:none}
body:has(.eap-portal-shell) .eap-tutorial-lightbox button:focus-visible{
  outline:3px solid #93c5fd;
  outline-offset:3px;
}

@media(max-width:782px){
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-index{
    flex-wrap:nowrap;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-index a{flex:0 0 auto;min-height:44px;scroll-snap-align:start}
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-focus-note{padding:13px 14px}
}

@media(prefers-reduced-motion:reduce){
  .eap-portal-shell .eap-tutorial-academy .eap-tutorial-progress-track span{transition:none}
}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:-12px;padding-inline:2px}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index-heading strong{color:var(--eap-tut-text,#0f172a);font-size:.92rem}
.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index-heading span{color:var(--eap-tut-text-muted,#64748b);font-size:.8rem}
@media(max-width:782px){.eap-portal-shell .eap-tutorial-academy .eap-tutorial-index-heading{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:-12px}}

/* 1.6.92.0 Tutorial Media Studio — real uploaded screenshots/video only */
.eap-tutorial-callout{top:var(--eap-callout-y,10%);inset-inline-start:var(--eap-callout-x,8%);transform:translate(-50%,-50%)}
[dir="rtl"] .eap-tutorial-callout{transform:translate(50%,-50%)}
.eap-tutorial-screenshot-grid figcaption{display:grid;gap:4px}
.eap-tutorial-screenshot-grid figcaption strong{color:#0f172a;font-size:.88rem}
.eap-tutorial-screenshot-grid figcaption span{color:#526277}
.eap-tutorial-video__embed--native video{display:block;width:100%;height:100%;object-fit:contain;background:#020617}
.eap-tutorial-media-overview{display:grid;gap:18px}
.eap-tutorial-media-overview__heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.eap-tutorial-media-overview__heading h2{margin:4px 0 6px}
.eap-tutorial-media-overview__heading p{margin:0;max-width:760px}
.eap-tutorial-media-overview__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.eap-tutorial-media-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.eap-tutorial-media-metrics article{display:grid;gap:2px;padding:15px;border:1px solid #dbe3ee;border-radius:13px;background:#f8fafc}
.eap-tutorial-media-metrics strong{font-size:1.55rem;color:#1d4ed8}
.eap-tutorial-media-metrics span{font-size:.78rem;color:#64748b;font-weight:700}
.eap-tutorial-media-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.eap-tutorial-media-role-grid a{display:grid;gap:3px;padding:12px 14px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;text-decoration:none}
.eap-tutorial-media-role-grid a:hover,.eap-tutorial-media-role-grid a:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.eap-tutorial-media-role-grid strong{color:#0f172a}
.eap-tutorial-media-role-grid span{color:#64748b;font-size:.78rem}
.eap-tutorial-admin-section summary{grid-template-columns:auto auto minmax(0,1fr) auto auto}
.eap-tutorial-media-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.eap-tutorial-media-badges i{font-style:normal;font-size:.7rem;font-weight:800;padding:5px 8px;border-radius:999px;border:1px solid}
.eap-tutorial-media-badges .is-ready{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.eap-tutorial-media-badges .is-missing{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.eap-tutorial-media-field-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:end;padding:14px;border:1px solid #dbe3ee;border-radius:13px;background:#f8fafc}
.eap-tutorial-admin-media-preview,.eap-tutorial-screenshot-admin-preview{position:relative;display:grid;place-items:center;min-height:110px;overflow:hidden;border:1px dashed #94a3b8;border-radius:11px;background:#eef2f7;color:#64748b;font-size:.78rem;text-align:center}
.eap-tutorial-admin-media-preview img,.eap-tutorial-screenshot-admin-preview img{display:block;width:100%;height:100%;max-height:180px;object-fit:cover}
.eap-tutorial-admin-media-preview.is-empty img,.eap-tutorial-screenshot-admin-preview.is-empty img{display:none}
.eap-tutorial-screenshot-row{grid-template-columns:auto 180px repeat(2,minmax(0,1fr)) auto}
.eap-tutorial-screenshot-row>.eap-tutorial-screenshot-admin-preview{grid-column:2;grid-row:1/span 4;min-height:150px}
.eap-tutorial-screenshot-admin-preview b{position:absolute;left:var(--eap-callout-x,8%);top:var(--eap-callout-y,10%);transform:translate(-50%,-50%);display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#b91c1c;color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.22);font-size:.74rem}
.eap-tutorial-screenshot-admin-preview b[hidden]{display:none}
.eap-tutorial-admin-section[hidden]{display:none!important}
@media(max-width:1200px){.eap-tutorial-media-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.eap-tutorial-media-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eap-tutorial-admin-section summary{grid-template-columns:auto auto minmax(0,1fr) auto}.eap-tutorial-media-badges{grid-column:3/-1;justify-content:flex-start}.eap-tutorial-screenshot-row{grid-template-columns:auto 160px 1fr}.eap-tutorial-screenshot-row>.eap-tutorial-screenshot-admin-preview{grid-column:2;grid-row:auto}.eap-tutorial-screenshot-row label{grid-column:3}.eap-tutorial-screenshot-row .eap-tutorial-admin-grid__wide{grid-column:2/-1}}
@media(max-width:782px){.eap-tutorial-media-overview__heading{flex-direction:column}.eap-tutorial-media-overview__actions{justify-content:flex-start}.eap-tutorial-media-metrics,.eap-tutorial-media-role-grid{grid-template-columns:1fr}.eap-tutorial-media-field-card{grid-template-columns:1fr}.eap-tutorial-screenshot-row{grid-template-columns:auto 1fr}.eap-tutorial-screenshot-row>.eap-tutorial-screenshot-admin-preview,.eap-tutorial-screenshot-row label,.eap-tutorial-screenshot-row .eap-tutorial-admin-grid__wide{grid-column:2}}
.eap-portal-shell.eap-theme-dark .eap-tutorial-screenshot-grid figcaption strong{color:var(--eap-tut-text)}
.eap-tutorial-lightbox figure{margin:0;display:grid;gap:12px;max-width:min(1200px,92vw);max-height:90vh}
.eap-tutorial-lightbox__media{position:relative;display:grid;place-items:center;min-width:min(900px,88vw);min-height:200px}
.eap-tutorial-lightbox__media img{display:block;max-width:100%;max-height:80vh;object-fit:contain}
.eap-tutorial-lightbox__media b{position:absolute;left:var(--eap-callout-x,8%);top:var(--eap-callout-y,10%);transform:translate(-50%,-50%);display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border-radius:999px;background:#b91c1c;color:#fff;font-size:.84rem;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.35)}
.eap-tutorial-lightbox figcaption{max-width:900px;margin:auto;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.96);color:#0f172a;font-weight:650;text-align:center}
@media(max-width:782px){.eap-tutorial-lightbox__media{min-width:86vw}.eap-tutorial-lightbox figcaption{font-size:.82rem}}

/* 1.6.92.0 — self-updating frontend Tutorial layer */
.eap-context-help-trigger[data-eap-open-context-help]{appearance:none;-webkit-appearance:none;text-decoration:none}
.eap-context-help-trigger[data-eap-open-context-help] .dashicons{width:20px;height:20px;font-size:20px}
.eap-context-help-drawer__body .eap-context-help-brief{margin:0 0 16px;font-size:.95rem;line-height:1.7}
.eap-live-page-guide{display:grid;gap:10px;padding:15px 16px;margin:0 0 18px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}
.eap-live-page-guide__heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.eap-live-page-guide__heading h3{margin:0!important;font-size:.94rem}
.eap-live-page-guide__heading span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.7rem;font-weight:850;white-space:nowrap}
.eap-live-page-guide ul{margin:0;padding-inline-start:20px}.eap-live-page-guide li{margin:0 0 7px}.eap-live-page-guide li:last-child{margin-bottom:0}
.eap-context-help-open-full{display:flex!important;align-items:center;gap:8px;min-height:46px}
.eap-context-help-auto-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0!important;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#64748b!important;font-size:.76rem!important;line-height:1.5!important}
.eap-context-help-auto-note .dashicons{flex:none;width:17px;height:17px;font-size:17px;color:#2563eb}

.eap-portal-shell .eap-tutorial-live-ui{margin-top:18px;padding:18px;border:1px solid color-mix(in srgb,var(--eap-tut-primary,#2563eb) 28%,var(--eap-tut-border,#dbe3ee));border-radius:16px;background:var(--eap-tut-primary-soft,#eff6ff)}
.eap-portal-shell .eap-tutorial-live-ui__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.eap-portal-shell .eap-tutorial-live-ui__heading h4{margin:3px 0 0}
.eap-portal-shell .eap-tutorial-live-ui__heading small{color:var(--eap-tut-text-muted,#64748b);white-space:nowrap}
.eap-portal-shell .eap-tutorial-live-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.eap-portal-shell .eap-tutorial-live-map>div{padding:12px;border:1px solid var(--eap-tut-border,#dbe3ee);border-radius:12px;background:var(--eap-tut-surface,#fff)}
.eap-portal-shell .eap-tutorial-live-map strong{display:block;margin-bottom:7px;color:var(--eap-tut-text,#0f172a);font-size:.78rem}
.eap-portal-shell .eap-tutorial-live-map ul{display:grid;gap:5px;margin:0;padding-inline-start:18px}.eap-portal-shell .eap-tutorial-live-map li{color:var(--eap-tut-text-soft,#475569);font-size:.78rem;line-height:1.45}

.eap-tutorial-auto-sync-card{display:grid;gap:10px;padding:14px;border:1px solid #bfdbfe;border-radius:13px;background:#eff6ff}
.eap-tutorial-auto-sync-card>label{display:flex!important;align-items:center;gap:8px}.eap-tutorial-auto-sync-card>label input{margin:0}
.eap-tutorial-auto-sync-card>p{margin:0!important;max-width:920px}
.eap-tutorial-auto-sync-status{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:10px;background:#fff;border:1px solid #bbf7d0;color:#166534}
.eap-tutorial-auto-sync-status.is-pending{border-color:#fde68a;color:#92400e;background:#fffbeb}
.eap-tutorial-auto-sync-status>.dashicons{flex:none}.eap-tutorial-auto-sync-status>span:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.eap-tutorial-auto-sync-status small{color:inherit!important;opacity:.8}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-live-page-guide,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-live-page-guide{background:#17223a;border-color:#334c70}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-live-page-guide__heading span,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-live-page-guide__heading span{background:#123524;color:#bbf7d0}
body:has(.eap-portal-shell[data-eap-theme="dark"]) .eap-context-help-auto-note,
body:has(.eap-portal-shell[data-theme="dark"]) .eap-context-help-auto-note{background:#17223a;color:#c7d2e0!important}

@media(max-width:782px){
  .eap-portal-shell .eap-tutorial-live-ui__heading{flex-direction:column;gap:4px}.eap-portal-shell .eap-tutorial-live-ui__heading small{white-space:normal}
  .eap-portal-shell .eap-tutorial-live-map{grid-template-columns:1fr}
  .eap-live-page-guide__heading{align-items:flex-start;flex-direction:column}
}
.eap-tutorial-media-metrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}


/* 1.6.92.0 contextual Tutorial FAB visibility repair.
   The EAP portal itself is a z-index 9990 fixed shell. Hook-rendered Tutorial
   controls may be siblings of that shell, so use explicit frontend layer values
   rather than low scoped-variable fallbacks that can place the FAB underneath. */
.eap-context-help-trigger{z-index:10020!important}
.eap-context-help-backdrop,.eap-tutorial-onboarding-backdrop{z-index:10040!important}
.eap-context-help-drawer{z-index:10050!important}
.eap-tutorial-onboarding-modal{z-index:10060!important}
.eap-tutorial-lightbox{z-index:10070!important}


/* Portal UI v2 — compact tutorial academy. */
.eap-tutorial-academy .eap-tutorial-item{overflow:hidden}
.eap-tutorial-academy .eap-tutorial-item__header{align-items:center;gap:14px}
.eap-tutorial-academy .eap-tutorial-item__header>div:first-of-type{min-width:0;flex:1}
.eap-tutorial-academy .eap-tutorial-item__actions{margin-inline-start:auto}
.eap-tutorial-academy .eap-tutorial-item__toggle{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;color:#334155;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.eap-tutorial-academy .eap-tutorial-item__toggle .dashicons{font-size:16px;width:16px;height:16px;transition:transform .18s ease}
.eap-tutorial-academy .eap-tutorial-item.is-open .eap-tutorial-item__toggle .dashicons{transform:rotate(180deg)}
.eap-tutorial-academy .eap-tutorial-item__body[hidden]{display:none}
.eap-tutorial-academy .eap-tutorial-item__body{border-top:1px solid #edf2f7;padding-top:4px}
.eap-tutorial-academy .eap-tutorial-item:not(.is-open){box-shadow:none}
.eap-tutorial-academy .eap-tutorial-item:not(.is-open) .eap-tutorial-item__header{border-bottom:0}
@media(max-width:720px){.eap-tutorial-academy .eap-tutorial-item__header{align-items:flex-start;flex-wrap:wrap}.eap-tutorial-academy .eap-tutorial-item__actions{order:3;width:100%;margin-inline-start:0}.eap-tutorial-academy .eap-tutorial-item__toggle{margin-inline-start:auto}}