/*
 * GoHeal Piktogramm-Bibliothek — „Heart Edition" Startseite (rein optisch)
 * Portiert aus Work-Plattform-rules/globals.css, gescoped unter .ghl
 * (kein Tailwind-Import; kein globaler body/main-Override — Plugin-First-tauglich).
 * @since 2.0.0-alpha.466
 */
.ghl{
  --ink:#171715; --paper:#f7f4ec; --card:#fffdf8; --line:#d8d3c7; --blue:#078196; --gold:#d6b64f;
  background:var(--paper); color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.ghl *{box-sizing:border-box}

/* Hero */
.ghl .hero{position:relative;overflow:hidden;padding:38px clamp(22px,5vw,72px) 54px;border-bottom:1px solid var(--line)}
.ghl .brand{display:flex;align-items:center;justify-content:space-between;font:700 11px/1 Arial;letter-spacing:.14em}
.ghl .brand svg,.ghl .brand img{width:134px;height:46px;object-fit:contain;object-position:left center}
.ghl .hero-heart{position:absolute;right:-1vw;top:35px;color:rgba(7,129,150,.1);font:300 clamp(180px,30vw,480px)/.8 Arial;transform:rotate(8deg);pointer-events:none}
.ghl .hero h1{position:relative;font-size:clamp(48px,8vw,112px);line-height:.88;letter-spacing:-.065em;margin:65px 0 34px;max-width:1100px}
.ghl .hero h1 em{font-style:normal;color:var(--blue)}
.ghl .hero-bottom{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.ghl .hero-bottom p{max-width:690px;font-size:18px;line-height:1.55;margin:0}

/* Toolbar */
.ghl .toolbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:2fr 1fr 120px;gap:12px;padding:14px clamp(22px,5vw,72px);background:rgba(247,244,236,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ghl label span,.ghl .counter span{display:block;font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:7px}
.ghl input,.ghl select{width:100%;height:44px;border:1px solid #9f9b92;border-radius:14px;background:#fff9;padding:0 15px;font-size:15px;outline:none;color:var(--ink)}
.ghl input:focus,.ghl select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #07819618}
.ghl .counter{border-left:1px solid var(--line);padding-left:20px;display:flex;align-items:center;gap:10px}
.ghl .counter strong{font-size:34px}.ghl .counter span{margin:0}

/* Grid + Karten */
.ghl .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:14px;background:var(--paper)}
.ghl .module-card{position:relative;min-height:342px;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:20px;display:flex;flex-direction:column;align-items:center;transition:.25s cubic-bezier(.2,.8,.2,1);text-decoration:none;color:inherit}
.ghl .module-card:hover{transform:translateY(-4px) rotate(-.3deg);border-color:#aaa49a;z-index:1;box-shadow:0 18px 50px #302b2017}
.ghl .duration{position:absolute;right:16px;top:16px;border:1.5px solid;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800}
.ghl .medical{position:absolute;left:16px;top:16px;background:#171715;color:#fff;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.1em}
.ghl .pic{width:138px;height:138px;margin-top:43px}
.ghl .pic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.ghl .pic .main-mark{transform:translate(1px,1px) scale(.96);transform-origin:center}
.ghl .pic .heart-mark{stroke-width:1.65}
.ghl .module-card h3{text-align:center;font-size:18px;line-height:1.12;margin:15px 0 8px;letter-spacing:-.02em}
.ghl .module-card p{font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:0;color:#68645d}
.ghl .module-card footer{margin-top:auto;width:100%;padding-top:18px;border-top:1px solid #e4e0d7;display:flex;align-items:center;justify-content:space-between}
.ghl .module-card footer .logo{font:800 12px Arial;letter-spacing:.02em;color:var(--ink)}
.ghl .module-card .open{border:0;background:none;font:700 10px Arial;cursor:pointer;padding:8px;border-radius:99px;color:var(--blue)}

/* System-Sektion */
.ghl .system{padding:90px clamp(22px,8vw,120px);background:#171715;color:#fff;border-radius:48px 48px 0 0}
.ghl .system>span{display:block;font-size:9px;font-weight:800;letter-spacing:.15em;margin-bottom:7px}
.ghl .system h2{font-size:clamp(40px,6vw,82px);line-height:.95;letter-spacing:-.05em;margin:18px 0 28px}
.ghl .system p{max-width:760px;font-size:18px;line-height:1.6;color:#ccc}
.ghl .system div{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
.ghl .system code{border:1px solid #555;border-radius:999px;padding:12px 15px}
.ghl .empty{padding:80px;text-align:center}

@media(max-width:700px){
  .ghl .toolbar{grid-template-columns:1fr}
  .ghl .counter{border-left:0;padding-left:0}
  .ghl .hero h1{margin-top:45px}
  .ghl .hero-bottom{align-items:flex-start;flex-direction:column}
  .ghl .grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}
  .ghl .module-card{min-height:300px;padding:14px;border-radius:22px}
  .ghl .pic{width:108px;height:108px}
  .ghl .module-card h3{font-size:15px}
  .ghl .duration{font-size:10px}
  .ghl .brand span{display:none}
}
@media(max-width:430px){.ghl .grid{grid-template-columns:1fr}}