.htla-header,.htla-audio,.htla-dialogue,.htla-vocab,.htla-notes,.htla-nav,.htla-list,.htla-empty{--htla-navy:#212a46;--htla-ink:#232a36;--htla-gold:#80652a;--htla-gold-2:#ab8741;--htla-gold-3:#bd9b50;--htla-cream:#f6f4ed;--htla-paper:#fff;--htla-panel:#fcfcf8;--htla-line:#e6e2d5;--htla-muted:#525a65;--htla-btn:var(--htla-navy);--htla-btn-text-on:#fff;--htla-btn-bg-off:var(--htla-paper);--htla-serif:"Playfair Display",Georgia,"Times New Roman",serif;--htla-arabic:"IBM Plex Sans Arabic","Noto Naskh Arabic",Tahoma,sans-serif;box-sizing:border-box;color:var(--htla-ink)}.htla-header *,.htla-audio *,.htla-dialogue *,.htla-vocab *,.htla-nav *,.htla-list *{box-sizing:border-box}.htla-list [hidden],.htla-vocab [hidden]{display:none !important}.htla-toggle,.htla-vocab__order,.htla-vocab__prev,.htla-vocab__next,.htla-pill,.htla-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:.4em;margin:0;padding:.62em 1.35em;border:2px solid var(--htla-btn);border-radius:999px;background:var(--htla-btn-bg-off);color:var(--htla-btn);font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.htla-toggle[aria-pressed=true],.htla-vocab__order[aria-pressed=true],.htla-pill.is-active{background:var(--htla-btn);color:var(--htla-btn-text-on)}.htla-toggle:focus-visible,.htla-vocab__order:focus-visible,.htla-vocab__prev:focus-visible,.htla-vocab__next:focus-visible,.htla-vocab__card:focus-visible,.htla-pill:focus-visible,.htla-nav__link:focus-visible,.htla-item__link:focus-visible,.htla-loop:focus-visible,.htla-badge:focus-visible{outline:3px solid var(--htla-gold-3);outline-offset:3px}.htla-header{text-align:center}.htla-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px}.htla-badge{display:inline-block;padding:5px 14px;border:1px solid var(--htla-line);border-radius:999px;background:var(--htla-paper);color:var(--htla-muted);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;text-decoration:none}a.htla-badge:hover{border-color:var(--htla-gold-2);color:var(--htla-gold)}.htla-header__title{margin:0;color:var(--htla-navy);font-family:var(--htla-serif);font-size:clamp(30px,5vw,56px);font-weight:600;letter-spacing:.02em;line-height:1.1;text-transform:uppercase}.htla-header__arabic{margin:.25em 0 0;color:var(--htla-navy);font-family:var(--htla-arabic);font-size:clamp(24px,3.4vw,36px);line-height:1.5}.htla-audio{--htla-player:var(--htla-navy);--htla-player-accent:var(--htla-gold-3);--htla-loop:var(--htla-gold-2)}.htla-audio__card{padding:28px;border-radius:28px;background:var(--htla-paper);box-shadow:0 1px 2px rgba(35,42,54,.05),0 8px 30px rgba(35,42,54,.06);text-align:center}.htla-audio__card--empty{color:var(--htla-muted)}.htla-audio__player .mejs-container,.htla-audio__player .mejs-container .mejs-controls{background:var(--htla-player) !important}.htla-audio__player .mejs-container{height:60px !important;border-radius:999px;overflow:hidden}.htla-audio__player .mejs-container .mejs-controls{height:60px;padding:0 18px;align-items:center}.htla-audio__player .mejs-button,.htla-audio__player .mejs-time,.htla-audio__player .mejs-time-rail{align-self:center}.htla-audio__player .mejs-time{height:auto;padding-top:0;padding-bottom:0;line-height:1;color:#fff;font-size:15px;font-weight:600}.htla-audio__player .mejs-time-total{background:rgba(255,255,255,.18)}.htla-audio__player .mejs-time-loaded{background:rgba(255,255,255,.22)}.htla-audio__player .mejs-time-current{background:var(--htla-player-accent)}.htla-audio__player .mejs-horizontal-volume-total{background:rgba(255,255,255,.25)}.htla-audio__player .mejs-horizontal-volume-current{background:var(--htla-player-accent)}.htla-audio__player audio{width:100%}.htla-loop{display:inline-flex;align-items:center;gap:.35em;margin:18px auto 0;padding:.55em 1.6em;border:2px solid var(--htla-loop);border-radius:999px;background:0 0;color:var(--htla-gold);font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease}.htla-loop[aria-pressed=true]{background:var(--htla-loop);color:#fff}.htla-audio__meta{display:flex;flex-wrap:wrap;gap:6px 26px;margin:14px 0 0;padding:0 24px;color:var(--htla-muted);font-size:15px}.htla-dialogue{padding:36px 44px 44px;border-radius:28px;background:var(--htla-paper);box-shadow:0 1px 2px rgba(35,42,54,.05),0 8px 30px rgba(35,42,54,.06)}.htla-dialogue__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:30px}.htla-dialogue__intro{margin:0;color:var(--htla-muted);font-size:17px;line-height:1.5}.htla-dialogue__toggles{display:flex;flex-wrap:wrap;gap:12px;margin-inline-start:auto}.htla-dialogue__lines{display:flex;flex-direction:column;gap:34px;direction:rtl;text-align:right}.htla-line p{margin:0;text-align:right}.htla-line__ar{color:var(--htla-ink);font-family:var(--htla-arabic);font-size:28px;line-height:1.7}.htla-line__speaker{color:inherit;font-weight:700}.htla-line__tr,.htla-line__en{display:none;margin-top:6px !important;color:var(--htla-muted);font-size:17px;line-height:1.55;unicode-bidi:plaintext}.htla-line__tr{font-style:italic}.htla-dialogue.show-translit .htla-line__tr,.htla-dialogue.show-english .htla-line__en{display:block}.htla-vocab{--htla-card-h:230px;--htla-card-front:var(--htla-paper);--htla-card-back:var(--htla-navy);--htla-card-back-text:#fff;text-align:center}.htla-vocab__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.htla-vocab__label{color:var(--htla-muted);font-size:15px}.htla-vocab__order,.htla-vocab__prev,.htla-vocab__next{font-size:15px;padding:.5em 1.15em}.htla-vocab__stage{display:flex;justify-content:center;perspective:1200px}.htla-vocab__card{display:block;width:min(100%,440px);height:var(--htla-card-h);margin:0;padding:0;border:0;background:0 0;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.htla-vocab__inner{position:relative;display:block;width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d}.htla-vocab__card.is-flipped .htla-vocab__inner{transform:rotateY(180deg)}.htla-vocab__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;border:1px solid var(--htla-line);border-radius:24px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.htla-vocab__face--ar{background:var(--htla-card-front)}.htla-vocab__face--en{transform:rotateY(180deg);background:var(--htla-card-back);border-color:var(--htla-card-back);color:var(--htla-card-back-text)}.htla-vocab.is-english-first .htla-vocab__face--en{transform:none}.htla-vocab.is-english-first .htla-vocab__face--ar{transform:rotateY(180deg)}.htla-vocab__ar{display:block;color:var(--htla-ink);font-family:var(--htla-arabic);font-size:36px;line-height:1.5}.htla-vocab__tr{display:block;color:var(--htla-muted);font-size:17px;font-style:italic}.htla-vocab__en{display:block;font-size:24px;font-weight:600;line-height:1.35}.htla-vocab__hint{margin:14px 0 0;color:var(--htla-muted);font-size:14px}.htla-vocab__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}.htla-vocab__count{min-width:56px;color:var(--htla-muted);font-size:15px;font-variant-numeric:tabular-nums}.htla-notes{padding:32px 40px;border-radius:28px;background:var(--htla-paper);box-shadow:0 1px 2px rgba(35,42,54,.05),0 8px 30px rgba(35,42,54,.06);font-size:17px;line-height:1.7}.htla-notes>:first-child{margin-top:0}.htla-notes>:last-child{margin-bottom:0}.htla-empty{margin:0;padding:24px;color:var(--htla-muted);text-align:center}.htla-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.htla-nav__steps{display:flex;flex-wrap:wrap;gap:12px;margin-inline-start:auto}.htla-nav__link{font-size:15px;padding:.75em 1.4em}.htla-nav__back,.htla-nav__prev{border-width:1px;border-color:var(--htla-line)}.htla-nav__back:hover,.htla-nav__prev:hover{border-color:var(--htla-btn)}.htla-nav__next{background:var(--htla-btn);color:var(--htla-btn-text-on)}.htla-nav__next:hover{opacity:.9;color:var(--htla-btn-text-on)}.htla-list{--htla-btn:var(--htla-ink);container-type:inline-size;padding:44px 42px 30px;border:1px solid var(--htla-line);border-radius:28px;background:var(--htla-panel)}.htla-list__browse{margin:0 0 16px;color:var(--htla-muted);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.htla-list__filters{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px;border-bottom:1px solid var(--htla-line)}.htla-pill{border-width:1px;border-color:var(--htla-line);background:var(--htla-paper);color:var(--htla-ink);font-size:15px;padding:.6em 1.15em}.htla-pill:hover:not(:disabled):not(.is-active){border-color:var(--htla-btn)}.htla-pill.is-active{border-color:var(--htla-btn)}.htla-pill:disabled{opacity:.45;cursor:default}.htla-pill__count{color:var(--htla-muted);font-weight:500}.htla-pill.is-active .htla-pill__count{color:inherit}.htla-list__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:32px 0 12px}.htla-list__title{margin:0;color:var(--htla-ink);font-family:var(--htla-serif);font-size:30px;font-weight:400;line-height:1.2}.htla-list__total{color:var(--htla-muted);font-size:15px}.htla-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:44px;margin:0;padding:0;list-style:none}.htla-item{margin:0;border-bottom:1px solid var(--htla-line)}.htla-item__link{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:20px 6px;color:inherit;text-decoration:none}.htla-item__num{color:var(--htla-muted);font-family:var(--htla-serif);font-size:16px;font-variant-numeric:oldstyle-nums}.htla-item__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.htla-item__en{color:var(--htla-ink);font-size:17px;font-weight:600;line-height:1.35}.htla-item__ar{color:var(--htla-ink);font-family:var(--htla-arabic);font-size:18px;line-height:1.5;text-align:left}.htla-item__arrow{justify-self:end;width:9px;height:9px;border-top:2px solid var(--htla-muted);border-right:2px solid var(--htla-muted);transform:rotate(45deg);transition:transform .2s ease,border-color .2s ease}.htla-item__link:hover .htla-item__en{color:var(--htla-gold)}.htla-item__link:hover .htla-item__arrow{border-color:var(--htla-gold);transform:translateX(3px) rotate(45deg)}@container (max-width:820px){.htla-list__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:32px}}@container (max-width:540px){.htla-list__grid{grid-template-columns:minmax(0,1fr) !important}}.htla-notes [lang=ar],.htla-notes [dir=rtl]{unicode-bidi:isolate}body .htla-dialogue button.htla-toggle,body .htla-dialogue button.htla-toggle:hover,body .htla-dialogue button.htla-toggle:focus,body .htla-vocab button.htla-vocab__order,body .htla-vocab button.htla-vocab__order:hover,body .htla-vocab button.htla-vocab__order:focus,body .htla-vocab button.htla-vocab__prev,body .htla-vocab button.htla-vocab__prev:hover,body .htla-vocab button.htla-vocab__prev:focus,body .htla-vocab button.htla-vocab__next,body .htla-vocab button.htla-vocab__next:hover,body .htla-vocab button.htla-vocab__next:focus{background-color:var(--htla-btn-bg-off);color:var(--htla-btn);border-radius:999px;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:0}body .htla-dialogue button.htla-toggle{padding:.62em 1.35em}body .htla-vocab button.htla-vocab__order,body .htla-vocab button.htla-vocab__prev,body .htla-vocab button.htla-vocab__next{padding:.5em 1.15em}body .htla-dialogue button.htla-toggle[aria-pressed=true],body .htla-dialogue button.htla-toggle[aria-pressed=true]:hover,body .htla-dialogue button.htla-toggle[aria-pressed=true]:focus,body .htla-vocab button.htla-vocab__order[aria-pressed=true],body .htla-vocab button.htla-vocab__order[aria-pressed=true]:hover,body .htla-vocab button.htla-vocab__order[aria-pressed=true]:focus{background-color:var(--htla-btn);color:var(--htla-btn-text-on)}body .htla-list button.htla-pill,body .htla-list button.htla-pill:hover,body .htla-list button.htla-pill:focus{padding:.6em 1.15em;border-radius:999px;background-color:var(--htla-paper);color:var(--htla-ink);box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:0}body .htla-list button.htla-pill.is-active,body .htla-list button.htla-pill.is-active:hover,body .htla-list button.htla-pill.is-active:focus{background-color:var(--htla-btn);color:var(--htla-btn-text-on)}body .htla-audio button.htla-loop,body .htla-audio button.htla-loop:hover,body .htla-audio button.htla-loop:focus{padding:.55em 1.6em;border-radius:999px;background-color:transparent;color:var(--htla-gold);box-shadow:none;text-transform:none;letter-spacing:normal;line-height:1.2;min-height:0}body .htla-audio button.htla-loop[aria-pressed=true],body .htla-audio button.htla-loop[aria-pressed=true]:hover,body .htla-audio button.htla-loop[aria-pressed=true]:focus{background-color:var(--htla-loop);color:#fff}body .htla-vocab button.htla-vocab__card,body .htla-vocab button.htla-vocab__card:hover,body .htla-vocab button.htla-vocab__card:focus{padding:0;border:0;border-radius:0;background:0 0;color:inherit;box-shadow:none;text-transform:none}body .htla-audio .mejs-container .mejs-button>button,body .htla-audio .mejs-container .mejs-button>button:hover,body .htla-audio .mejs-container .mejs-button>button:focus{padding:0;border:0;border-radius:0;background-color:transparent;background-image:url(//how-to-learn-arabic.com/wp-content/plugins/htla-conversations/assets/css/../../../../../wp-includes/js/mediaelement/mejs-controls.svg);background-repeat:no-repeat;box-shadow:none}.htla-editor-notice{padding:16px 20px;border:1px dashed #b9b2a0;border-radius:12px;background:#fffdf6;color:#525a65;font-size:14px}@media (max-width:1024px){.htla-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.htla-dialogue{padding:24px 20px 30px;border-radius:22px}.htla-dialogue__toggles{margin-inline-start:0}.htla-toggle{font-size:15px;padding:.55em 1.1em}.htla-dialogue__lines{gap:26px}.htla-line__ar{font-size:23px}.htla-line__tr,.htla-line__en{font-size:16px}.htla-audio__card{padding:18px;border-radius:22px}.htla-audio__meta{padding:0 8px;gap:4px 18px}.htla-notes{padding:22px 20px;border-radius:22px}.htla-list{padding:28px 18px 18px;border-radius:22px}.htla-list__grid{grid-template-columns:minmax(0,1fr)}.htla-list__title{font-size:25px}.htla-nav{justify-content:center}.htla-nav__steps{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.htla-vocab__inner,.htla-item__arrow{transition:none}}