/* insolvencyapi.com: the small pages (Terms, Privacy, Refunds, Support, Licences), from the approved previews. */
  /* ---------- shared: small pages ---------- */
  .sm-hero { position: relative; background: radial-gradient(900px 480px at 80% 30%, #1C2D44 0%, #13202F 60%, #0F1A28 100%); color: var(--on-ink); overflow: hidden; border-bottom: 1px solid rgba(184,137,62,.35); }
  .sm-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(233,228,216,.08) 1px, transparent 1.2px); background-size: 18px 18px; mask-image: radial-gradient(600px 360px at 80% 40%, #000 20%, transparent 75%); -webkit-mask-image: radial-gradient(600px 360px at 80% 40%, #000 20%, transparent 75%); pointer-events: none; }
  .sm-hero .in { position: relative; max-width: 1240px; margin: 0 auto; padding: 52px 24px 44px; }
  .sm-hero .crumbs { font-size: 12.5px; color: var(--on-ink-dim); display: flex; gap: 8px; margin-bottom: 20px; } .sm-hero .crumbs a:hover { color: #F2EEE5; }
  .sm-hero h1 { font-size: 13px; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: var(--brass); margin-bottom: 14px; }
  .sm-hero .ttl { display: block; font-size: 42px; font-weight: 300; letter-spacing: -.025em; line-height: 1.1; color: #F2EEE5; max-width: 820px; }
  .sm-hero .ttl em { font-style: normal; color: var(--brass); }
  .sm-hero p.sub { margin-top: 14px; font-size: 15.5px; color: var(--on-ink-dim); max-width: 680px; line-height: 1.6; }
  .sm-hero .meta { margin-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; }
  .sm-hero .meta span { display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 12px; border: 1px solid #2B3D55; border-radius: 15px; font-size: 12.5px; color: #C9CFDA; }
  .sm-body { background: var(--paper); }
  .sm-body .in { max-width: 1240px; margin: 0 auto; padding: 40px 24px 72px; }
  .card7 { background: #FBF9F4; border: 1px solid #E3DDCF; border-radius: var(--r); }
  
  
  
    
  
  
  
  
  .lnk { color: #8A6328; border-bottom: 1px solid rgba(184,137,62,.35); }
  /* ---------- sign up and sign in ---------- */
  
  
  
  
  
   
    
   
  
     
  @keyframes au-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
  
  
   
  
  
  
  
  
  
  
  
  /* ---------- support ---------- */
  
  
  .spg { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 32px; align-items: start; }
    
   
  
  
  
  .sside { position: sticky; top: 120px; display: grid; gap: 16px; }
  .sside .card7 { padding: 20px; } .sside h4 { font-weight: 400; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: #8A6328; margin-bottom: 12px; }
  .sside p { font-size: 13.5px; color: #4A5565; line-height: 1.55; }
  .sside .kv3 { list-style: none; display: grid; gap: 10px; font-size: 13px; color: #4A5565; }
  .sside .kv3 li { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px dashed #E3DDCF; padding-bottom: 8px; } .sside .kv3 li:last-child { border: 0; padding: 0; }
  .sside .kv3 li span:last-child { color: var(--ink); text-align: right; }
  .sside .live2 { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #2F6F57; } .sside .live2 i { width: 8px; height: 8px; border-radius: 50%; background: #3F8A6E; box-shadow: 0 0 0 4px rgba(63,138,110,.15); }
  
  
  
  
  
   
  
  
   
   
  
  
  
   
  @media (max-width: 980px) {
    .spg { grid-template-columns: minmax(0, 1fr); } .sside { position: static; }
         
  }
  .rfg { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 32px; align-items: start; }
  .rh { font-weight: 300; font-size: 22px; color: var(--ink); margin: 6px 0 14px; }
  .steps6 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 28px; }
  .steps6 div { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 16px; border: 1px solid #E3DDCF; border-radius: var(--r); background: #FBF9F4; }
  .steps6 b { font: 300 20px/1.1 'IBM Plex Sans', sans-serif; color: var(--brass); } .steps6 span { font-size: 14px; color: var(--ink); } .steps6 small { display: block; margin-top: 4px; font-size: 12.5px; color: #5B6473; line-height: 1.5; }
  @media (max-width: 980px) { .rfg, .steps6 { grid-template-columns: minmax(0, 1fr); } }
  /* ---------- licences and legal ---------- */
  .lg { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 40px; align-items: start; }
  .lgnav { position: sticky; top: 120px; display: grid; gap: 2px; }
  .lgnav h5 { font-weight: 400; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8A6328; margin: 0 0 8px 10px; }
  .lgnav button { display: flex; align-items: center; gap: 10px; height: 34px; padding: 0 10px; border: 0; border-radius: 8px; background: none; text-align: left; font: 13.5px 'IBM Plex Sans', sans-serif; color: #4A5565; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .lgnav button .n2 { font: 11px 'IBM Plex Mono', monospace; color: #A9A397; width: 18px; flex: none; }
  .lgnav button:hover { background: #EEE9DE; color: var(--ink); } .lgnav button.on { background: #E8E2D4; color: var(--ink); } .lgnav button.on .n2 { color: #8A6328; }
  .lgnav .alt { margin-top: 16px; padding-top: 14px; border-top: 1px solid #E3DDCF; display: grid; gap: 2px; }
  .lgnav .alt a { display: flex; align-items: center; height: 32px; padding: 0 10px; border-radius: 8px; font-size: 13px; color: #5B6473; } .lgnav .alt a:hover { background: #EEE9DE; color: var(--ink); }
  .lgdoc { max-width: 800px; }
  .lgsec { padding: 30px 0; border-top: 1px solid #E3DDCF; scroll-margin-top: 120px; } .lgsec:first-child { border-top: 0; padding-top: 0; }
  .lgsec h2 { font-weight: 300; font-size: 23px; letter-spacing: -.01em; color: var(--ink); display: flex; gap: 14px; align-items: baseline; }
  .lgsec h2 span { font: 13px 'IBM Plex Mono', monospace; color: #B8893E; }
  .lgsec p, .lgsec li { font-size: 14.5px; color: #4A5565; line-height: 1.7; } .lgsec p { margin-top: 10px; }
  .lgsec ul { margin-top: 10px; padding-left: 18px; display: grid; gap: 6px; } .lgsec li::marker { color: #B8893E; }
  .lgsec a { color: #8A6328; border-bottom: 1px solid rgba(184,137,62,.35); }
  .lgsum { padding: 22px 24px; margin-bottom: 30px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
  .lgsum div { display: grid; gap: 4px; } .lgsum b { font-weight: 400; font-size: 14.5px; color: var(--ink); } .lgsum span { font-size: 13px; color: #5B6473; line-height: 1.5; }
  .opbox { margin-top: 14px; padding: 16px 18px; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 8px 16px; font-size: 13.5px; color: #4A5565; }
  .opbox span:nth-child(odd) { color: #7A8394; }
  .lictab { overflow: hidden; }
  .lic-h, .lic-r { display: grid; grid-template-columns: 150px minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 18px; padding: 0 20px; align-items: start; }
  .lic-h { height: 44px; align-items: center; background: #EEE9DE; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #7A8394; }
  .lic-r { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #E3DDCF; font-size: 13.5px; color: #4A5565; line-height: 1.55; }
  .lic-r .c4 { display: flex; align-items: center; gap: 10px; color: var(--ink); } .lic-r .c4 .cc { font: 11px 'IBM Plex Mono', monospace; color: #8A6328; width: 22px; flex: none; }
  .lic-r .pub { color: var(--ink); }
  .lic-r .lc { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border-radius: 12px; background: rgba(63,138,110,.1); color: #2F6F57; font-size: 12px; line-height: 1.4; }
   .lic-r .lc.pn { background: #ECE8DF; color: #5B6473; }
  .lic-r small { display: block; margin-top: 6px; font-size: 12px; color: #7A8394; }
  .lfil { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
  .lfil button { height: 34px; padding: 0 14px; border: 1px solid #DCD6C8; border-radius: 17px; background: #FBF9F4; font: 13px 'IBM Plex Sans', sans-serif; color: #4A5565; cursor: pointer; white-space: nowrap; }
  .lfil button.on { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
  .lfil button .n { margin-left: 6px; font-size: 11.5px; color: #8A93A3; } .lfil button.on .n { color: var(--brass); }
  @media (max-width: 980px) {
    .lg { grid-template-columns: minmax(0, 1fr); } .lgnav { display: none; } .lgsum { grid-template-columns: minmax(0, 1fr); } .sm-hero .ttl { font-size: 32px; }
    .lic-h { display: none; } .lic-r { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 16px; } .opbox { grid-template-columns: minmax(0, 1fr); gap: 2px; } .opbox span:nth-child(even) { margin-bottom: 8px; }
  }
  /* the real pages: cookie names, the kit's box, small spacing the previews set inline */
  .lgsec b.ck { font-weight: 400; color: var(--ink); font-family: 'IBM Plex Mono', monospace; font-size: 13px; }
  .kitbox { min-width: 0; } .card7.kitbox { padding: 22px; }
  .kitwait { font-size: 14px; color: #4A5565; line-height: 1.6; }
  .rsum { margin-bottom: 22px; } .sside .kv3.kv3b { gap: 12px; } .sside .kv3.kv3b li { display: block; }
  .sp2 { margin-top: 10px; } .sside .live2.late { color: #8A6328; } .sside .live2.late i { background: #C98A3A; box-shadow: 0 0 0 4px rgba(201,138,58,.15); }
  .licq { margin-top: 18px; font-size: 13px; color: #7A8394; line-height: 1.6; }