/* =========================================================
   privacy.css — Legal page styling (Datenschutz)
   Requires: base.css + components.css + home.css
   ========================================================= */

   main.section.compact{
    padding-top: 120px;
  }
  
  main h2{
    letter-spacing: -0.02em;
  }
  main h3{
    margin-top: 18px;
  }
  
  main p,
  main li{
    color: rgba(8,19,15,.78);
    line-height: 1.75;
  }
  
  main a{
    color: rgba(8,19,15,.92);
    text-decoration: none;
    border-bottom: 1px solid rgba(22,193,114,.35);
  }
  main a:hover{
    border-bottom-color: rgba(22,193,114,.70);
  }
  
  .hint{
    border-radius: 18px;
    border: 1px solid rgba(22,193,114,.22);
    background: rgba(22,193,114,.08);
    padding: 14px;
    color: rgba(8,19,15,.78);
    line-height: 1.65;
  }
  .hint code{
    padding: 2px 6px;
    border-radius: 8px;
    background: rgba(255,255,255,.70);
    border: 1px solid rgba(8,19,15,.08);
  }
  
  .footer-brand{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
  }
  .footer-logo{
    display:block;
    height: 46px;
    width:auto;
    max-width: 240px;
    filter: drop-shadow(0 14px 35px rgba(0,0,0,.10)) drop-shadow(0 14px 35px rgba(22,193,114,.10));
  }
  
  @media (max-width: 720px){
    main.section.compact{
      padding-top: 104px;
    }
    .panel.pad-lg{ padding: 24px; }
  }