/*
  German in Context — Legal pages (Terms, Refund) V2.
  Premium key-point tiles with icons, plan pills, refined chips, numbered badges.
  Day and night (html[data-gic-theme="dark"]). Scoped to main.gic-legal.
*/
main.gic-legal{
  --lg-ink:#2a4a40; --lg-head:#14493c; --lg-muted:#5f776d; --lg-gold:#8a6a2c; --lg-gold-soft:rgba(214,178,90,.16);
  --lg-gold-line:rgba(190,150,60,.42); --lg-link:#17594a;
  --lg-card:linear-gradient(180deg,#ffffff 0%,#fbfaf5 100%);
  --lg-tile:linear-gradient(165deg,#fffefa 0%,#f5f2e6 100%);
  --lg-line:rgba(179,180,151,.45); --lg-chip:#fffdf7; --lg-shadow:0 10px 24px rgba(30,60,48,.08);
  max-width:880px;
}
html[data-gic-theme="dark"] main.gic-legal{
  --lg-ink:#d3e0d7; --lg-head:#f3ecd6; --lg-muted:#9fb5a8; --lg-gold:#e0c47b; --lg-gold-soft:rgba(214,178,90,.14);
  --lg-gold-line:rgba(214,178,90,.38); --lg-link:#e8cd85;
  --lg-card:linear-gradient(160deg,#21392f 0%,#182d24 100%);
  --lg-tile:linear-gradient(160deg,#243f34 0%,#1a3128 100%);
  --lg-line:rgba(214,178,90,.20); --lg-chip:rgba(15,26,22,.55); --lg-shadow:0 12px 26px rgba(0,0,0,.34);
}

/* hero */
main.gic-legal .gic-legal-hero{position:relative;padding:6px 0 4px}
main.gic-legal .gic-legal-stripe{
  display:block;width:64px;height:3px;border-radius:3px;margin:0 0 16px;
  background:linear-gradient(90deg,#3b3b3b 0 33.34%,#c0303c 33.34% 66.67%,#d6a93d 66.67% 100%);
}
main.gic-legal .gic-legal-de{
  display:block;margin-top:5px;text-transform:none;letter-spacing:.01em;
  font:italic 500 16px/1.2 "Newsreader",Georgia,"Iowan Old Style",serif;
  color:var(--lg-gold);
}
main.gic-legal h1{
  font-family:"Newsreader",Georgia,"Iowan Old Style","Times New Roman",serif!important;
  color:var(--lg-head)!important;
  font-size:clamp(30px,8.2vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  margin:12px 0 12px!important;
}
main.gic-legal .gic-legal-lead{margin:0 0 22px;color:var(--lg-muted);font-size:16px;line-height:1.6;max-width:36em}

/* key points: icon tiles */
main.gic-legal .gic-legal-key{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
main.gic-legal .gk{
  position:relative;overflow:hidden;min-width:0;
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  padding:16px 16px 15px;border-radius:20px;
  background:var(--lg-tile);border:1px solid var(--lg-line);box-shadow:var(--lg-shadow);
}
main.gic-legal .gk::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,var(--lg-gold-line),rgba(214,178,90,0) 72%);
}
main.gic-legal .gk-ic{
  flex:0 0 auto;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:var(--lg-gold-soft);border:1px solid var(--lg-gold-line);color:var(--lg-gold);
}
main.gic-legal .gk-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
main.gic-legal .gk > div{min-width:0}
main.gic-legal .gk b{
  display:block;margin:0 0 4px;color:var(--lg-head);
  font:600 19px/1.15 "Newsreader",Georgia,"Iowan Old Style",serif;letter-spacing:-.005em;
}
main.gic-legal .gk > div > span{display:block;color:var(--lg-muted);font-size:13px;line-height:1.45}

/* wide tiles: icon on the left */
main.gic-legal .gk-plans,main.gic-legal .gk-support{grid-column:1 / -1;flex-direction:row;align-items:center;gap:14px}
main.gic-legal .gk-plans{align-items:flex-start}
main.gic-legal .gk-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
main.gic-legal .gk-pills em{
  font-style:normal;font-size:12.5px;font-weight:600;line-height:1;padding:7px 11px;border-radius:999px;
  color:var(--lg-link);background:var(--lg-chip);border:1px solid var(--lg-line);
}
main.gic-legal .gk-pills em.gk-hot{
  color:#4a3a10;border-color:transparent;
  background:linear-gradient(180deg,#f3dc95 0%,#d3ab50 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset;
}
main.gic-legal .gk-support a{
  color:var(--lg-link);font-size:14.5px;font-weight:600;text-decoration:none;overflow-wrap:anywhere;
  border-bottom:1px solid var(--lg-gold-line);
}

/* section chips */
main.gic-legal .gic-legal-toc{
  display:flex;gap:8px;overflow-x:auto;padding:2px 0 16px;margin:0 0 4px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);
}
main.gic-legal .gic-legal-toc::-webkit-scrollbar{display:none}
main.gic-legal .gic-legal-toc a{
  flex:0 0 auto;padding:9px 14px;border-radius:999px;
  background:var(--lg-chip);border:1px solid var(--lg-line);
  color:var(--lg-link);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:transform .15s cubic-bezier(.2,.8,.2,1),background-color .2s ease;
}
main.gic-legal .gic-legal-toc a:active{transform:scale(.95);background:var(--lg-gold-soft)}

/* body card */
main.gic-legal .gic-legal-body{
  position:relative;overflow:hidden;
  background:var(--lg-card);border:1px solid var(--lg-line);border-radius:26px;
  padding:8px 22px;box-shadow:0 16px 34px rgba(20,40,32,.09);
}
html[data-gic-theme="dark"] main.gic-legal .gic-legal-body{box-shadow:0 16px 36px rgba(0,0,0,.38)}
main.gic-legal .gic-legal-body::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#3b3b3b 0 33.34%,#c0303c 33.34% 66.67%,#d6a93d 66.67% 100%);opacity:.9;
}
main.gic-legal .gic-legal-body > section{padding:22px 0;border-bottom:1px solid var(--lg-line);scroll-margin-top:84px}
main.gic-legal .gic-legal-body > section:last-child{border-bottom:0}
main.gic-legal .gic-legal-body h2{
  display:flex;align-items:center;gap:12px;
  font-family:"Newsreader",Georgia,"Iowan Old Style","Times New Roman",serif!important;
  color:var(--lg-head)!important;
  font-size:clamp(20px,5.4vw,24px)!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  margin:0 0 11px!important;
}
main.gic-legal .gic-legal-body h2 i{
  flex:0 0 auto;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;
  font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em;
  font-family:"Bahnschrift","DIN Alternate","sans-serif-condensed","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  color:var(--lg-gold);background:var(--lg-gold-soft);border:1px solid var(--lg-gold-line);
}
main.gic-legal .gic-legal-body p{
  margin:0!important;color:var(--lg-ink)!important;font-size:16px!important;line-height:1.72!important;
}
main.gic-legal .gic-legal-body a{color:var(--lg-link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lg-gold-line)}

/* desktop */
@media (min-width:700px){
  main.gic-legal .gic-legal-key{grid-template-columns:repeat(4,1fr)}
  main.gic-legal .gk-prepaid{order:1}
  main.gic-legal .gk-instant{order:2}
  main.gic-legal .gk-support{order:3;grid-column:span 2}
  main.gic-legal .gk-plans{order:4;grid-column:1 / -1}
  main.gic-legal .gic-legal-toc{-webkit-mask-image:none;mask-image:none;flex-wrap:wrap;overflow:visible}
  main.gic-legal .gic-legal-body{padding:10px 36px}
}
@media (prefers-reduced-motion:reduce){main.gic-legal .gic-legal-toc a{transition:none}}