/* Aqua Ocean Theme · v7 favicon repair */
:root{
  --bg:#03131f;
  --bg-deep:#020a12;
  --ocean:#06344b;
  --aqua:#4df4ff;
  --aqua2:#06bdd6;
  --green:#64ffbd;
  --kelp:#1de79a;
  --reef:#ff7dd8;
  --gold:#ffe58c;
  --text:#ecfdff;
  --muted:#a4cad5;
  --line:rgba(77,244,255,.24);
  --line-strong:rgba(100,255,189,.55);
  --panel:rgba(4,24,37,.70);
  --panel2:rgba(3,39,58,.62);
  --shadow:0 22px 70px rgba(0,0,0,.46);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(77,244,255,.24),transparent 34%),linear-gradient(180deg,#052d42 0%,#031926 38%,#020a12 100%);min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.skip-link{position:absolute;left:10px;top:-60px;background:var(--green);color:#01241c;padding:.7rem 1rem;border-radius:12px;z-index:99}.skip-link:focus{top:10px}
.ocean-bg{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(100,255,189,.12),transparent 26%),radial-gradient(circle at 82% 8%,rgba(77,244,255,.14),transparent 30%)}
.ocean-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.07) 48%,transparent 54% 100%);opacity:.32;animation:caustics 9s ease-in-out infinite alternate}
.wave{position:absolute;left:-15%;right:-15%;height:240px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(77,244,255,.15),transparent 68%);filter:blur(12px);animation:waveMove 12s ease-in-out infinite}.wave-1{top:12%;}.wave-2{top:58%;animation-delay:-4s;opacity:.62}.bubble{position:absolute;border:1px solid rgba(77,244,255,.28);border-radius:999px;box-shadow:inset 0 0 18px rgba(77,244,255,.08);animation:bubbleUp 12s linear infinite}.b1{width:18px;height:18px;left:12%;bottom:-30px}.b2{width:28px;height:28px;left:72%;bottom:-50px;animation-duration:16s}.b3{width:12px;height:12px;left:44%;bottom:-20px;animation-duration:10s}.b4{width:22px;height:22px;left:86%;bottom:-35px;animation-duration:14s}@keyframes caustics{to{transform:translateX(10%) skewX(-8deg);opacity:.5}}@keyframes waveMove{50%{transform:translateY(22px) scaleX(1.06)}}@keyframes bubbleUp{to{transform:translateY(-115vh);opacity:.05}}
.site-header{position:sticky;top:0;z-index:50;width:min(1500px,calc(100% - 20px));margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:24px;background:rgba(2,13,22,.72);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.28)}
.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(77,244,255,.22),rgba(100,255,189,.12));color:var(--green);font-weight:950;box-shadow:0 0 26px rgba(100,255,189,.18)}.brand strong{display:block;letter-spacing:.03em}.brand small{display:block;color:var(--muted);font-size:.78rem}.main-nav{display:flex;gap:8px;align-items:center}.main-nav a{padding:.68rem .9rem;border:1px solid transparent;border-radius:999px;color:#d7f8ff}.main-nav a:hover,.main-nav a.active{border-color:var(--line);background:rgba(77,244,255,.10)}.nav-toggle{display:none;border:1px solid var(--line);border-radius:999px;background:rgba(77,244,255,.10);color:var(--text);padding:.7rem 1rem}
.page-shell{width:min(1500px,calc(100% - 20px));margin:18px auto 0;display:grid;gap:28px}.hero{position:relative;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(4,45,67,.86),rgba(2,12,23,.78));box-shadow:var(--shadow);overflow:hidden}.hero-ocean{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr);gap:24px;padding:24px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 15%,rgba(77,244,255,.18),transparent 34%),radial-gradient(circle at 28% 100%,rgba(100,255,189,.14),transparent 36%);pointer-events:none}.hero-copy{position:relative;z-index:2;display:grid;align-content:center;gap:12px;padding:10px}.system-chip,.section-kicker,.world-type{display:inline-flex;width:max-content;max-width:100%;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-size:.78rem;border:1px solid rgba(100,255,189,.28);border-radius:999px;padding:.5rem .72rem;background:rgba(100,255,189,.06)}h1{font-size:clamp(2.7rem,6vw,6.7rem);line-height:.88;margin:0;text-shadow:0 0 42px rgba(77,244,255,.25)}.headline-sub{font-size:clamp(1.3rem,2.5vw,2.5rem);margin:0;color:var(--aqua);font-weight:800}.hero-copy p:not(.headline-sub){color:#c6eaf3;line-height:1.65;max-width:670px}.hero-actions,.card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.hero-actions.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:.82rem 1.08rem;border:1px solid var(--line);border-radius:999px;font-weight:800;background:rgba(77,244,255,.08);transition:.18s ease;box-shadow:inset 0 0 18px rgba(77,244,255,.05)}.btn:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 0 24px rgba(100,255,189,.22),inset 0 0 22px rgba(77,244,255,.10)}.btn-primary{color:#04212a;background:linear-gradient(135deg,var(--aqua),var(--green));border-color:rgba(100,255,189,.8)}.btn-fresh{color:#04251e;background:linear-gradient(135deg,#74ffc9,#16e49e);border-color:rgba(116,255,201,.8)}.btn-ghost{color:#d8fbff;background:rgba(2,17,28,.46)}
.portal-cover{position:relative;z-index:2;margin:0;padding:12px;border:1px solid rgba(77,244,255,.32);border-radius:30px;background:rgba(1,12,22,.50);box-shadow:0 0 70px rgba(77,244,255,.12),inset 0 0 44px rgba(77,244,255,.05)}.portal-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;filter:saturate(1.22) contrast(1.07);box-shadow:0 18px 60px rgba(0,0,0,.48)}.spotlight-cover:after{content:"";position:absolute;inset:8px;border-radius:24px;background:linear-gradient(180deg,transparent 52%,rgba(0,12,22,.62));pointer-events:none}.portal-cover figcaption{position:absolute;left:30px;right:30px;bottom:30px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#edfeff}.portal-cover figcaption strong{font-size:1.2rem}.portal-cover figcaption span{color:#bce7ef}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.status-grid article{border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:18px;box-shadow:0 12px 46px rgba(0,0,0,.25)}.status-grid span{display:block;color:var(--green);font-size:1.4rem;font-weight:950}.status-grid strong{display:block;margin-top:4px;color:#e8fbff}
.section-head{text-align:center;max-width:880px;margin:10px auto 0}.section-head h2,.compare-panel h2,.next-step h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:.6rem 0 .4rem}.section-head p,.compare-panel p,.next-step p{color:var(--muted);line-height:1.65}.section-head.compact{text-align:left;margin:0 0 18px;max-width:none}
.world-showcase{display:grid;gap:26px}.world-card{position:relative;display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(340px,.8fr);gap:0;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(4,34,52,.86),rgba(2,11,20,.88));box-shadow:var(--shadow)}.world-card.fresh-card{grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr)}.world-card.fresh-card .world-image{order:2}.world-image{position:relative;display:block;min-height:440px;background:#000;overflow:hidden}.world-image img{width:100%;height:100%;min-height:440px;object-fit:cover;filter:saturate(1.28) contrast(1.06) brightness(1.05);transition:transform .45s ease,filter .45s ease}.world-card:hover .world-image img{transform:scale(1.035);filter:saturate(1.4) contrast(1.08) brightness(1.1)}.world-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(2,10,18,.42));z-index:2;pointer-events:none}.fresh-card .world-image:before{background:linear-gradient(270deg,transparent 55%,rgba(2,10,18,.42))}.cover-badge{position:absolute;left:22px;top:22px;z-index:3;padding:.62rem .88rem;border:1px solid rgba(100,255,189,.48);border-radius:999px;color:var(--green);background:rgba(2,16,27,.62);backdrop-filter:blur(10px);font-weight:950;letter-spacing:.06em;text-transform:uppercase}.cover-glow{position:absolute;inset:auto 10% -12% 10%;height:140px;background:radial-gradient(ellipse at center,rgba(77,244,255,.42),transparent 68%);filter:blur(20px);z-index:1}.fresh-card .cover-glow{background:radial-gradient(ellipse at center,rgba(100,255,189,.42),transparent 68%)}.world-content{display:grid;align-content:center;gap:14px;padding:34px;background:linear-gradient(180deg,rgba(3,25,39,.72),rgba(2,10,18,.82))}.world-content h3{font-size:clamp(2rem,3.7vw,4.2rem);line-height:.96;margin:0}.world-content p,.world-content li{color:#c4e5ec;line-height:1.58}.world-content ul{margin:0;padding-left:1.1rem;display:grid;gap:8px}.feature-panel,.compare-panel,.next-step{border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(4,31,48,.76),rgba(2,12,22,.8));box-shadow:var(--shadow);padding:28px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{border:1px solid rgba(77,244,255,.18);border-radius:24px;background:rgba(2,14,25,.46);padding:18px}.feature-grid span{color:var(--green);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.feature-grid h3{margin:.45rem 0;color:#eefeff}.feature-grid p{color:var(--muted);line-height:1.55}.compare-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:start}.compare-table{display:grid;border:1px solid rgba(77,244,255,.18);border-radius:24px;overflow:hidden}.compare-table div{display:grid;grid-template-columns:.6fr 1fr 1fr}.compare-table span,.compare-table strong{padding:14px;border-bottom:1px solid rgba(77,244,255,.13);border-right:1px solid rgba(77,244,255,.13);color:#d8eef4}.compare-table div:first-child{background:rgba(77,244,255,.10)}.compare-table div:last-child span{border-bottom:0}.next-step{text-align:center}.to-top{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:999px;border:1px solid var(--line-strong);background:rgba(3,25,39,.82);color:var(--green);font-size:1.2rem;box-shadow:0 0 24px rgba(100,255,189,.18);cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.to-top.visible{opacity:1;pointer-events:auto}.site-footer{width:min(1500px,calc(100% - 20px));margin:30px auto 0;padding:24px;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:20px;border:1px solid var(--line);border-radius:30px 30px 0 0;background:rgba(2,12,22,.84);color:#d7eef3}.site-footer p{color:var(--muted);line-height:1.55}.site-footer nav{display:grid;gap:8px;align-content:start}.site-footer a{color:#c6ecf4}.site-footer a:hover{color:var(--green)}
@media (max-width:1100px){.hero-ocean,.world-card,.world-card.fresh-card,.compare-panel{grid-template-columns:1fr}.world-card.fresh-card .world-image{order:0}.world-image,.world-image img{min-height:auto}.world-image img{aspect-ratio:16/9}.feature-grid,.status-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.site-header{align-items:flex-start}.nav-toggle{display:inline-flex}.main-nav{position:absolute;left:12px;right:12px;top:66px;display:none;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:20px;background:rgba(2,13,22,.96)}.main-nav.open{display:flex}.hero-ocean{padding:14px}.portal-cover{padding:7px;border-radius:22px}.portal-cover img{border-radius:16px}.portal-cover figcaption{position:static;padding:12px 4px 0;display:grid}.world-content{padding:22px}.status-grid,.feature-grid,.site-footer{grid-template-columns:1fr}.compare-table{overflow:auto}.compare-table div{min-width:720px}.page-shell{width:min(100% - 12px,1500px)}h1{font-size:clamp(2.4rem,13vw,4rem)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Aqua Diagnose & Logbuch */
.logbook-hero{grid-template-columns:minmax(440px,1fr) minmax(320px,.55fr)}
.local-note-card{position:relative;z-index:2;align-self:center;border:1px solid rgba(100,255,189,.34);border-radius:30px;background:linear-gradient(135deg,rgba(100,255,189,.12),rgba(77,244,255,.08));padding:28px;box-shadow:0 0 60px rgba(100,255,189,.13),inset 0 0 38px rgba(77,244,255,.04)}
.local-note-card span{display:inline-flex;color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin-bottom:10px}.local-note-card strong{display:block;font-size:1.8rem;color:#efffff}.local-note-card p{color:#c7edf4;line-height:1.65}
.aqua-form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.values-grid{grid-template-columns:repeat(3,1fr)}.field{display:grid;gap:7px;color:var(--muted);font-size:.88rem}.field span{color:#c9eef5}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(77,244,255,.25);border-radius:16px;background:rgba(1,12,22,.58);color:var(--text);padding:.82rem .9rem;outline:none;box-shadow:inset 0 0 18px rgba(77,244,255,.04)}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(100,255,189,.08),inset 0 0 20px rgba(77,244,255,.05)}
.log-actions-card,.email-box{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(77,244,255,.20);border-radius:24px;background:rgba(2,14,25,.52);padding:18px;margin-bottom:16px}.log-actions-card p,.email-box p{color:var(--muted);line-height:1.5;margin:.4rem 0 0}.log-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.email-box{display:grid;grid-template-columns:1fr 1fr;align-items:end}.email-box .hint,.email-box .hero-actions{grid-column:1/-1}.danger-soft{border-color:rgba(255,125,216,.34);color:#ffd7f2}.danger-soft:hover{border-color:rgba(255,125,216,.7);box-shadow:0 0 22px rgba(255,125,216,.16)}
.log-list{display:grid;gap:12px}.log-entry{border:1px solid rgba(77,244,255,.18);border-radius:22px;background:linear-gradient(135deg,rgba(4,31,48,.62),rgba(2,12,22,.72));padding:16px}.log-entry header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.log-entry h3{margin:0;color:#efffff}.log-entry time{color:var(--green);font-size:.85rem}.log-entry dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.log-entry div{border:1px solid rgba(77,244,255,.12);border-radius:14px;padding:10px;background:rgba(1,10,18,.34)}.log-entry dt{color:var(--green);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.log-entry dd{margin:.25rem 0 0;color:#d7f5fb}.log-entry p{color:#c5e7ef;line-height:1.55}.log-entry-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.log-empty{border:1px dashed rgba(77,244,255,.28);border-radius:22px;padding:22px;color:var(--muted);text-align:center;background:rgba(2,14,25,.36)}
.diagnosis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.diagnosis-grid article{border:1px solid rgba(77,244,255,.18);border-radius:24px;background:rgba(2,14,25,.48);padding:18px}.diagnosis-grid span{display:inline-flex;color:var(--green);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.diagnosis-grid h3{margin:.6rem 0 .35rem;color:#efffff}.diagnosis-grid p{color:var(--muted);line-height:1.56}
@media (max-width:1100px){.logbook-hero{grid-template-columns:1fr}.form-grid,.values-grid,.diagnosis-grid{grid-template-columns:repeat(2,1fr)}.email-box{grid-template-columns:1fr}.log-actions-card{display:grid}.log-actions{justify-content:flex-start}.log-entry dl{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.form-grid,.values-grid,.diagnosis-grid,.log-entry dl{grid-template-columns:1fr}.local-note-card{padding:20px}.log-entry header{display:grid}.log-actions{display:grid}.log-actions .btn,.email-box .btn{width:100%}}

/* Unterportal-Cover-Fix · Meerwasser & Süßwasser */
.world-page .site-header{max-width:1580px}
.hero-world{grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);align-items:stretch}
.world-hero-cover{min-height:clamp(390px,42vw,660px);display:grid;align-content:center;background:radial-gradient(circle at 50% 10%,rgba(77,244,255,.22),transparent 44%),linear-gradient(135deg,rgba(2,20,34,.62),rgba(2,10,18,.82));overflow:hidden}
.world-hero-cover img{width:100%;height:100%;max-height:640px;aspect-ratio:16/9;object-fit:contain;background:radial-gradient(circle at 50% 50%,rgba(77,244,255,.09),rgba(1,8,15,.76));padding:4px}
.world-hero-cover:before{content:"";position:absolute;inset:10px;border:1px solid rgba(77,244,255,.16);border-radius:24px;pointer-events:none;z-index:3;box-shadow:inset 0 0 34px rgba(77,244,255,.06)}
.world-hero-cover:after{background:linear-gradient(180deg,transparent 58%,rgba(0,12,22,.72));}
.fresh-cover{background:radial-gradient(circle at 50% 10%,rgba(100,255,189,.22),transparent 44%),linear-gradient(135deg,rgba(3,31,34,.66),rgba(2,10,18,.82))}
.fresh-cover img{background:radial-gradient(circle at 50% 50%,rgba(100,255,189,.09),rgba(1,8,15,.76))}
.world-brief .feature-grid-wide{grid-template-columns:repeat(4,1fr)}
.mini-link{display:inline-flex;margin-top:10px;color:var(--green);font-weight:850;border-bottom:1px solid rgba(100,255,189,.38);width:max-content}.mini-link:hover{color:#efffff;border-color:var(--aqua)}
.timeline-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.timeline-cards article{border:1px solid rgba(77,244,255,.18);border-radius:22px;background:rgba(2,14,25,.52);padding:16px;display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:start}.timeline-cards strong{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;border:1px solid rgba(100,255,189,.34);background:linear-gradient(135deg,rgba(77,244,255,.14),rgba(100,255,189,.10));color:var(--green);font-size:1.15rem}.timeline-cards span{color:#c8eaf1;line-height:1.55}.ocean-info-panel{align-items:stretch}.ocean-info-panel > div:first-child{align-self:center}.world-page .status-grid article{background:linear-gradient(135deg,rgba(4,34,52,.75),rgba(2,12,22,.78))}.world-page .headline-sub{max-width:900px}.world-page .hero-copy{padding:18px 10px}.world-page .site-footer{margin-top:34px}
@media (max-width:1180px){.hero-world{grid-template-columns:1fr}.world-hero-cover{min-height:auto}.world-hero-cover img{height:auto;max-height:none}.world-brief .feature-grid-wide{grid-template-columns:repeat(2,1fr)}.timeline-cards{grid-template-columns:1fr}}
@media (max-width:760px){.world-brief .feature-grid-wide{grid-template-columns:1fr}.timeline-cards article{grid-template-columns:1fr}.world-hero-cover{padding:7px}.world-hero-cover:before{inset:7px}.world-page .hero-copy{padding:8px 2px}.world-page .hero-actions .btn{width:100%}}

/* ===== Aqua Cover Fix v5: Covers komplett sichtbar, keine komischen Zuschnitte ===== */
:root{
  --cover-frame: rgba(2, 18, 31, .92);
}
.portal-cover,
.world-image,
.world-hero-cover{
  background:
    radial-gradient(circle at 50% 50%, rgba(77,244,255,.16), transparent 62%),
    linear-gradient(135deg, rgba(2,18,31,.96), rgba(1,8,16,.98));
}

/* Hauptcover oben: Querformat vollständig zeigen */
.portal-cover{
  padding:12px;
  display:grid;
  gap:10px;
}
.portal-cover img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:contain;
  object-position:center;
  background:var(--cover-frame);
  border:1px solid rgba(77,244,255,.18);
  border-radius:22px;
}
.portal-cover figcaption{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:4;
  padding:0 10px 4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.spotlight-cover:after{
  display:none;
}

/* Weltkarten: Bild nicht mehr beschneiden. Dadurch bleiben Titel/Schrift im Cover sichtbar. */
.world-card,
.world-card.fresh-card{
  grid-template-columns:minmax(500px,1.08fr) minmax(360px,.92fr);
}
.world-card.fresh-card{
  grid-template-columns:minmax(360px,.92fr) minmax(500px,1.08fr);
}
.world-image{
  min-height:0;
  padding:12px;
  display:grid;
  place-items:center;
}
.world-image img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:16/9;
  object-fit:contain;
  object-position:center;
  background:var(--cover-frame);
  border:1px solid rgba(77,244,255,.16);
  border-radius:24px;
  box-shadow:0 18px 64px rgba(0,0,0,.42), 0 0 42px rgba(77,244,255,.10);
}
.world-card:hover .world-image img{
  transform:scale(1.012);
  filter:saturate(1.34) contrast(1.08) brightness(1.08);
}
.world-image:before{
  inset:12px;
  border-radius:24px;
  background:linear-gradient(180deg, transparent 66%, rgba(1,8,16,.40));
}
.fresh-card .world-image:before{
  background:linear-gradient(180deg, transparent 66%, rgba(1,8,16,.40));
}
.cover-badge{
  left:28px;
  top:28px;
}
.cover-glow{
  pointer-events:none;
}

/* Unterportale: großes Cover sauber im Frame anzeigen */
.hero-world{
  grid-template-columns:minmax(390px,.78fr) minmax(620px,1.22fr);
}
.world-hero-cover{
  min-height:0;
  padding:14px;
  display:grid;
  place-items:center;
  align-content:center;
}
.world-hero-cover img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  aspect-ratio:16/9;
  object-fit:contain;
  object-position:center;
  background:var(--cover-frame);
  border:1px solid rgba(77,244,255,.18);
  border-radius:24px;
  padding:0;
  box-shadow:0 18px 70px rgba(0,0,0,.48), 0 0 50px rgba(77,244,255,.12);
}
.world-hero-cover:after{
  display:none;
}

/* Kleine Displays: Cover bleibt sichtbar, aber kompakt */
@media (max-width:1180px){
  .hero-world,
  .world-card,
  .world-card.fresh-card{
    grid-template-columns:1fr;
  }
  .world-card.fresh-card .world-image{order:0}
  .world-image,
  .world-hero-cover{
    padding:10px;
  }
}
@media (max-width:760px){
  .portal-cover,
  .world-image,
  .world-hero-cover{
    padding:7px;
  }
  .portal-cover img,
  .world-image img,
  .world-hero-cover img{
    border-radius:16px;
  }
  .portal-cover figcaption{
    display:grid;
    gap:4px;
    padding:4px 4px 0;
  }
  .cover-badge{
    left:18px;
    top:18px;
    font-size:.72rem;
    padding:.48rem .68rem;
  }
}

/* Aqua Ocean v6 · Welt-Auswahl als Querformat-Cover über dem Text
   Verhindert Hochkant-/Portrait-Wirkung und zeigt die 16:9-Cover vollständig. */
@media (min-width: 980px){
  .world-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
  }
  .world-card,
  .world-card.fresh-card{
    display:flex;
    flex-direction:column;
    grid-template-columns:none !important;
    min-width:0;
  }
  .world-card.fresh-card .world-image{
    order:0;
  }
  .world-image{
    width:100%;
    min-height:0;
    padding:14px 14px 0;
    aspect-ratio:auto;
  }
  .world-image img{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:contain;
    object-position:center;
    max-height:none;
  }
  .world-content{
    flex:1;
    align-content:start;
    padding:24px 28px 30px;
  }
  .world-content h3{
    font-size:clamp(2rem,3vw,3.4rem);
  }
  .world-image:before,
  .fresh-card .world-image:before{
    inset:14px 14px 0;
    background:linear-gradient(180deg,transparent 72%,rgba(1,8,16,.36));
  }
  .cover-badge{
    left:30px;
    top:30px;
  }
}

@media (min-width: 1280px){
  .world-showcase{
    gap:28px;
  }
  .world-card,
  .world-card.fresh-card{
    border-radius:36px;
  }
  .world-image img{
    border-radius:26px;
  }
}



/* ==========================================================
   AQUA OCEAN v8 RESCUE · COVER-HARDLOCK
   Wichtig: Diese Regeln stehen absichtlich GANZ AM ENDE.
   Sie verhindern, dass ältere Cover-Regeln wieder zuschneiden.
   Alle Cover bleiben im 16:9-Querformat vollständig sichtbar.
   ========================================================== */
:root{--aqua-cover-bg:linear-gradient(135deg,rgba(2,13,24,.96),rgba(3,47,64,.72));}

/* Hauptcover im Hero: Querformat, komplett sichtbar */
.portal-cover,
.spotlight-cover,
.world-hero-cover{
  position:relative !important;
  width:100% !important;
  min-height:0 !important;
  padding:14px !important;
  display:grid !important;
  align-items:start !important;
  justify-items:stretch !important;
  background:var(--aqua-cover-bg) !important;
  border:1px solid rgba(77,244,255,.24) !important;
  border-radius:30px !important;
  box-shadow:0 22px 72px rgba(0,0,0,.42), inset 0 0 44px rgba(77,244,255,.07) !important;
  overflow:hidden !important;
}
.portal-cover img,
.spotlight-cover img,
.world-hero-cover img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:16/9 !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:22px !important;
  background:#020b13 !important;
  border:1px solid rgba(77,244,255,.16) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.45), 0 0 44px rgba(77,244,255,.10) !important;
}
.portal-cover:after,
.spotlight-cover:after,
.world-hero-cover:after{display:none !important;}
.portal-cover figcaption,
.spotlight-cover figcaption,
.world-hero-cover figcaption{
  position:relative !important;
  inset:auto !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:10px 6px 0 !important;
  color:#dffbff !important;
  z-index:5 !important;
}
.portal-cover figcaption span,
.spotlight-cover figcaption span,
.world-hero-cover figcaption span{color:var(--muted) !important;}

/* Welt-Auswahl: Bild IMMER über Text, nie seitlich zusammengedrückt */
.world-showcase{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
}
.world-card,
.world-card.fresh-card,
.world-card.ocean-card{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.world-card.fresh-card .world-image{order:0 !important;}
.world-image{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:14px 14px 0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.world-image img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:16/9 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#020b13 !important;
  border-radius:26px !important;
  border:1px solid rgba(77,244,255,.18) !important;
  box-shadow:0 18px 60px rgba(0,0,0,.45), 0 0 46px rgba(77,244,255,.12) !important;
}
.world-image:before,
.fresh-card .world-image:before{
  content:"" !important;
  position:absolute !important;
  inset:14px 14px 0 !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,transparent 74%,rgba(1,8,16,.34)) !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.world-card:hover .world-image img{
  transform:scale(1.008) !important;
  filter:saturate(1.32) contrast(1.06) brightness(1.06) !important;
}
.world-content{
  flex:1 1 auto !important;
  align-content:start !important;
  padding:24px 28px 30px !important;
}
.cover-badge{left:30px !important;top:30px !important;z-index:3 !important;}
.cover-glow{pointer-events:none !important;}

/* Unterportale: Cover darf auf allen Seiten nicht croppen */
.hero-world{
  grid-template-columns:minmax(360px,.82fr) minmax(620px,1.18fr) !important;
}
.world-page .world-hero-cover img{
  object-fit:contain !important;
  aspect-ratio:16/9 !important;
}

@media (max-width:1180px){
  .hero-ocean,.hero-world,.world-showcase{grid-template-columns:1fr !important;}
  .world-card,.world-card.fresh-card,.world-card.ocean-card{display:flex !important;}
}
@media (max-width:760px){
  .portal-cover,.spotlight-cover,.world-hero-cover{padding:8px !important;border-radius:22px !important;}
  .portal-cover img,.spotlight-cover img,.world-hero-cover img,.world-image img{border-radius:16px !important;}
  .portal-cover figcaption,.spotlight-cover figcaption,.world-hero-cover figcaption{display:grid !important;gap:4px !important;}
  .world-showcase{gap:18px !important;}
  .world-image{padding:8px 8px 0 !important;}
  .world-image:before,.fresh-card .world-image:before{inset:8px 8px 0 !important;border-radius:16px !important;}
  .cover-badge{left:18px !important;top:18px !important;font-size:.72rem !important;}
}


/* v13 Ergänzungen – bewusst auf V8 Aqua-Ocean Design abgestimmt */
.section{width:min(1500px,calc(100% - 20px));margin:28px auto;}
.section-title{margin-bottom:18px;}
.section-title h2{font-size:clamp(2rem,4vw,4rem);margin:.2rem 0;}
.section-title p,.muted{color:var(--muted);line-height:1.6;}
.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(4,31,48,.78),rgba(2,12,22,.84));box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:240px;height:240px;background:radial-gradient(circle,rgba(77,244,255,.12),transparent 68%);pointer-events:none}
.tag,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:.5rem .72rem;border:1px solid rgba(100,255,189,.35);border-radius:999px;color:var(--green);background:rgba(3,27,42,.62);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.tag.cyan{color:var(--cyan);border-color:rgba(77,244,255,.35)}
.result{margin:12px 0;padding:13px 15px;border:1px solid rgba(100,255,189,.32);border-radius:18px;background:rgba(100,255,189,.08);color:#e9fff5}.result.warning{border-color:rgba(255,211,108,.42);background:rgba(255,211,108,.08);color:#fff5d0}
.aqua-filter,.form-grid,.profile-create,.profile-row,.export-row,.action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;margin:12px 0}.aqua-filter.one{grid-template-columns:1fr}.export-row,.action-row{display:flex;flex-wrap:wrap}.profile-row{grid-template-columns:1.2fr .55fr .8fr auto auto;border-top:1px solid rgba(77,244,255,.14);padding-top:10px}
input,select,textarea{width:100%;border:1px solid rgba(77,244,255,.25);border-radius:16px;background:rgba(2,14,25,.72);color:#effeff;padding:.82rem .9rem;outline:none;font:inherit}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(100,255,189,.72);box-shadow:0 0 0 3px rgba(100,255,189,.08)}
.btn.ghost,.btn.btn-ghost{background:rgba(2,14,25,.38)}.btn.secondary{background:linear-gradient(135deg,rgba(77,244,255,.14),rgba(100,255,189,.06));color:#dffbff}.btn.danger,.btn.ghost.danger,.btn.ghost.deleteProfileBtn,.btn.ghost.deleteDiaryBtn,.btn.ghost.deleteMeasurementBtn{border-color:rgba(255,107,138,.44);color:#ffd6df}
.db-chart{display:block;width:100%;min-height:320px;border:1px solid rgba(77,244,255,.18);border-radius:22px;background:rgba(1,9,17,.64)}
.species-card .ranges{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.species-card .ranges span{border:1px solid rgba(77,244,255,.15);border-radius:999px;padding:.42rem .62rem;color:#d9f7ff;background:rgba(2,14,25,.5);font-size:.86rem}.compat{margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(77,244,255,.18);background:rgba(1,12,22,.52)}.compat.ok{border-color:rgba(100,255,189,.42)}.compat.warn{border-color:rgba(255,211,108,.42)}.compat.bad{border-color:rgba(255,107,138,.42)}
.measurement-row,.diary-item,.log-entry{border:1px solid rgba(77,244,255,.15);border-radius:20px;background:rgba(2,14,25,.46);padding:15px;margin:10px 0}.measurement-row{display:grid;grid-template-columns:.9fr 1.4fr auto;gap:12px;align-items:center}.diary-form{display:grid;gap:10px}.profile-list{display:grid;gap:8px}.field{display:grid;gap:5px}.local-note{border:1px dashed rgba(100,255,189,.35);border-radius:20px;padding:14px;color:#cdeef5;background:rgba(100,255,189,.06)}
@media(max-width:980px){.grid.two,.grid.three,.aqua-filter,.form-grid,.profile-create,.profile-row,.measurement-row{grid-template-columns:1fr}.export-row,.action-row{display:grid;grid-template-columns:1fr}.section{width:min(100% - 12px,1500px)}}


/* Aqua V14 · Artenlexikon lesbar statt Zahlenwand */
.lexicon-page{display:grid;gap:18px}
.lexicon-title p{max-width:930px}
.lexicon-panel{padding:clamp(18px,2vw,28px)}
.lexicon-panel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.36fr);gap:18px;align-items:start}
.lexicon-panel-head h3{font-size:clamp(1.35rem,2vw,2.2rem);margin:.2rem 0 .35rem;color:#efffff}
.lexicon-status{margin:0;align-self:start}
.lexicon-filterbar{grid-template-columns:1fr 1fr minmax(260px,1.25fr) 1.15fr;gap:12px;margin-top:18px}
.lexicon-filterbar label{display:grid;gap:7px;color:var(--muted);font-size:.84rem;font-weight:800;letter-spacing:.03em}
.lexicon-filterbar label span{text-transform:uppercase;color:rgba(100,255,189,.86);font-size:.72rem;letter-spacing:.12em}
.lexicon-options{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 0}
.lexicon-toggle{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(77,244,255,.22);border-radius:999px;background:rgba(2,14,25,.56);padding:.72rem .92rem;color:#dffbff;font-weight:800;cursor:pointer}
.lexicon-toggle input{width:auto;accent-color:var(--green)}
.lexicon-note{margin-top:14px}
.lexicon-counter{width:min(1500px,100%);justify-self:center;border:1px solid rgba(77,244,255,.18);border-radius:18px;background:rgba(2,14,25,.42);padding:12px 16px;color:var(--muted)}
.lexicon-counter strong{color:var(--green);font-size:1.15rem}.lexicon-empty{grid-column:1/-1;text-align:center;border:1px dashed rgba(77,244,255,.3);border-radius:22px;padding:28px;background:rgba(2,14,25,.36)}
.species-grid-redesign{align-items:stretch}.species-card-v2{display:flex;flex-direction:column;gap:15px;min-height:100%;padding:20px;border-color:rgba(77,244,255,.22);background:linear-gradient(145deg,rgba(5,40,59,.84),rgba(2,12,22,.88));overflow:hidden}.species-card-v2:after{content:"";position:absolute;right:-90px;top:-90px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(77,244,255,.16),transparent 65%);pointer-events:none}.species-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;position:relative;z-index:2}.species-badge{display:inline-flex;width:max-content;max-width:100%;border:1px solid rgba(100,255,189,.35);border-radius:999px;background:rgba(100,255,189,.07);color:var(--green);padding:.42rem .62rem;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.species-card-v2 h3{font-size:clamp(1.25rem,1.7vw,1.75rem);margin:.7rem 0 .2rem;line-height:1.08}.latin{margin:0;color:#a8d2dc}.species-score{white-space:nowrap;border:1px solid rgba(77,244,255,.22);border-radius:16px;padding:.58rem .74rem;background:rgba(2,14,25,.58);font-weight:950;font-size:.82rem}.species-score.ok{border-color:rgba(100,255,189,.58);color:#dffff3;background:rgba(100,255,189,.1)}.species-score.bad{border-color:rgba(255,107,138,.58);color:#ffe1e8;background:rgba(255,107,138,.1)}.species-score.open{border-color:rgba(255,211,108,.55);color:#fff2c4;background:rgba(255,211,108,.09)}.species-score.neutral{color:#cceff6}.species-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.species-meta-row span{border:1px solid rgba(77,244,255,.16);border-radius:16px;background:rgba(1,11,20,.42);padding:11px 12px;color:#e7fbff}.species-meta-row b{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:var(--green);margin-bottom:3px}.species-values-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.value-chip{border:1px solid rgba(77,244,255,.18);border-radius:18px;background:linear-gradient(135deg,rgba(77,244,255,.08),rgba(2,14,25,.48));padding:12px;min-height:82px}.value-chip span{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;color:#9ed4df;font-weight:900}.value-chip strong{display:block;margin:.32rem 0 .16rem;color:#efffff;font-size:1.08rem;line-height:1.15}.value-chip em{display:block;color:#8fb8c2;font-style:normal;font-size:.76rem}.value-chip.max{border-color:rgba(255,229,140,.22);background:linear-gradient(135deg,rgba(255,229,140,.07),rgba(2,14,25,.48))}.species-check{border:1px solid rgba(77,244,255,.18);border-radius:20px;background:rgba(1,10,18,.46);padding:13px}.species-check strong{display:block;color:#efffff;margin-bottom:8px}.species-check ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.species-check li{display:flex;gap:8px;align-items:flex-start;color:#cdeef5;line-height:1.35;font-size:.92rem}.species-check li span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:999px;background:rgba(77,244,255,.1);color:var(--aqua);font-weight:950}.species-check li.ok span{background:rgba(100,255,189,.12);color:var(--green)}.species-check li.bad span{background:rgba(255,107,138,.14);color:#ff9db2}.species-note{margin:auto 0 0;color:#c6e7ef;line-height:1.55;border-top:1px solid rgba(77,244,255,.12);padding-top:12px}.status-ok{border-color:rgba(100,255,189,.36)}.status-bad{border-color:rgba(255,107,138,.36)}.status-open{border-color:rgba(255,211,108,.32)}
@media(max-width:1180px){.lexicon-panel-head,.lexicon-filterbar{grid-template-columns:1fr 1fr}.species-values-v2{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.lexicon-panel-head,.lexicon-filterbar,.species-card-top,.species-meta-row,.species-values-v2{grid-template-columns:1fr}.species-score{width:max-content;max-width:100%}.lexicon-options{display:grid}.lexicon-toggle{border-radius:18px}.species-card-v2{padding:16px}.value-chip{min-height:auto}}


/* Konto/Login-Anzeige */
.auth-mini{display:flex;align-items:center;gap:9px;border:1px solid rgba(126,240,255,.25);background:rgba(3,18,30,.72);box-shadow:0 0 18px rgba(37,226,255,.08);border-radius:999px;padding:8px 12px;margin-left:auto;color:var(--text,#eafff7);font-size:.9rem;white-space:nowrap}
.auth-mini a{color:inherit;text-decoration:none;font-weight:800}.auth-mini .auth-dot{width:10px;height:10px;border-radius:999px;background:#ffd36c;box-shadow:0 0 12px rgba(255,211,108,.7)}
.auth-mini.user .auth-dot{background:#4fff99;box-shadow:0 0 14px rgba(79,255,153,.75)}.auth-mini.guest .auth-dot{background:#49ffe0;box-shadow:0 0 14px rgba(73,255,224,.65)}.auth-mini.admin{border-color:rgba(255,211,108,.6);box-shadow:0 0 20px rgba(255,211,108,.13)}.auth-mini.warn .auth-dot{background:#ff6b8a}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.account-card{border:1px solid rgba(126,240,255,.20);background:linear-gradient(180deg,rgba(5,30,45,.78),rgba(2,10,20,.86));border-radius:24px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.account-card h2{margin-top:0}.account-form{display:grid;gap:12px}.account-form label{display:grid;gap:6px;color:rgba(234,255,247,.72);font-size:.94rem}.account-form input{width:100%;border:1px solid rgba(126,240,255,.25);background:rgba(2,12,22,.85);color:#eafff7;border-radius:14px;padding:13px 14px;outline:none}.account-form input:focus{border-color:rgba(79,255,153,.7);box-shadow:0 0 0 3px rgba(79,255,153,.12)}
.account-status{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(79,255,153,.25);background:rgba(79,255,153,.08);border-radius:22px;padding:18px 20px;margin:18px 0}.account-status strong{font-size:1.2rem}.account-status span{color:rgba(234,255,247,.72)}.account-status.guest{border-color:rgba(73,255,224,.25);background:rgba(73,255,224,.08)}.account-status.admin{border-color:rgba(255,211,108,.45);background:rgba(255,211,108,.10)}
.account-note{border:1px solid rgba(255,211,108,.28);background:rgba(255,211,108,.08);border-radius:20px;padding:16px;color:rgba(234,255,247,.86)}.account-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.result.danger{border-color:rgba(255,107,138,.55);background:rgba(255,107,138,.12)}
@media (max-width:900px){.auth-mini{order:4;width:100%;justify-content:center;margin:10px 0 0}.account-grid{grid-template-columns:1fr}.account-status{align-items:flex-start;flex-direction:column}}

/* V16 · Meerwasser-Mineralien, Technik & Wartung */
.feature-grid-five{grid-template-columns:repeat(5,1fr)}
.mineral-page .hero h1{font-size:clamp(2.5rem,5.4vw,5.8rem)}
.mineral-hero{grid-template-columns:minmax(380px,.88fr) minmax(360px,.62fr)}
.mineral-targets-card{align-self:stretch;display:grid;align-content:center;gap:18px;background:linear-gradient(145deg,rgba(6,44,64,.82),rgba(2,12,22,.88))}
.mineral-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mineral-target-grid span{border:1px solid rgba(77,244,255,.18);border-radius:18px;background:rgba(1,12,22,.52);padding:13px;color:#e7fbff;line-height:1.25}.mineral-target-grid b{display:block;color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;margin-bottom:4px}.mineral-form{display:grid;gap:14px}.mineral-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mineral-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mineral-results.always-grid{width:100%}.mineral-result-card{position:relative;overflow:hidden;border:1px solid rgba(77,244,255,.2);border-radius:24px;background:linear-gradient(145deg,rgba(5,34,50,.80),rgba(2,12,22,.86));padding:18px;box-shadow:0 16px 48px rgba(0,0,0,.22)}.mineral-result-card:after{content:"";position:absolute;right:-50px;top:-50px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(77,244,255,.14),transparent 66%)}.mineral-result-card strong{display:block;font-size:1.15rem;color:#efffff;margin-bottom:4px}.mineral-result-card span{display:inline-flex;border:1px solid rgba(77,244,255,.18);border-radius:999px;background:rgba(77,244,255,.07);padding:.38rem .58rem;color:#d8fbff;font-weight:850;margin:.35rem 0 .65rem}.mineral-result-card p{color:var(--muted);line-height:1.5;margin:.2rem 0 0}.mineral-result-card.ok{border-color:rgba(100,255,189,.38)}.mineral-result-card.ok span{border-color:rgba(100,255,189,.4);background:rgba(100,255,189,.09);color:#dbfff0}.mineral-result-card.warn{border-color:rgba(255,211,108,.38)}.mineral-result-card.warn span{border-color:rgba(255,211,108,.42);background:rgba(255,211,108,.08);color:#fff0c2}.mineral-result-card.bad{border-color:rgba(255,107,138,.46)}.mineral-result-card.bad span{border-color:rgba(255,107,138,.45);background:rgba(255,107,138,.09);color:#ffdbe4}.mineral-result-card.empty{grid-column:1/-1;text-align:center;border-style:dashed}.mineral-summary{grid-column:1/-1;border:1px solid rgba(77,244,255,.22);border-radius:26px;background:linear-gradient(135deg,rgba(77,244,255,.08),rgba(100,255,189,.05));padding:20px;display:grid;gap:8px}.mineral-summary h3{margin:0;color:#efffff}.mineral-summary p{margin:0;color:var(--muted);line-height:1.55}.mineral-summary.ok{border-color:rgba(100,255,189,.4)}.mineral-summary.warn{border-color:rgba(255,211,108,.4)}.mineral-summary.bad{border-color:rgba(255,107,138,.48)}.maintenance-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.maintenance-week article{border:1px solid rgba(77,244,255,.18);border-radius:22px;background:rgba(2,14,25,.52);padding:14px}.maintenance-week strong{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;border:1px solid rgba(100,255,189,.35);color:var(--green);margin-bottom:10px}.maintenance-week span{display:block;color:#ccecf3;line-height:1.45}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.faq-grid details{border:1px solid rgba(77,244,255,.18);border-radius:20px;background:rgba(2,14,25,.52);padding:14px}.faq-grid summary{cursor:pointer;color:#efffff;font-weight:900}.faq-grid p{color:var(--muted);line-height:1.55;margin:.7rem 0 0}.mini-link{display:inline-flex;margin-top:8px;color:var(--green);font-weight:850}
@media(max-width:1180px){.feature-grid-five,.mineral-results,.maintenance-week{grid-template-columns:repeat(2,1fr)}.mineral-hero{grid-template-columns:1fr}.mineral-form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.feature-grid-five,.mineral-results,.maintenance-week,.mineral-target-grid,.mineral-form-grid,.faq-grid{grid-template-columns:1fr}.mineral-result-card,.mineral-summary{padding:16px}.mineral-page .hero-actions .btn{width:100%}}
