/* GiC Card Learning Layers v1
   Core rail: Grammar · Pronunciation · Language Kit
   Context chips: optional, scrollable
   Content stage expands downward without nested scrolling.
*/

.gic-study-card .gic-learning-layer-rail{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:6px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  overflow:visible!important;
  border:1px solid rgba(205,216,211,.95)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#f7f8f7 0%,#eef1ef 100%)!important;
  box-shadow:inset 0 1px 2px rgba(37,67,61,.06),0 8px 20px rgba(30,62,56,.055)!important;
  isolation:isolate;
}
.gic-study-card .gic-learning-layer-rail button{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  min-height:44px!important;
  padding:7px 5px!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#3f5e56!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.08!important;
  cursor:pointer!important;
  opacity:1!important;
  transition:color .22s ease,opacity .22s ease!important;
}
.gic-study-card .gic-learning-layer-rail button svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
.gic-study-card .gic-learning-layer-rail button.active{color:#123f39!important;font-weight:900!important}
.gic-study-card .gic-learning-layer-rail button:disabled,
.gic-study-card .gic-learning-layer-rail button[aria-disabled="true"]{
  color:#adb6b1!important;
  opacity:.48!important;
  cursor:default!important;
  pointer-events:none!important;
}
.gic-study-card .gic-learning-layer-rail button:disabled svg,
.gic-study-card .gic-learning-layer-rail button[aria-disabled="true"] svg{opacity:.52!important}
.gic-study-card .gic-learning-layer-rail [data-gic-layer-indicator]{
  position:absolute!important;
  z-index:1!important;
  top:6px!important;
  bottom:6px!important;
  left:0!important;
  width:0;
  border:1px solid rgba(204,216,211,.95)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(20,52,47,.16),0 2px 7px rgba(20,52,47,.08)!important;
  transition:width .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1)!important;
  pointer-events:none!important;
}

