.fk-embed,.fk-host{--black: #ffffff; --white: #0d1f1f; --yellow: #44a5eb; --yellow2: #178080; --muted: #4a7a7a;}
.fk-embed{font-family: var(--font-dm-sans-opsz), sans-serif; 
      background: var(--black); 
      color: #333; 
      line-height: 1.7; 
      padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 4vw, 6%); 
      max-width: 800px; 
      margin: 0 auto;}
:is(.fk-embed,.fk-host) h1{font-family: var(--font-bebas), sans-serif; font-size: clamp(2.2rem, 5cqw, 3rem); margin-bottom: 2rem; color: var(--white);}
:is(.fk-embed,.fk-host) h2{font-family: var(--font-bebas), sans-serif; font-size: clamp(1.5rem, 3cqw, 1.8rem); margin-top: 2.5rem; margin-bottom: 1rem; color: var(--yellow2);}
:is(.fk-embed,.fk-host) h3{font-size: 1.1rem; margin-top: 1.5rem; color: var(--white);}
:is(.fk-embed,.fk-host) p{margin-bottom: 1rem; font-size: 0.95rem;}
:is(.fk-embed,.fk-host) strong{color: #000;}
:is(.fk-embed,.fk-host) .legal-block,:is(.fk-embed,.fk-host) .contact-box{background: #fdfdfd; 
      padding: clamp(1.2rem, 3cqw, 2rem); 
      border-left: 4px solid var(--yellow); 
      margin-bottom: 2rem; 
      border-radius: 4px;}
:is(.fk-embed,.fk-host) a{color: var(--yellow); text-decoration: none; word-break: break-all;}
:is(.fk-embed,.fk-host) a:hover{text-decoration: underline;}
:is(.fk-embed,.fk-host) .back-btn{display: inline-block; 
      margin-top: 2rem; 
      padding: 0.8rem 1.5rem; 
      background: var(--white); 
      color: #fff; 
      text-decoration: none; 
      font-weight: 600; 
      border-radius: 4px; 
      text-align: center;}
@container fk (max-width: 600px){
:is(.fk-embed,.fk-host) h1{font-size: 2rem;}
}
@media (max-width: 662px){
.fk-embed{padding: 1.5rem;}
}
