/* GeräteSymbole: Premium UI upgrade, layered on top of core layout.
   Fully local/system fonts; no third-party tracking, fonts or CSS libraries. */
:root {
  --max: 1240px;
  --ink: #102839;
  --sub: #4e6673;
  --navy: #0d2b3c;
  --navy2: #12384a;
  --paper: #ffffff;
  --cream: #fbfaf6;
  --border: #e0e9e5;
  --shadow: 0 24px 66px rgba(16, 43, 54, .075);
}
html { scroll-padding-top: 115px; }
body { background: #fdfcf9; }
::selection { background:#c0ead8; color:#12394b; }
.utility-strip { background: #102c3d; color: #d7e8e7; }
.utility-inner { min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:16px; font-size:.71rem; letter-spacing:.012em; }
.utility-inner span,.utility-inner a { display:inline-flex;align-items:center;gap:8px; }
.utility-inner svg { color:#8cdfc1; }
.utility-inner a { color:#c7dfdd; font-weight:600; }
.utility-inner a:hover { color:#fff;text-decoration:underline;text-underline-offset:3px; }
.site-header { box-shadow:0 8px 30px rgba(10,46,61,.035); height:78px; }
.nav-wrap { gap:18px; }
.brand { font-size:1.31rem; }
.brand-mark { border-radius:13px; width:42px;height:42px; background:linear-gradient(145deg,#0c2b3d,#205666); color:#b4f0cf;box-shadow:0 6px 15px rgba(11,48,65,.12); }
.desktop-nav { gap:3px; }
.navlink { border:0; background:transparent;display:inline-flex;gap:6px;align-items:center;justify-content:center;font-weight:660;font-size:.86rem;border-radius:11px; padding:11px 12px; white-space:nowrap; }
.navlink:hover,.navlink.is-current {background:#edf6f1;color:#0c5046;}
.nav-dropdown {position:relative;}
.nav-dropdown-trigger svg {transition:transform .22s;}
.nav-dropdown-trigger[aria-expanded="true"] svg {transform:rotate(180deg);}
.mega-menu {position:absolute;top:calc(100% + 17px);right:-165px;width:min(570px,calc(100vw - 42px));background:#fff;border:1px solid #e1ece7;border-radius:20px;box-shadow:0 30px 75px rgba(10,43,59,.17);padding:19px;z-index:45;}
.mega-menu[hidden] {display:none!important;}
.mega-menu::before{content:"";position:absolute;top:-15px;height:15px;left:0;right:0;}
.mega-intro {display:flex;flex-direction:column;gap:1px;padding:3px 6px 15px;border-bottom:1px solid #e6efec;margin-bottom:13px;}
.mega-intro strong {color:#16374a;font-size:1rem;}
.mega-intro small {color:#69818c;font-size:.8rem;}
.mega-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.mega-card {display:flex;gap:11px;align-items:center;padding:13px 12px;border-radius:13px;min-width:0;border:1px solid transparent;transition:background .16s,border-color .16s;}
.mega-card:hover,.mega-card:focus-visible,.mega-card.is-current {background:#f3f8f5;border-color:#e3eeea;}
.mega-card>span:nth-child(2) {min-width:0;display:flex;flex-direction:column;}
.mega-card strong {font-size:.84rem;line-height:1.35;color:#15384a;}
.mega-card small {font-size:.71rem;color:#73858c;}
.mega-card > svg:last-child{color:#78918e;margin-left:auto;flex-shrink:0;}
.mega-icon {width:42px;height:42px;display:grid;place-items:center;border-radius:12px;flex-shrink:0;}
.nav-actions {gap:10px;}
.nav-cta {display:inline-flex;align-items:center;gap:10px;background:#0e3044;color:#fff;border:1px solid #0e3044;border-radius:11px;min-height:42px;padding:0 17px;font-size:.82rem;font-weight:760;white-space:nowrap;box-shadow:0 8px 18px rgba(14,48,68,.13);}
.nav-cta:hover {background:#185367;border-color:#185367;}
.mobile-nav {box-shadow:0 30px 55px rgba(11,43,60,.16);}
.mobile-nav[hidden] {display:none!important;}
.mobile-nav-inner {max-width:800px;margin:0 auto;display:grid;gap:3px;}
.mobile-nav-caption{font-size:.7rem;color:#648177;font-weight:850;letter-spacing:.13em;padding:12px 16px 4px;}
.mobile-nav a {display:flex;gap:12px;align-items:center;justify-content:flex-start;}
.mobile-nav a svg:last-child:not(:first-child) {margin-left:auto;}
.mobile-category-link svg:first-child {color:#24836f;}
.hero {background: radial-gradient(ellipse at 86% 22%,rgba(193,238,218,.6) 0,transparent 45%),linear-gradient(125deg,#f8fbf8 0%,#faf9f4 100%);}
.hero-layout {min-height:618px;padding-top:72px;padding-bottom:95px;}
.hero-tag {letter-spacing:.12em;font-weight:800;color:#136b5b;}
.hero h1 {color:#102b3c;letter-spacing:-.072em;line-height:1.05;font-size:clamp(3rem,5.6vw,5.75rem);}
.hero h1 em {color:#278e76;}
.hero-lead {max-width:580px;font-size:1.105rem;line-height:1.78;}
.hero-buttons {gap:12px;}
.btn {border-radius:12px;min-height:51px;}
.btn-primary {background:#102f42;box-shadow:0 14px 25px rgba(18,49,66,.14);}
.btn-primary:hover {background:#1b5263;}
.hero-quicklinks {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;}
.hero-quicklinks>span {font-size:.75rem;color:#738b88;font-weight:670;margin-right:3px;}
.hero-quicklinks a {font-size:.745rem;border:1px solid #d9e6dd;padding:5px 11px;background:rgba(255,255,255,.72);border-radius:999px;color:#325e58;font-weight:650;}
.hero-quicklinks a:hover {background:#e1f2e8;border-color:#a5d7c1;}
.hero-trust {margin-top:22px;}
.hero-visual {filter:drop-shadow(0 20px 28px rgba(12,43,54,.06));}
.visual-panel {border:1px solid rgba(255,255,255,.18);}
.visual-answer {border:1px solid #e2eee6;}
.finder-section {background:#fdfcf9;padding-top:62px;}
.section-heading {margin-bottom:36px;}
.section-heading .eyebrow {font-size:.7rem;}
.section-heading p {font-size:1.01rem;}
.finder {border:1px solid #dfeae5;box-shadow:0 20px 55px rgba(20,52,62,.05);border-radius:23px;background:#fff;overflow:hidden;}
.filter-chip {transition:background .15s,border-color .15s;color:#3c6271;}
.filter-chip:focus-visible,.symbol-tile:focus-visible {outline:3px solid #4eaf96;outline-offset:2px;}
.symbol-tile {border-radius:15px;}
.symbol-tile.is-selected {box-shadow:inset 0 0 0 2px #80cbb1;}
.show-more-symbols {width:100%;margin-top:16px;}
.finder-detail {background:linear-gradient(170deg,#f4faf6,#ffffff);}
.finder-disclaimer {background:#f8faf8;}
.category-card {box-shadow:0 8px 23px rgba(10,42,59,.025);transition:border-color .16s,transform .18s,box-shadow .18s;}
.category-card:hover {box-shadow:0 17px 38px rgba(10,42,59,.095);}
.guide-card {box-shadow:0 8px 24px rgba(14,49,65,.022);}
.guide-card:hover {box-shadow:0 16px 35px rgba(14,49,65,.08);}
.section-inline-action {display:flex;justify-content:center;margin-top:28px;}
.section-inline-action a {display:inline-flex;align-items:center;gap:9px;color:#126755;font-size:.88rem;font-weight:760;padding:11px 16px;border-radius:999px;border:1px solid #cfebe0;background:#f1faf4;}
.section-inline-action a:hover {background:#dff4e8;}
/* Dedicated finder landing */
.tool-hero {background:radial-gradient(ellipse at 90% 5%,#dceddf,transparent 56%),#f5faf5;}
.tool-hero .simple-lead,.directory-hero .simple-lead {max-width:720px;}
.tool-main {padding:53px 0 95px;}
.tool-main .finder {max-width:1200px;margin:auto;}
.link-directory {padding-top:87px;}
.quick-topic-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.quick-topic {background:#fff;border:1px solid #e0ebe7;border-radius:16px;display:flex;align-items:center;gap:13px;min-height:82px;padding:16px;color:#1d4254;transition:background .15s,border-color .15s;}
.quick-topic:hover {background:#eef8f1;border-color:#b6dfcc;}
.quick-topic>svg:first-child {flex-shrink:0;color:#2d9a7c;}
.quick-topic span {font-weight:720;font-size:.85rem;line-height:1.4;flex:1;}
.quick-topic>svg:last-child {flex-shrink:0;color:#809790;}
/* All-guides directory */
.directory-hero {background:radial-gradient(ellipse at 85% 2%,#ecf6eb,transparent 55%),#f7f9f7;}
.directory-main {padding-top:58px;}
.directory-controls {background:#fff;border:1px solid #e2ebe7;padding:24px;border-radius:20px;margin-bottom:49px;box-shadow:0 15px 38px rgba(11,43,60,.04);}
.directory-search {max-width:720px;margin-bottom:18px;}
.directory-result {margin:15px 0 0;font-size:.82rem;color:#607d7c;font-weight:720;}
.guide-directory-section {margin-bottom:64px;scroll-margin-top:120px;}
.guide-directory-section[hidden],.guide-card[hidden] {display:none!important;}
.guide-directory-head {display:flex;align-items:center;gap:17px;margin-bottom:25px;}
.guide-directory-head .category-hero-icon {height:57px;width:57px;border-radius:18px;}
.guide-directory-head h2 {font-size:1.57rem;margin:0 0 5px;}
.guide-directory-head p {font-size:.87rem;margin:0;}
.guide-directory-head a {margin-left:auto;color:#14705b;font-size:.79rem;font-weight:750;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;}
.guide-directory-section .guides-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.category-directory-shortcut {display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px;}
.category-directory-shortcut a {display:inline-flex;align-items:center;gap:10px;font-size:.84rem;font-weight:740;background:#f3faf7;color:#1e7464;border:1px solid #daefe5;border-radius:11px;padding:12px 17px;}
.category-directory-shortcut a:hover {background:#e2f4e9;}
/* Article reading / trust */
.article-head {max-width:850px;}
.article-head h1 {line-height:1.1;letter-spacing:-.06em;}
.article-top {background:linear-gradient(135deg,#f7faf7,#fafaf7);}
.article-section-wrap {background:#fff;}
.article-body {max-width:100%;}
.article-body h2 {letter-spacing:-.035em;}
.article-section[id] {scroll-margin-top:118px;}
.article-meta {flex-wrap:wrap;}
.quick-answer {box-shadow:0 13px 30px rgba(20,64,53,.045);}
.sticky-aside {top:116px;}
.toc a {padding:5px 0;}
.toc a:hover {color:#16816a;}
.mobile-toc {display:none;background:#f6faf7;border:1px solid #d9e8df;border-radius:15px;padding:13px 18px;margin:0 0 35px;}
.mobile-toc summary {display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;font-weight:780;color:#153c4c;}
.mobile-toc summary::-webkit-details-marker {display:none;}
.mobile-toc[open] summary svg {transform:rotate(180deg);}
.mobile-toc a {display:block;border-top:1px solid #e0eae4;padding:9px 0;font-size:.85rem;color:#305b61;}
.mobile-toc summary + a {margin-top:14px;}
.editor-note {font-size:.75rem;}
/* Footer */
.footer {background:#102d3d;color:#cfdfdf;}
.footer .brand {color:#f2fbf5;}
.footer .brand-dot {color:#8fe0ba;}
.footer p {color:#b8ced1;}
.footer h3 {color:#f8faf8;}
.footer a {color:#d8e7e6;}
.footer a:hover {color:#fff;}
.footer-bottom {border-top-color:#305267;color:#a9bfc4;}
/* Extra care for keyboard and touch navigation */
.navlink:focus-visible,.nav-cta:focus-visible,.mega-card:focus-visible,.mobile-nav a:focus-visible,.quick-topic:focus-visible {outline:3px solid #33ab8e;outline-offset:3px;}
[hidden] {display:none!important;}
@media(max-width:1120px) {
  .navlink {padding:10px 8px;font-size:.79rem;}
  .nav-cta {padding:0 12px;}
  .nav-wrap {gap:10px;}
  .brand {font-size:1.18rem;gap:8px;}
}
@media(max-width:920px) {
  .desktop-nav {display:none;}
  .site-header {height:72px;}
  .menu-toggle {display:grid;}
  .mobile-nav {display:block;position:absolute;top:72px;left:0;right:0;max-height:calc(100vh - 103px);overflow:auto;background:#fff;border-bottom:1px solid #e0eae4;padding:14px 18px 20px;}
  .mobile-nav-inner a {font-size:.91rem;min-height:46px;padding:12px 15px;border-radius:11px;color:#20485b;font-weight:690;}
  .mobile-nav-inner a:hover {background:#f2f9f4;}
  .nav-cta {margin-left:auto;}
  .guide-directory-section .guides-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .quick-topic-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .article-aside {display:none;}
  .article-layout {grid-template-columns:minmax(0,1fr);}
  .mobile-toc {display:block;}
}
@media(max-width:760px) {
  html {scroll-padding-top:88px;}
  .utility-inner {min-height:32px;font-size:.64rem;}
  .utility-inner a {display:none;}
  .hero-layout {padding-top:46px;padding-bottom:64px;}
  .hero h1 {font-size:clamp(2.65rem,9vw,4.4rem);line-height:1.07;}
  .hero-lead {font-size:.98rem;}
  .hero-quicklinks {margin-top:20px;}
  .hero-quicklinks a {font-size:.71rem;}
  .finder-section {padding-top:30px;}
  .finder {border-radius:18px;}
  .section-heading h2 {line-height:1.13;}
  .tool-main {padding:28px 0 70px;}
  .link-directory {padding-top:62px;}
  .guide-directory-head {align-items:start;gap:12px;flex-wrap:wrap;}
  .guide-directory-head h2 {font-size:1.35rem;}
  .guide-directory-head p {max-width:450px;}
  .guide-directory-head a {margin-left:68px;}
  .directory-controls {padding:17px;}
  .guide-directory-section .guides-grid {grid-template-columns:1fr;}
  .quick-topic-grid {grid-template-columns:1fr;}
  .quick-topic {min-height:67px;}
  .category-directory-shortcut {margin-bottom:24px;}
  .footer {padding-top:55px;}
}
@media(max-width:470px) {
  .brand {font-size:1.12rem;}
  .brand-mark {width:37px;height:37px;}
  .nav-cta {width:42px;height:42px;min-height:42px;padding:0;justify-content:center;}
  .nav-cta span {display:none;}
  .menu-toggle {width:42px;height:42px;}
  .mobile-nav {padding:12px 12px 18px;}
  .hero-quicklinks {gap:6px;}
  .hero-quicklinks>span {width:100%;}
  .guide-directory-head a {margin-left:0;width:100%;}
  .tool-hero h1,.directory-hero h1 {font-size:2.65rem;}
  .symbol-tile {min-height:130px;}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after{transition:none!important;animation:none!important;}
}