/* =========================================================
   GIC Layer Focus Design System v2 SAFE
   Learner-facing only. No Jinja structure changes required.
   ========================================================= */

main.gic-final-study-page{
  --lf-ink:#17231f;
  --lf-muted:#68746f;
  --lf-line:#e2e8e5;
  --lf-paper:#ffffff;
}

main.gic-final-study-page .gic-layer-panel{
  --lf-accent:#0f5c52;
  --lf-accent-deep:#18483f;
  --lf-soft:#eef7f4;
  --lf-soft-2:#f8fbfa;
  --lf-ring:rgba(15,92,82,.14);
}

/* semantic palettes */
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="grammar"]{
  --lf-accent:#0f6658;--lf-accent-deep:#174c43;--lf-soft:#eaf7f2;--lf-soft-2:#f7fbf9;--lf-ring:rgba(15,102,88,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"]{
  --lf-accent:#315ab6;--lf-accent-deep:#304566;--lf-soft:#edf2ff;--lf-soft-2:#f8faff;--lf-ring:rgba(49,90,182,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="related"]{
  --lf-accent:#a87518;--lf-accent-deep:#6e511c;--lf-soft:#fff6dc;--lf-soft-2:#fffaf0;--lf-ring:rgba(168,117,24,.16);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="social_german"]{
  --lf-accent:#7652a3;--lf-accent-deep:#553d75;--lf-soft:#f3eef9;--lf-soft-2:#fbf9fd;--lf-ring:rgba(118,82,163,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="daily_life"]{
  --lf-accent:#2f7867;--lf-accent-deep:#22584d;--lf-soft:#edf7f3;--lf-soft-2:#f9fcfb;--lf-ring:rgba(47,120,103,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="work_career"]{
  --lf-accent:#4b647a;--lf-accent-deep:#354b5d;--lf-soft:#eef3f7;--lf-soft-2:#fafbfd;--lf-ring:rgba(75,100,122,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="culture"]{
  --lf-accent:#a46043;--lf-accent-deep:#754733;--lf-soft:#faf0eb;--lf-soft-2:#fffaf8;--lf-ring:rgba(164,96,67,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="etiquette_register"]{
  --lf-accent:#855840;--lf-accent-deep:#624330;--lf-soft:#f7f0ea;--lf-soft-2:#fcfaf8;--lf-ring:rgba(133,88,64,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="jobcenter_bureaucracy"]{
  --lf-accent:#526d8c;--lf-accent-deep:#3d536c;--lf-soft:#edf2f8;--lf-soft-2:#f9fbfd;--lf-ring:rgba(82,109,140,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="travel_transport"]{
  --lf-accent:#26758a;--lf-accent-deep:#1f5968;--lf-soft:#eaf6f8;--lf-soft-2:#f8fcfd;--lf-ring:rgba(38,117,138,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="real_life_dialogue"]{
  --lf-accent:#2e6b5f;--lf-accent-deep:#244f47;--lf-soft:#ecf6f3;--lf-soft-2:#f9fcfb;--lf-ring:rgba(46,107,95,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="common_mistakes"]{
  --lf-accent:#a54b3c;--lf-accent-deep:#783b31;--lf-soft:#fff0ed;--lf-soft-2:#fff9f7;--lf-ring:rgba(165,75,60,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="vocabulary_collocations"]{
  --lf-accent:#39705b;--lf-accent-deep:#2a5445;--lf-soft:#edf6f1;--lf-soft-2:#f9fcfa;--lf-ring:rgba(57,112,91,.15);
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="regional_german"]{
  --lf-accent:#6c568c;--lf-accent-deep:#51406b;--lf-soft:#f2eff8;--lf-soft-2:#fbfafd;--lf-ring:rgba(108,86,140,.15);
}

/* Focus mode: rail already tells the user where they are. */
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="grammar"] .gic-layer-title,
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] .gic-layer-title,
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="related"] .gic-layer-title{
  display:none!important;
}

main.gic-final-study-page .gic-layer-panel .gic-layer-head{
  min-height:40px!important;
  margin:0 0 8px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-contextual="1"] .gic-layer-head{
  justify-content:space-between!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-title{
  color:var(--lf-accent-deep)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-contextual="1"] .gic-layer-title{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:var(--lf-soft)!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-close{
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  border:1px solid var(--lf-line)!important;
  background:#fff!important;
  color:#65706c!important;
  box-shadow:0 2px 8px rgba(22,38,32,.045)!important;
}

/* shared premium canvas */
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid var(--lf-line)!important;
  border-radius:22px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 100% 0,var(--lf-ring),transparent 31%),
    linear-gradient(180deg,#fff 0%,var(--lf-soft-2) 100%)!important;
  box-shadow:0 10px 28px rgba(24,45,38,.055)!important;
  color:var(--lf-ink)!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:20px!important;bottom:20px!important;
  width:4px!important;
  border-radius:0 8px 8px 0!important;
  background:var(--lf-accent)!important;
  opacity:.92!important;
}

/* harmonize existing content packs */
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7){
  --g:var(--lf-accent)!important;
  --gs:var(--lf-soft)!important;
  --bl:var(--lf-accent)!important;
  --bs:var(--lf-soft)!important;
  --ink:var(--lf-ink)!important;
  --mu:var(--lf-muted)!important;
  --ln:var(--lf-line)!important;
  color:var(--lf-ink)!important;
  padding:0!important;
  font-family:Manrope,Inter,system-ui,sans-serif!important;
  background:transparent!important;
}