.gic-context-layer-rail-wrap{
  margin:12px 14px 0;
  padding:10px 0 2px;
  border-top:1px solid rgba(218,222,215,.82);
}
.gic-context-layer-label{
  padding:0 4px 7px;
  color:#8a806a;
  font-size:9px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.gic-context-layer-rail{
  display:flex;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 3px 7px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.gic-context-layer-rail::-webkit-scrollbar{display:none}
.gic-context-layer-chip{
  flex:0 0 auto;
  min-height:36px;
  padding:0 12px;
  border:1px solid #ddd8c9;
  border-radius:999px;
  background:#fffdf8;
  color:#4b615b;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:800 11px/1.1 Manrope,system-ui,sans-serif;
  box-shadow:0 5px 12px rgba(36,62,55,.05);
  scroll-snap-align:start;
  white-space:nowrap;
}
.gic-context-layer-chip b{font-size:18px;line-height:1;color:#b28a39;font-weight:500}
.gic-context-layer-chip.active{border-color:#cdb36f;background:#fffaf0;color:#173f39;box-shadow:0 8px 18px rgba(77,61,30,.10)}

/* Downward content stage: deliberately no nested scroll. */
.gic-study-card.gic-learning-layer-open{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.gic-study-card.gic-learning-layer-open .gic-v2-core,
.gic-study-card.gic-learning-layer-open .gic-study-core{
  flex:0 0 auto!important;
}
.gic-study-card .gic-learning-layer-stage{
  position:static!important;
  inset:auto!important;
  display:none!important;
  width:auto!important;
  max-height:none!important;
  margin:12px 14px 16px!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:auto!important;
}
.gic-study-card .gic-learning-layer-stage.is-open{display:block!important;animation:gic-layer-drop .2s cubic-bezier(.2,.8,.2,1)}
@keyframes gic-layer-drop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
.gic-study-card .gic-learning-layer-stage-inner{
  position:relative!important;
  max-height:none!important;
  overflow:visible!important;
  padding:20px 18px 18px!important;
  border:1px solid #dedfd8!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fffefa 0%,#fbfaf5 100%)!important;
  box-shadow:0 15px 36px rgba(27,55,49,.10)!important;
}
.gic-learning-layer-stage-accent{
  position:absolute;left:24px;right:24px;top:0;height:3px;border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#43b9ae 0%,#d4b467 58%,#d99155 100%);
}
.gic-learning-layer-stage .gic-v2-panel,
.gic-learning-layer-stage .gic-layer-panel{padding:0!important;margin:0!important;max-height:none!important;overflow:visible!important}
.gic-learning-layer-stage .gic-layer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.gic-learning-layer-stage .gic-layer-head>div:first-child{display:flex;flex-direction:column;gap:3px}
.gic-layer-kicker{color:#9c7e3c;font-size:9px;font-weight:900;letter-spacing:.15em}
.gic-learning-layer-stage .gic-layer-title{font-size:14px!important;letter-spacing:.08em!important;color:#173f39!important}
.gic-learning-layer-stage .gic-layer-close{width:34px;height:34px;border-radius:50%;border:1px solid #dbe3df;background:#fff;color:#57706a;font-size:20px;display:grid;place-items:center;cursor:pointer}
.gic-layer-purpose{margin:-4px 0 14px;color:#7a8b86;font-size:11px;line-height:1.55}
.gic-layer-section-title{margin:13px 0 9px;font-size:14px;color:#274b45}
.gic-layer-preview-copy{color:#61736e!important;line-height:1.7!important}
.gic-learning-layer-stage .gic-layer-items{display:grid;gap:10px;margin-top:12px}
.gic-learning-layer-stage .gic-layer-item{
  padding:14px 14px 13px!important;
  border:1px solid #e4e3dc!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(31,59,53,.045)!important;
}
.gic-learning-layer-stage .gic-layer-item strong{display:block;color:#2f4641;font-size:14px;line-height:1.5}
.gic-learning-layer-stage .gic-layer-item small{display:block;margin-top:5px;color:#7f8d89;font-size:11px;line-height:1.55}
.gic-learning-layer-stage .gic-layer-item-row,
.gic-learning-layer-stage .gic-layer-item-row-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.gic-learning-layer-stage .gic-mini-audio{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:0;background:#16998f;color:#fff;box-shadow:0 7px 15px rgba(22,153,143,.18);cursor:pointer}
.gic-learning-layer-stage .gic-mini-audio.is-playing{transform:scale(.96);box-shadow:0 0 0 5px rgba(22,153,143,.12)}
.gic-mini-badge,.gic-relation-badge{display:inline-flex;width:max-content;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#edf5f1;color:#267362;font-size:9px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}
.gic-relation-badge[data-relation*="possible"]{background:#e7f5ef;color:#2b7868}
.gic-relation-badge[data-relation*="personal"]{background:#f7f0dc;color:#8b6d2e}
.gic-relation-badge[data-relation*="opposite"]{background:#efe9f8;color:#77549b}
.gic-relation-badge[data-relation*="follow"]{background:#eaf1f8;color:#4c6d92}
.gic-relation-badge[data-relation*="formal"]{background:#edf0f1;color:#53656b}
.gic-relation-badge[data-relation*="informal"]{background:#fff0e7;color:#a25c39}
.gic-deep-dive-link{
  margin-top:14px;
  min-height:44px;
  padding:0 15px;
  border:1px solid #dacb9d;
  border-radius:14px;
  background:#fff9e9;
  color:#765b25;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  font:850 12px/1 Manrope,system-ui,sans-serif;
}
.gic-deep-dive-link span{font-size:18px}

/* Deep-dive page */
.gic-layer-deep-page{max-width:760px;margin:0 auto;padding:24px 14px 100px}
.gic-layer-deep-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;color:#17685f;text-decoration:none;font-weight:850;font-size:12px}
.gic-layer-deep-card{border:1px solid #dedfd8;border-radius:28px;background:#fffdf8;box-shadow:0 18px 42px rgba(29,58,52,.11);overflow:hidden}
.gic-layer-deep-hero{padding:22px 22px 20px;background:linear-gradient(135deg,#0f4f46,#176f61);color:#fff}
.gic-layer-deep-hero small{display:block;color:#dfcf9f;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.gic-layer-deep-hero h1{margin:7px 0 6px;font-size:clamp(26px,6vw,40px);line-height:1.08}
.gic-layer-deep-hero p{margin:0;color:#d8e8e3;font-size:13px}
.gic-layer-deep-body{padding:20px}
.gic-layer-deep-body .gic-layer-item{margin-top:10px;padding:15px;border:1px solid #e4e3dc;border-radius:18px;background:#fff}
.gic-layer-deep-body .gic-layer-item strong{display:block;color:#2f4641;font-size:15px}
.gic-layer-deep-body .gic-layer-item small{display:block;margin-top:5px;color:#7f8d89}

@media(max-width:560px){
  .gic-study-card .gic-learning-layer-rail{min-height:56px!important;border-radius:18px!important;padding:5px!important}
  .gic-study-card .gic-learning-layer-rail button{min-height:43px!important;font-size:10.5px!important;gap:5px!important;padding:7px 3px!important}
  .gic-study-card .gic-learning-layer-rail button svg{width:16px!important;height:16px!important;flex-basis:16px!important}
  .gic-context-layer-rail-wrap{margin-left:10px;margin-right:10px}
  .gic-study-card .gic-learning-layer-stage{margin:10px 10px 14px!important}
  .gic-study-card .gic-learning-layer-stage-inner{padding:18px 14px 15px!important;border-radius:21px!important}
  .gic-learning-layer-stage .gic-layer-item{padding:13px 12px!important}
}

.gic-learning-layer-stage .gic-layer-head{align-items:flex-end!important}.gic-learning-layer-stage .gic-layer-head-actions{display:flex;align-items:center;gap:8px}.gic-learning-layer-stage .gic-grammar-save.saved{background:#edf7f3!important;color:#17695d!important;border-color:#b9d7ce!important}.gic-learning-layer-stage .gic-grammar-save.saved::before{content:"✓ ";}

/* GiC Learning Layer Rail v2 · definitive premium segmented rail */
.gic-study-card .gic-learning-layer-rail{
  --gic-layer-pad:5px;
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  min-height:58px!important;padding:5px!important;gap:4px!important;
  border:1px solid #dfe4e2!important;border-radius:21px!important;
  background:linear-gradient(180deg,#f4f5f4 0%,#ecefed 100%)!important;
  box-shadow:inset 0 1px 3px rgba(32,57,52,.075),0 10px 24px rgba(25,58,51,.06)!important;
  overflow:hidden!important;
}
.gic-study-card .gic-learning-layer-rail button{
  z-index:3!important;min-height:46px!important;border-radius:16px!important;
  color:#526b64!important;font-size:11px!important;font-weight:900!important;letter-spacing:-.01em!important;
  opacity:1!important;transition:color .2s ease,opacity .2s ease,transform .2s ease!important;
}
.gic-study-card .gic-learning-layer-rail button:not(:disabled):not([aria-disabled="true"]):active{transform:scale(.985)!important}
.gic-study-card .gic-learning-layer-rail button.active{color:#123f38!important}
.gic-study-card .gic-learning-layer-rail button:disabled,.gic-study-card .gic-learning-layer-rail button[aria-disabled="true"]{color:#aeb7b3!important;opacity:.38!important}
.gic-study-card .gic-learning-layer-rail [data-gic-layer-indicator]{
  display:block!important;top:5px!important;bottom:5px!important;left:5px!important;
  width:calc((100% - 18px)/3)!important;height:auto!important;
  border:1px solid rgba(214,221,217,.98)!important;border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fdfefd 100%)!important;
  box-shadow:0 10px 25px rgba(24,54,48,.14),0 2px 7px rgba(24,54,48,.06),inset 0 1px 0 #fff!important;
  opacity:0!important;transform:translateX(0)!important;
  transition:transform .23s cubic-bezier(.2,.8,.2,1),opacity .16s ease!important;
}
.gic-study-card .gic-learning-layer-rail.has-active [data-gic-layer-indicator]{opacity:1!important}
.gic-study-card .gic-learning-layer-rail.is-index-0 [data-gic-layer-indicator]{transform:translateX(0)!important}
.gic-study-card .gic-learning-layer-rail.is-index-1 [data-gic-layer-indicator]{transform:translateX(calc(100% + 4px))!important}
.gic-study-card .gic-learning-layer-rail.is-index-2 [data-gic-layer-indicator]{transform:translateX(calc(200% + 8px))!important}

/* Cleaner layer header: title and post-save navigation share one baseline. */
.gic-learning-layer-stage .gic-layer-head{align-items:center!important;margin-bottom:14px!important}
.gic-learning-layer-stage .gic-layer-head>div:first-child{justify-content:center!important}
.gic-learning-layer-stage .gic-layer-head-actions{display:flex!important;align-items:center!important;gap:8px!important}
.gic-learning-layer-stage .gic-grammar-save{min-height:34px!important;padding:0 12px!important;border:1px solid #dce4e0!important;border-radius:12px!important;background:#fff!important;color:#587069!important;font-size:8.5px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 4px 11px rgba(25,58,51,.05)!important}
.gic-learning-layer-stage .gic-grammar-save.saved{background:#fff!important;color:#17695d!important;border-color:#b9d7ce!important;box-shadow:0 6px 15px rgba(23,105,93,.10)!important}
.gic-learning-layer-stage .gic-grammar-save.saved::before{content:none!important}
.gic-learning-layer-stage .gic-layer-close{flex:0 0 34px!important}

@media(max-width:560px){
  .gic-study-card .gic-learning-layer-rail{min-height:57px!important;padding:5px!important;border-radius:19px!important}
  .gic-study-card .gic-learning-layer-rail button{min-height:45px!important;font-size:10.4px!important;padding:6px 3px!important}
  .gic-learning-layer-stage .gic-layer-head{gap:9px!important}.gic-learning-layer-stage .gic-grammar-save{padding:0 9px!important;font-size:7.7px!important}
}

/* GiC Learning Layer Rail v3 · premium floating active tab, no lock badges */
.gic-study-card .gic-learning-layer-rail{
  min-height:60px!important;
  padding:6px!important;
  gap:5px!important;
  border:1px solid #e2e5e3!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#f7f8f7 0%,#eef1ef 100%)!important;
  box-shadow:inset 0 1px 3px rgba(38,60,56,.06),0 8px 20px rgba(24,56,50,.055)!important;
}
.gic-study-card .gic-learning-layer-rail button{
  min-height:46px!important;
  border-radius:17px!important;
  color:#5d716b!important;
  font-size:11px!important;
  font-weight:850!important;
  gap:7px!important;
}
.gic-study-card .gic-learning-layer-rail button.active{
  color:#fff!important;
  font-weight:900!important;
  text-shadow:0 1px 1px rgba(0,0,0,.06)!important;
}
.gic-study-card .gic-learning-layer-rail button.active svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}
.gic-study-card .gic-learning-layer-rail button:disabled,
.gic-study-card .gic-learning-layer-rail button[aria-disabled="true"]{
  color:#aab4b0!important;
  opacity:.42!important;
  background:transparent!important;
}
.gic-study-card .gic-learning-layer-rail [data-gic-layer-indicator]{
  top:6px!important;
  bottom:6px!important;
  left:6px!important;
  width:calc((100% - 22px)/3)!important;
  border:1px solid rgba(9,91,80,.42)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#0d695e 0%,#168678 100%)!important;
  box-shadow:0 12px 24px rgba(11,93,81,.22),0 3px 8px rgba(10,71,62,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.gic-study-card .gic-learning-layer-rail.is-index-1 [data-gic-layer-indicator]{transform:translateX(calc(100% + 5px))!important}
.gic-study-card .gic-learning-layer-rail.is-index-2 [data-gic-layer-indicator]{transform:translateX(calc(200% + 10px))!important}

/* Keep the reference sentence visually anchored; layers expand only below the rail. */
.gic-study-card .gic-learning-layer-stage{
  margin-top:12px!important;
  scroll-margin-top:0!important;
}
.gic-study-card .gic-learning-layer-stage.is-open{animation:gic-layer-drop-v3 .19s cubic-bezier(.2,.8,.2,1)!important}
@keyframes gic-layer-drop-v3{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:560px){
  .gic-study-card .gic-learning-layer-rail{min-height:58px!important;padding:5px!important;border-radius:20px!important}
  .gic-study-card .gic-learning-layer-rail button{min-height:46px!important;font-size:10.5px!important;gap:5px!important}
  .gic-study-card .gic-learning-layer-rail [data-gic-layer-indicator]{top:5px!important;bottom:5px!important;left:5px!important;width:calc((100% - 18px)/3)!important}
  .gic-study-card .gic-learning-layer-rail.is-index-1 [data-gic-layer-indicator]{transform:translateX(calc(100% + 4px))!important}
  .gic-study-card .gic-learning-layer-rail.is-index-2 [data-gic-layer-indicator]{transform:translateX(calc(200% + 8px))!important}
}

/* === GiC Card Rail V4 · final corrective overrides === */
.gic-card-v2.gic-learning-layer-open .gic-v2-core{
  flex:0 0 var(--gic-layer-core-height,460px)!important;
  height:var(--gic-layer-core-height,460px)!important;
  min-height:var(--gic-layer-core-height,460px)!important;
  overflow:hidden!important;
}
.gic-card-v2.gic-learning-layer-open{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.gic-card-v2 .gic-learning-layer-stage{
  margin:0 14px 16px!important;
  border-radius:0 0 24px 24px!important;
}
.gic-card-v2 .gic-learning-layer-stage-inner{
  border-radius:0 0 24px 24px!important;
  border-top:0!important;
  box-shadow:0 16px 34px rgba(26,55,49,.10)!important;
}
.gic-card-v2 .gic-learning-layer-rail{
  background:#f1f3f2!important;
  border:1px solid #dfe4e2!important;
  border-radius:24px!important;
  padding:5px!important;
  gap:4px!important;
  box-shadow:inset 0 1px 3px rgba(30,55,50,.055),0 8px 22px rgba(30,55,50,.05)!important;
}
.gic-card-v2 .gic-learning-layer-rail button{
  border-radius:19px!important;
  min-height:47px!important;
  color:#536a64!important;
  font-size:11.2px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.gic-card-v2 .gic-learning-layer-rail button.active{
  color:#fff!important;
}
.gic-card-v2 .gic-learning-layer-rail [data-gic-layer-indicator]{
  top:5px!important;bottom:5px!important;left:5px!important;
  width:calc((100% - 18px)/3)!important;
  border:0!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#107568 0%,#178779 100%)!important;
  box-shadow:0 9px 20px rgba(13,102,88,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.gic-card-v2 .gic-learning-layer-rail.is-index-1 [data-gic-layer-indicator]{transform:translateX(calc(100% + 4px))!important}
.gic-card-v2 .gic-learning-layer-rail.is-index-2 [data-gic-layer-indicator]{transform:translateX(calc(200% + 8px))!important}
.gic-card-v2 .gic-learning-layer-rail button:disabled,
.gic-card-v2 .gic-learning-layer-rail button[aria-disabled="true"]{
  opacity:.29!important;
  color:#8e9c97!important;
}
.gic-card-v2 .gic-v2-one-line{
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  max-width:100%!important;
  overflow:visible!important;
}
@media(max-width:560px){
  .gic-card-v2 .gic-v2-one-line{font-size:clamp(24px,7.2vw,34px)!important;letter-spacing:-.04em!important}
  .gic-card-v2 .gic-learning-layer-stage{margin-left:10px!important;margin-right:10px!important}
}


/* GIC_DIRECT_LIVE_GREEN_RAIL_GOLD_PILL */
[data-gic-study-card] [data-gic-layer-tabs],
main.gic-final-study-page [data-gic-layer-tabs]{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  background:linear-gradient(135deg,#116b62 0%,#0b514a 100%)!important;
  border:1px solid rgba(218,180,86,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(15,73,67,.14)!important;
}

[data-gic-study-card] [data-gic-layer-indicator],
main.gic-final-study-page [data-gic-layer-indicator]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:linear-gradient(135deg,#f3d98a 0%,#d9ac49 58%,#c88e2b 100%)!important;
  border:1px solid rgba(255,236,177,.65)!important;
  box-shadow:0 7px 17px rgba(74,48,9,.24),inset 0 1px 0 rgba(255,255,255,.60)!important;
}

[data-gic-study-card] [data-gic-layer-tabs] button[data-gic-layer],
main.gic-final-study-page [data-gic-layer-tabs] button[data-gic-layer]{
  color:rgba(255,255,255,.78)!important;
}

[data-gic-study-card] [data-gic-layer-tabs] button[data-gic-layer].gic-prime-content,
[data-gic-study-card] [data-gic-layer-tabs] button[data-gic-layer].active,
main.gic-final-study-page [data-gic-layer-tabs] button[data-gic-layer].gic-prime-content,
main.gic-final-study-page [data-gic-layer-tabs] button[data-gic-layer].active{
  color:#173f39!important;
  font-weight:900!important;
}

[data-gic-study-card] [data-gic-layer-tabs] button[data-gic-layer]:disabled,
main.gic-final-study-page [data-gic-layer-tabs] button[data-gic-layer]:disabled{
  color:rgba(255,255,255,.34)!important;
  opacity:1!important;
}

html.gic-direct-learn-lock [data-gic-rating-bar] .gic-rating-preview{
  font-size:0!important;
}
html.gic-direct-learn-lock [data-gic-rating-bar] .gic-rating-preview::after{
  font-size:.72rem!important;
  font-weight:950!important;
  line-height:1!important;
}
html.gic-direct-learn-lock [data-gic-rating="again"] .gic-rating-preview::after{content:"1m";}
html.gic-direct-learn-lock [data-gic-rating="hard"] .gic-rating-preview::after{content:"10m";}
html.gic-direct-learn-lock [data-gic-rating="good"] .gic-rating-preview::after{content:"1h";}
html.gic-direct-learn-lock [data-gic-rating="easy"] .gic-rating-preview::after{content:"4h";}

/* GIC_DESKTOP_TABS_SCROLL_V1_BEGIN */
/* GIC Desktop Tabs Scroll V1: only for rails with four or more tabs.
   No effect on three-tab rails or phone layouts. */
@media (min-width: 768px) {
  html body .gic-ah-card .gic-ah-rail-wrap.gic-desktop-tabs-wrapper {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex-shrink: 1 !important;
  }
  html body [data-gic-layer-tabs][data-gic-layer-tabs][data-gic-layer-tabs].gic-desktop-tabs-overflow {
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: min(100%, 600px) !important;
    min-width: 0 !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    padding: 6px 43px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: auto !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
    cursor: grab;
  }
  html body [data-gic-layer-tabs][data-gic-layer-tabs][data-gic-layer-tabs].gic-desktop-tabs-overflow::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  html body [data-gic-layer-tabs][data-gic-layer-tabs].gic-desktop-tabs-overflow > button[data-gic-layer] {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    min-height: 45px !important;
    white-space: nowrap !important;
    scroll-snap-align: center;
  }
  html body [data-gic-layer-tabs][data-gic-layer-tabs].gic-desktop-tabs-overflow > button[data-gic-layer] > span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body [data-gic-layer-tabs][data-gic-layer-tabs][data-gic-layer-tabs].gic-desktop-tabs-overflow.gic-desktop-tabs-dragging {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    user-select: none !important;
  }
  html body [data-gic-layer-tabs][data-gic-layer-tabs].gic-desktop-tabs-overflow.gic-desktop-tabs-dragging > button[data-gic-layer] {
    cursor: grabbing !important;
  }
  html body .gic-desktop-tabs-nav {
    position: absolute !important;
    z-index: 30 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    background: transparent !important;
    pointer-events: none !important;
    padding: 0 6px !important;
    margin: 0 !important;
    min-height: 48px !important;
  }
  html body .gic-desktop-tabs-nav[hidden] { display: none !important; }
  html body .gic-desktop-tabs-nav > button.gic-desktop-tabs-arrow {
    flex: 0 0 31px !important;
    width: 31px !important;
    min-width: 31px !important;
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    border: 1px solid #d8e7df !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #185e50 !important;
    box-shadow: 0 2px 6px rgba(29,68,55,.11) !important;
    display: grid !important;
    place-items: center !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
    transform: none !important;
    transition: opacity .15s ease, background .15s ease, box-shadow .15s ease !important;
  }
  html body .gic-desktop-tabs-nav > button.gic-desktop-tabs-arrow:hover:not(:disabled) {
    background: #eaf4ef !important;
    box-shadow: 0 4px 12px rgba(29,68,55,.16) !important;
  }
  html body .gic-desktop-tabs-nav > button.gic-desktop-tabs-arrow:focus-visible {
    outline: 2px solid #1f8677 !important;
    outline-offset: 2px !important;
  }
  html body .gic-desktop-tabs-nav > button.gic-desktop-tabs-arrow:disabled {
    cursor: default !important;
    opacity: .30 !important;
    box-shadow: none !important;
  }
  html body .gic-desktop-tabs-nav .gic-desktop-tabs-arrow svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    stroke: currentColor !important;
  }
}
@media (max-width: 767px) {
  html body .gic-desktop-tabs-nav { display: none !important; }
}
/* GIC_DESKTOP_TABS_SCROLL_V1_END */