main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7) h1,
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial > h1{
  margin:0 0 18px!important;
  color:var(--lf-accent-deep)!important;
  font:750 clamp(25px,6.3vw,33px)/1.10 Newsreader,Georgia,serif!important;
  letter-spacing:-.015em!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7) h2,
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial > h2{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:22px 0 9px!important;
  color:var(--lf-accent-deep)!important;
  font:850 13px/1.25 Manrope,system-ui,sans-serif!important;
  letter-spacing:.035em!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7) h2::before,
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial > h2::before{
  content:""!important;
  flex:0 0 20px!important;height:3px!important;border-radius:99px!important;
  background:var(--lf-accent)!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7) h3{
  color:var(--lf-accent-deep)!important;
  font-size:14px!important;font-weight:850!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7) p{
  color:#33423d!important;
  line-height:1.62!important;
  margin:0 0 10px!important;
}

main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(
  .box,.sound,.stress,.reduce,.rhythm,.ref,.level,.cmp,.focus,.formula,.note,.tip,.warning
){
  border:1px solid var(--lf-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(26,43,37,.035)!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.green,.blue,.gold){
  background:var(--lf-soft)!important;
  border-left:4px solid var(--lf-accent)!important;
}

main.gic-final-study-page .gic-layer-panel .gic-layer-editorial .ex{
  position:relative!important;
  margin:8px 0!important;
  padding:12px 13px!important;
  border:1px solid var(--lf-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial .de{
  color:#162720!important;
  font-family:Newsreader,Georgia,serif!important;
  font-weight:720!important;
  font-size:20px!important;
  line-height:1.28!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial .en{
  margin-top:4px!important;color:var(--lf-muted)!important;
  font-size:13px!important;line-height:1.45!important;
}

/* phrase chips */
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial .chips{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:10px 0!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-editorial .chip{
  border:1px solid var(--lf-line)!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  background:var(--lf-soft)!important;
  color:var(--lf-accent-deep)!important;
  font-size:12px!important;font-weight:760!important;
}

/* grammar */
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="grammar"] .formula{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  padding:12px!important;background:var(--lf-soft)!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="grammar"] :is(.formula,.box) b{
  color:var(--lf-accent-deep)!important;
}

/* pronunciation */
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] .focus{
  display:grid!important;gap:9px!important;border:0!important;box-shadow:none!important;background:transparent!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] .sound{
  padding:13px 14px!important;border-left:4px solid var(--lf-accent)!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] .ipa{
  display:inline-flex!important;align-items:center!important;
  border-radius:999px!important;padding:4px 8px!important;
  background:var(--lf-soft)!important;color:var(--lf-accent-deep)!important;
  font-family:"Noto Sans",system-ui,sans-serif!important;
  font-size:16px!important;font-weight:750!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] .stresspeak{
  color:var(--lf-accent)!important;
  text-decoration:underline!important;
  text-decoration-thickness:3px!important;
  text-underline-offset:3px!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] :is(.reduce,.rhythm,.stress,.ref){
  padding:12px 13px!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="pronunciation"] .rhythm{
  background:var(--lf-soft)!important;
}

/* language kit */
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="related"] .ex{
  border-left:4px solid var(--lf-accent)!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="related"] :is(.bubble,.bubble.r){
  max-width:94%!important;margin:8px 0!important;padding:10px 12px!important;
  border:1px solid var(--lf-line)!important;
  border-radius:16px 16px 16px 5px!important;background:#fff!important;
}
main.gic-final-study-page .gic-layer-panel[data-gic-layer-kind="related"] .bubble.r{
  margin-left:auto!important;border-radius:16px 16px 5px 16px!important;background:var(--lf-soft)!important;
}

/* item-based layers */
main.gic-final-study-page .gic-layer-panel .gic-layer-items{
  display:grid!important;gap:8px!important;margin-top:10px!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-item{
  padding:11px 12px!important;border:1px solid var(--lf-line)!important;
  border-radius:14px!important;background:#fff!important;
}
main.gic-final-study-page .gic-layer-panel .gic-layer-item strong{color:var(--lf-accent-deep)!important;}
main.gic-final-study-page .gic-layer-panel .gic-layer-item small{
  display:block!important;margin-top:3px!important;color:var(--lf-muted)!important;
}

@media(max-width:560px){
  main.gic-final-study-page .gic-layer-panel .gic-layer-editorial{
    padding:15px 14px 17px!important;border-radius:19px!important;
  }
  main.gic-final-study-page .gic-layer-panel .gic-layer-editorial::before{
    top:17px!important;bottom:17px!important;width:3px!important;
  }
  main.gic-final-study-page .gic-layer-panel .gic-layer-editorial :is(.gic2,.gpv7) h1,
  main.gic-final-study-page .gic-layer-panel .gic-layer-editorial > h1{
    font-size:27px!important;
  }
  main.gic-final-study-page .gic-layer-panel .gic-layer-editorial .de{
    font-size:19px!important;
  }
}