/*
Theme Name: Werbung OnlyFans
Theme URI: https://werbung-onlyfans.com/
Author: Famez
Description: Eigenes leichtes WordPress-Theme für Werbung-OnlyFans.com.
Version: 1.0.8
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: werbung-onlyfans
*/

    :root{
      --blue:#00aff0;
      --blue-dark:#0089bf;
      --blue-soft:#ebf9fe;
      --cyan:#68d8ff;
      --ink:#1b2738;
      --muted:#667587;
      --line:#dce8ef;
      --page:#f6fbfd;
      --card:#ffffff;
      --green:#28b878;
      --yellow:#ffcf5a;
      --shadow:0 18px 56px rgba(30,70,96,.09);
      --radius:28px;
      --max:1180px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 0 0,rgba(0,175,240,.08),transparent 25%),
        linear-gradient(180deg,#fff 0,#f8fcfe 44%,#f4fafc 100%);
      line-height:1.65;
    }

    a{color:inherit}
    .wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}

    .topbar{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.94);
      border-bottom:1px solid rgba(220,232,239,.9);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
    }

    .nav{
      min-height:72px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:11px;
      text-decoration:none;
      font-weight:900;
      letter-spacing:-.035em;
    }

    .mark{
      width:42px;height:42px;border-radius:15px;
      display:grid;place-items:center;
      background:linear-gradient(145deg,var(--blue),var(--cyan));
      color:#fff;font-weight:950;
      box-shadow:0 10px 24px rgba(0,175,240,.20);
    }

    .brand small{
      display:block;
      font-size:.62rem;
      color:#8a97a7;
      text-transform:uppercase;
      letter-spacing:.12em;
      margin-top:1px;
    }

    .navlinks{display:flex;align-items:center;gap:5px}
    .navlinks a{
      text-decoration:none;
      color:#536274;
      padding:9px 12px;
      border-radius:999px;
      font-size:.88rem;
    }
    .navlinks a:hover{background:var(--blue-soft);color:var(--blue-dark)}
    .navlinks .nav-cta{
      background:var(--blue);
      color:#fff;
      font-weight:850;
      margin-left:5px;
      padding:10px 15px;
    }

    .hero{
      padding:72px 0 46px;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:52px;
      align-items:center;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:var(--blue-soft);
      color:var(--blue-dark);
      padding:7px 11px;
      border-radius:999px;
      font-size:.74rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.1em;
      margin-bottom:18px;
    }

    .eyebrow i{
      width:8px;height:8px;border-radius:50%;
      background:var(--green);
      box-shadow:0 0 0 4px rgba(40,184,120,.12);
    }

    h1{
      margin:0;
      font-size:clamp(3rem,6.6vw,5.8rem);
      line-height:.97;
      letter-spacing:-.06em;
      max-width:850px;
    }

    h1 span{display:block;color:var(--blue)}

    .lead{
      margin:24px 0 0;
      max-width:760px;
      color:var(--muted);
      font-size:clamp(1.04rem,1.5vw,1.2rem);
      line-height:1.75;
    }

    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:11px;
      margin-top:28px;
    }

    .btn{
      min-height:50px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:9px;
      border-radius:14px;
      padding:0 19px;
      text-decoration:none;
      font-weight:850;
      border:1px solid transparent;
      transition:.2s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(0,175,240,.19)}
    .btn-primary:hover{background:var(--blue-dark)}
    .btn-light{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:0 8px 24px rgba(44,78,102,.05)}

    .hero-side{
      position:relative;
      min-height:470px;
      border-radius:34px;
      border:1px solid #d8edf6;
      background:
        radial-gradient(circle at 15% 0,rgba(255,255,255,.95),transparent 34%),
        linear-gradient(145deg,#dff6ff,#f4fbfe 55%,#eef8fc);
      padding:24px;
      overflow:hidden;
      box-shadow:var(--shadow);
    }

    .dashboard{
      position:relative;
      z-index:2;
      margin-top:20px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:24px;
      padding:22px;
      box-shadow:0 22px 52px rgba(44,82,106,.12);
    }

    .dash-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      margin-bottom:18px;
    }

    .dash-head strong{font-size:1.02rem}
    .online{
      background:#ebfaf3;color:#267f5a;
      padding:6px 9px;border-radius:999px;
      font-size:.65rem;text-transform:uppercase;
      font-weight:900;letter-spacing:.08em;
    }

    .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .metric{
      border:1px solid #e5eef3;
      border-radius:16px;
      padding:14px;
      background:#fff;
    }
    .metric small{display:block;color:#8a97a6;font-size:.68rem;margin-bottom:5px}
    .metric strong{font-size:1.1rem}
    .metric span{display:block;color:var(--blue-dark);font-size:.7rem;margin-top:3px;font-weight:750}

    .funnel{
      display:grid;
      gap:8px;
      margin-top:12px;
    }
    .funnel-row{
      display:flex;
      justify-content:space-between;
      gap:15px;
      padding:11px 12px;
      border-radius:13px;
      background:#f7fbfd;
      font-size:.78rem;
      color:#5b6a7b;
    }
    .funnel-row b{color:var(--blue-dark)}

    .tag{
      position:absolute;
      z-index:3;
      bottom:22px;
      right:20px;
      background:#fff;
      border:1px solid var(--line);
      border-radius:15px;
      padding:10px 13px;
      box-shadow:0 14px 30px rgba(45,78,101,.10);
      font-size:.74rem;
      color:#536275;
      font-weight:850;
    }

    section{padding:70px 0}

    .section-head{
      display:grid;
      grid-template-columns:.82fr 1.18fr;
      gap:50px;
      align-items:end;
      margin-bottom:30px;
    }

    .kicker{
      color:var(--blue-dark);
      text-transform:uppercase;
      font-size:.73rem;
      letter-spacing:.12em;
      font-weight:900;
    }

    h2{
      margin:8px 0 0;
      font-size:clamp(2.05rem,4.2vw,3.7rem);
      line-height:1.04;
      letter-spacing:-.05em;
    }

    .section-head p{
      margin:0;
      color:var(--muted);
      line-height:1.78;
    }

    .cards4{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }

    .info{
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      padding:23px;
      box-shadow:0 10px 28px rgba(43,78,101,.04);
    }
    .info-num{
      width:43px;height:43px;border-radius:13px;
      display:grid;place-items:center;
      background:var(--blue-soft);
      color:var(--blue-dark);
      font-weight:950;
      margin-bottom:23px;
    }
    .info h3{margin:0 0 8px;font-size:1.06rem}
    .info p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}

    .content{
      max-width:960px;
      margin:0 auto;
      background:#fff;
      border:1px solid var(--line);
      border-radius:28px;
      padding:clamp(24px,5vw,46px);
      box-shadow:0 12px 34px rgba(42,73,94,.05);
    }
    .content h2{margin-bottom:18px}
    .content h3{
      font-size:1.34rem;
      letter-spacing:-.025em;
      margin:30px 0 10px;
    }
    .content p{
      color:var(--muted);
      line-height:1.82;
      margin:0 0 16px;
    }
    .content ul,.content ol{
      color:var(--muted);
      padding-left:22px;
    }
    .content li{margin-bottom:9px;line-height:1.7}
    .content strong{color:#3b4c60}

    .blue-band{
      background:linear-gradient(180deg,#effaff,#f7fcff);
      border-top:1px solid #d7edf6;
      border-bottom:1px solid #d7edf6;
    }

    .mix-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:15px;
    }
    .mix-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:24px;
      padding:26px;
    }
    .mix-card h3{margin:0 0 9px;font-size:1.15rem}
    .mix-card p{color:var(--muted);font-size:.9rem;line-height:1.7}
    .mix-card ul{padding-left:19px;color:var(--muted);font-size:.88rem}
    .mix-card li{margin-bottom:8px}

    .featured-shell{
      background:#fff;
      border:1px solid var(--line);
      border-radius:28px;
      padding:clamp(22px,4vw,38px);
      box-shadow:var(--shadow);
    }
    .embed-head{
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
      align-items:end;
      margin-bottom:20px;
    }
    .embed-head p{margin:0;color:var(--muted);max-width:630px}
    .featured-placement{min-height:170px}

    .steps{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:10px;
      counter-reset:steps;
    }
    .step{
      position:relative;
      background:#fff;
      border:1px solid var(--line);
      border-radius:20px;
      padding:22px;
      min-height:180px;
    }
    .step::before{
      counter-increment:steps;
      content:counter(steps, decimal-leading-zero);
      display:block;
      color:var(--blue-dark);
      font-weight:950;
      font-size:.8rem;
      margin-bottom:28px;
    }
    .step h3{font-size:.98rem;margin:0 0 7px}
    .step p{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0}

    .faq{
      max-width:930px;margin:0 auto;
    }
    details{
      background:#fff;
      border:1px solid var(--line);
      border-radius:18px;
      padding:0 20px;
      margin-bottom:10px;
    }
    summary{
      cursor:pointer;
      list-style:none;
      padding:18px 34px 18px 0;
      font-weight:850;
      position:relative;
    }
    summary::-webkit-details-marker{display:none}
    summary::after{
      content:"+";
      position:absolute;
      right:0;top:14px;
      color:var(--blue-dark);
      font-size:1.35rem;
    }
    details[open] summary::after{content:"–"}
    details p{margin:0 0 18px;color:var(--muted);line-height:1.75}

    .cta-panel{
      text-align:center;
      background:#fff;
      border:1px solid var(--line);
      border-radius:32px;
      padding:clamp(32px,5vw,62px);
      box-shadow:var(--shadow);
    }
    .cta-panel h2{max-width:800px;margin:8px auto 14px}
    .cta-panel p{max-width:730px;margin:0 auto;color:var(--muted)}
    .cta-panel .actions{justify-content:center}

    footer{
      margin-top:60px;
      border-top:1px solid var(--line);
      background:#fff;
      padding:34px 0 46px;
      color:#7c8998;
      font-size:.82rem;
    }
    .footer-grid{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:24px;
      flex-wrap:wrap;
    }
    .footer-links{display:flex;gap:14px;flex-wrap:wrap}
    .footer-links a{text-decoration:none;color:#617083}
    .footer-links a:hover{color:var(--blue-dark)}
    .disclaimer{margin-top:18px;max-width:900px;font-size:.74rem;line-height:1.6}

    @media(max-width:980px){
      .hero-grid,.section-head{grid-template-columns:1fr}
      .cards4{grid-template-columns:repeat(2,1fr)}
      .mix-grid{grid-template-columns:1fr}
      .steps{grid-template-columns:repeat(2,1fr)}
      .hero-side{max-width:680px;width:100%;margin:0 auto}
      .navlinks a:not(.nav-cta){display:none}
    }
    @media(max-width:640px){
      .wrap{width:min(calc(100% - 22px),var(--max))}
      .nav{min-height:66px}
      .brand small{display:none}
      .navlinks .nav-cta{font-size:.76rem;padding:9px 11px}
      .hero{padding-top:42px}
      h1{font-size:clamp(2.6rem,15vw,4.3rem)}
      .actions{display:grid}
      .btn{width:100%}
      .cards4,.steps{grid-template-columns:1fr}
      .hero-side{min-height:auto;padding:16px;border-radius:26px}
      .tag{display:none}
      section{padding:54px 0}
      .content,.featured-shell,.cta-panel{border-radius:23px}
    }
  
/* WordPress Relaunch additions */
:root{--wof-header:78px}
body.admin-bar .site-header{top:32px}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.site-nav{min-height:78px;display:flex;align-items:center;gap:24px;justify-content:space-between}.site-logo img{display:block;width:auto;height:48px;max-width:340px}.site-menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.site-menu a{display:block;padding:9px 10px;border-radius:999px;text-decoration:none;color:#536274;font-size:.87rem;font-weight:700}.site-menu a:hover,.site-menu .current-menu-item>a{background:var(--blue-soft);color:var(--blue-dark)}.site-menu .menu-cta>a{background:var(--blue);color:#fff;padding:10px 15px}.menu-toggle{display:none;border:0;background:var(--blue-soft);color:var(--blue-dark);border-radius:12px;padding:10px 12px;font-weight:850}
.page-hero{padding:68px 0 34px}.page-hero h1{font-size:clamp(2.7rem,5vw,5rem);max-width:980px}.page-hero p{max-width:820px;color:var(--muted);font-size:1.12rem}.breadcrumbs{font-size:.84rem;color:var(--muted);padding-top:22px}.breadcrumbs a{color:var(--blue-dark);text-decoration:none}.entry-content{width:min(calc(100% - 32px),920px);margin:0 auto;padding:28px 0 72px}.entry-content h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:58px 0 18px}.entry-content h3{font-size:1.4rem;margin-top:36px}.entry-content p,.entry-content li{font-size:1.04rem;color:#526274}.entry-content a{color:var(--blue-dark)}.callout,.guide-card,.stat-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.callout{margin:32px 0;background:linear-gradient(135deg,var(--blue-soft),#fff)}.callout h3{margin-top:0}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.guide-grid{width:min(calc(100% - 32px),var(--max));margin:0 auto 72px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card h2{font-size:1.45rem;line-height:1.15;letter-spacing:-.03em}.guide-card p{color:var(--muted)}.guide-meta{font-size:.78rem;color:#8a97a7;text-transform:uppercase;letter-spacing:.08em}.guide-card a{color:inherit;text-decoration:none}.site-footer{background:#fff;border-top:1px solid var(--line);padding:54px 0 28px}.footer-main{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.footer-brand img{height:44px;width:auto;max-width:280px}.footer-col h3{font-size:.93rem;margin:0 0 12px}.footer-col a{display:block;text-decoration:none;color:var(--muted);padding:4px 0;font-size:.9rem}.footer-legal{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:.78rem;color:#8491a0}.footer-legal a{color:inherit}.wof-placement-wrap{min-height:120px}.wof-notice{padding:18px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);background:#fff}.toc{border:1px solid var(--line);border-radius:22px;padding:20px 22px;background:#fff;margin:28px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;padding:4px 0;text-decoration:none}.faq-list details{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px;margin:10px 0}.faq-list summary{font-weight:850;cursor:pointer}.faq-list p{margin-bottom:0}.wof-table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff}.wof-table th,.wof-table td{border:1px solid var(--line);padding:12px;text-align:left}.wof-table th{background:var(--blue-soft)}
@media(max-width:980px){.site-menu{display:none;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}.site-menu.open{display:block}.site-menu a{padding:12px}.menu-toggle{display:block}.hero-grid,.section-head,.footer-main{grid-template-columns:1fr}.page-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.site-logo img{height:42px;max-width:250px}}
@media(max-width:640px){body.admin-bar .site-header{top:46px}.page-grid,.guide-grid{grid-template-columns:1fr}.site-logo img{height:38px;max-width:220px}.hero{padding-top:48px}.footer-main{grid-template-columns:1fr}.entry-content{padding-top:12px}.page-hero{padding-top:44px}}


/* 1.0.1 visual corrections */
.site-nav{min-height:84px}
.site-logo{display:flex;align-items:center;flex:0 0 auto}
.site-logo img,.site-logo .custom-logo{height:58px;width:auto;max-width:190px;object-fit:contain}
.site-menu{list-style:none;margin:0;padding:0}
.site-menu>li{list-style:none;margin:0;padding:0}
.site-menu>li::marker{content:""}
.site-menu .menu-cta>a{box-shadow:0 10px 24px rgba(0,175,240,.16)}
.content{max-width:1040px}
.featured-shell{max-width:1180px;margin-inline:auto}
.featured-placement .wof-placement-wrap{min-height:170px;width:100%;overflow:hidden}
@media(max-width:980px){
  .site-nav{min-height:76px}
  .site-logo img,.site-logo .custom-logo{height:50px;max-width:165px}
  .site-menu{margin:0;padding:12px;list-style:none}
}
@media(max-width:640px){
  .site-logo img,.site-logo .custom-logo{height:44px;max-width:150px}
}

/* 1.0.2 final visual system */
:root{
  --max:1240px;
  --shadow-soft:0 14px 38px rgba(30,70,96,.07);
  --shadow-card:0 10px 26px rgba(30,70,96,.055);
}

/* Header: calmer, larger brand, clearer CTA */
.site-header{box-shadow:0 1px 0 rgba(27,39,56,.025)}
.site-nav{min-height:88px;gap:34px}
.site-logo{min-width:208px}
.site-logo img,.site-logo .custom-logo{height:64px;max-width:220px}
.site-menu{gap:5px;flex-wrap:nowrap;margin-left:auto}
.site-menu a{padding:10px 12px;font-size:.86rem;letter-spacing:-.01em;white-space:nowrap}
.site-menu .menu-cta>a,
.site-menu>a.nav-cta{padding:12px 18px;background:var(--blue);color:#fff;box-shadow:0 10px 26px rgba(0,175,240,.20)}
.site-menu .menu-cta>a:hover,
.site-menu>a.nav-cta:hover{background:var(--blue-dark);color:#fff}

/* More consistent vertical rhythm */
.hero{padding:76px 0 64px}
section{padding:82px 0}
section + section{scroll-margin-top:100px}
.section-head{margin-bottom:36px;gap:64px;align-items:center}
.section-head p{font-size:1.01rem;max-width:660px}
.blue-band{padding-top:86px;padding-bottom:86px}

/* Hero polish */
.hero-grid{grid-template-columns:1.04fr .96fr;gap:64px}
.hero-side{min-height:445px;padding:28px;border-radius:32px;box-shadow:0 20px 58px rgba(30,70,96,.08)}
.dashboard{margin-top:12px;padding:24px}
.tag{bottom:24px;right:24px}

/* Harmonized cards */
.cards4,.mix-grid,.steps{align-items:stretch}
.info,.mix-card,.step,.stat-card,.guide-card{box-shadow:var(--shadow-card)}
.info{display:flex;flex-direction:column;min-height:238px;padding:26px}
.info h3{margin-top:auto}
.mix-grid{gap:18px}
.mix-card{min-height:284px;padding:28px}
.steps{gap:14px}
.step{min-height:190px;padding:24px}

/* Reading modules */
.content{max-width:1040px;padding:clamp(32px,4.5vw,52px);box-shadow:var(--shadow-soft)}
.content h2{max-width:900px}
.content p{font-size:1rem}
.content ul{margin-top:18px;margin-bottom:8px}

/* Featured creators: five balanced cards on desktop */
.featured-shell{max-width:1240px;padding:34px 36px 38px;box-shadow:var(--shadow-soft)}
.embed-head{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:52px;margin-bottom:28px}
.embed-head p{max-width:none}
.featured-placement{min-height:250px;width:100%;overflow:visible}
.featured-placement .wof-placement-wrap{min-height:250px;width:100%;overflow:visible}
.featured-placement [data-famez-placement="featured"]{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.featured-placement [data-famez-placement="featured"] > *{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
}

/* FAQ and CTA */
.faq{max-width:1040px}
.faq details{border-radius:16px;margin-bottom:12px;box-shadow:0 7px 20px rgba(30,70,96,.035)}
.faq summary{padding:20px 40px 20px 2px}
.cta-panel{max-width:1100px;margin-inline:auto;padding:clamp(40px,5vw,66px)}

/* Footer becomes a deliberate final section */
.site-footer{margin-top:24px;padding:64px 0 30px}
.footer-main{grid-template-columns:1.55fr .85fr .95fr .9fr;gap:48px;align-items:start}
.footer-brand img{height:58px;max-width:210px;margin-bottom:12px}
.footer-brand p{max-width:330px;line-height:1.7}
.footer-col h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.07em;color:#35485b;margin-bottom:14px}
.footer-col a{padding:5px 0;font-size:.9rem}
.footer-legal{margin-top:42px;padding-top:24px;line-height:1.65}

/* Inner pages */
.page-hero{padding:72px 0 42px}
.entry-content{width:min(calc(100% - 32px),980px);padding-bottom:84px}
.page-grid{gap:16px}

@media(max-width:1120px){
  .site-menu{display:none;position:absolute;left:16px;right:16px;top:80px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:var(--shadow)}
  .site-menu.open{display:block}
  .site-menu li,.site-menu a{display:block;width:100%}
  .site-menu .menu-cta>a,.site-menu>a.nav-cta{margin-top:5px;text-align:center}
  .menu-toggle{display:block}
  .featured-placement [data-famez-placement="featured"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-main{grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
}
@media(max-width:980px){
  .site-nav{min-height:78px}
  .site-logo{min-width:0}
  .site-logo img,.site-logo .custom-logo{height:54px;max-width:185px}
  .hero-grid,.section-head,.embed-head{grid-template-columns:1fr;gap:28px}
  section{padding:68px 0}
  .blue-band{padding-top:70px;padding-bottom:70px}
  .footer-main{grid-template-columns:1fr 1fr;gap:34px}
}
@media(max-width:720px){
  .featured-placement [data-famez-placement="featured"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .featured-shell{padding:26px 22px 28px}
}
@media(max-width:640px){
  .site-nav{min-height:72px}
  .site-logo img,.site-logo .custom-logo{height:48px;max-width:165px}
  .hero{padding:48px 0 42px}
  section{padding:56px 0}
  .content{padding:28px 22px}
  .footer-main{grid-template-columns:1fr}
  .footer-brand img{height:52px}
}
@media(max-width:460px){
  .featured-placement [data-famez-placement="featured"]{grid-template-columns:1fr!important}
}


/* 1.0.3 placement DOM adapter + final visual corrections */
.featured-shell{
  width:100%;
  max-width:1180px;
  padding:38px 40px 42px;
}
.featured-placement,
.featured-placement .wof-placement-wrap,
.featured-placement [data-famez-placement="featured"]{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
/* The Famez loader may inject an extra wrapper. Do not force the host itself into a 5-column grid. */
.featured-placement [data-famez-placement="featured"]{
  display:block!important;
  overflow:visible!important;
}
.featured-placement .wof-famez-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.featured-placement .wof-famez-grid > .wof-famez-card{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:initial!important;
  flex-basis:auto!important;
  margin:0!important;
  height:100%!important;
}
.featured-placement .wof-famez-card img{
  max-width:100%!important;
  height:auto;
}
.featured-placement .wof-famez-card *{
  max-width:100%;
}
.embed-head{
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:64px;
  align-items:center;
}
.embed-head h2{max-width:610px}
.embed-head p{max-width:520px;justify-self:end}

@media(max-width:1120px){
  .featured-placement .wof-famez-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .featured-shell{padding:28px 24px 30px}
  .embed-head{grid-template-columns:1fr;gap:18px}
  .embed-head p{justify-self:start;max-width:none}
  .featured-placement .wof-famez-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:500px){
  .featured-placement .wof-famez-grid{grid-template-columns:1fr!important}
}


/* 1.0.4 final polish: tighter rhythm + calmer finish */
.hero{padding:72px 0 56px}
section{padding:70px 0}
.blue-band{padding-top:74px;padding-bottom:74px}
.section-head{margin-bottom:32px}
.content{padding:clamp(30px,4vw,48px)}
.featured-shell{padding:34px 38px 36px}
.cta-panel{padding:clamp(36px,4.5vw,58px)}
main > section:last-of-type{padding-top:58px;padding-bottom:50px}
.site-footer{margin-top:10px;padding:54px 0 28px}
.footer-main{gap:42px}
.footer-legal{margin-top:34px;padding-top:20px}
@media(max-width:980px){
  .hero{padding:58px 0 48px}
  section{padding:60px 0}
  .blue-band{padding-top:62px;padding-bottom:62px}
}
@media(max-width:640px){
  .hero{padding:44px 0 38px}
  section{padding:50px 0}
  main > section:last-of-type{padding-top:46px;padding-bottom:42px}
  .site-footer{padding-top:46px}
}

/* 1.0.5 inner-page system */
.page-hero-v2{padding:64px 0 52px;background:linear-gradient(180deg,#f2fbff 0%,#fff 100%);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:70px;align-items:end}
.page-hero-v2 h1{max-width:880px;margin:.3rem 0 1rem;font-size:clamp(2.6rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}
.page-lead{max-width:760px;font-size:1.12rem;line-height:1.75;color:var(--muted);margin:0}
.page-quickbox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-card)}
.page-quickbox strong{display:block;margin-bottom:10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#3c5266}
.page-quickbox a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #edf3f6;font-weight:700;color:var(--text);text-decoration:none}
.page-quickbox a:first-of-type{border-top:0}
.page-quickbox a:hover{color:var(--blue)}
.inner-content-section{padding:62px 0 68px}
.entry-content-v2{width:min(calc(100% - 32px),1040px);margin-inline:auto;padding:clamp(34px,4.5vw,58px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft)}
.entry-content-v2 > :first-child{margin-top:0}
.entry-content-v2 h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:2.2rem 0 .8rem;letter-spacing:-.035em;line-height:1.1}
.entry-content-v2 h3{font-size:1.2rem;margin:1.7rem 0 .55rem}
.entry-content-v2 p,.entry-content-v2 li{font-size:1rem;line-height:1.8;color:var(--muted)}
.entry-content-v2 a:not(.btn){color:#008fc7;text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content-v2 .page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 34px}
.entry-content-v2 .stat-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fafdff}
.entry-content-v2 .callout{margin:34px 0 0;padding:30px;border-radius:22px;background:var(--blue-soft);border:1px solid #d7eef8}
.wof-table{width:100%;border-collapse:separate;border-spacing:0;margin:22px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.wof-table th,.wof-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.wof-table th{background:#f3f9fc;color:var(--text)}
.wof-table tr:last-child td{border-bottom:0}
.inner-related-section{padding:58px 0 74px;background:#eef9fe;border-top:1px solid #dceef6}
.inner-related-section h2{max-width:700px;margin:.35rem 0 28px;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.05em}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-card{display:flex;flex-direction:column;min-height:210px;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--text);text-decoration:none;box-shadow:var(--shadow-card);transition:.18s ease}
.related-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(30,70,96,.09)}
.related-card span{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;color:var(--blue-dark);font-weight:800}
.related-card strong{font-size:1.35rem;line-height:1.15;margin:18px 0 auto;letter-spacing:-.025em}
.related-card small{margin-top:22px;color:var(--muted);font-size:.9rem}
@media(max-width:900px){.page-hero-grid{grid-template-columns:1fr;gap:28px}.page-quickbox{max-width:560px}.related-grid{grid-template-columns:1fr}.entry-content-v2 .page-grid{grid-template-columns:1fr}}
@media(max-width:640px){.page-hero-v2{padding:46px 0 38px}.page-hero-v2 h1{font-size:clamp(2.35rem,13vw,3.9rem)}.inner-content-section{padding:42px 0 50px}.entry-content-v2{padding:28px 22px;border-radius:22px}.inner-related-section{padding:46px 0 56px}}


/* 1.0.7 guides + inner-page finalization */
.guide-archive-hero{padding:68px 0 46px;background:linear-gradient(180deg,#eefaff 0%,#fff 100%);border-bottom:1px solid var(--line)}
.guide-archive-hero h1{max-width:900px;margin:.25rem 0 1rem;font-size:clamp(3rem,6vw,5.6rem);line-height:.94;letter-spacing:-.06em}
.guide-archive-hero p{max-width:760px;font-size:1.08rem;color:var(--muted);line-height:1.75}
.guide-hub{padding:58px 0 78px}
.guide-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card-v2{display:flex;flex-direction:column;min-height:320px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-card);transition:.18s ease}
.guide-card-v2:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(30,70,96,.1)}
.guide-card-v2 .guide-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--blue-dark)}
.guide-card-v2 h2{font-size:1.55rem;line-height:1.1;letter-spacing:-.035em;margin:18px 0 12px}
.guide-card-v2 h2 a{color:var(--text);text-decoration:none}
.guide-card-v2 p{color:var(--muted);line-height:1.7;margin:0 0 20px}
.guide-card-v2 .guide-card-foot{margin-top:auto;padding-top:18px;border-top:1px solid #edf3f6;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.86rem;color:var(--muted)}
.guide-card-v2 .guide-card-foot a{font-weight:800;color:var(--blue-dark);text-decoration:none}
.guide-single-hero{padding:66px 0 46px;background:linear-gradient(180deg,#eefaff 0%,#fff 100%);border-bottom:1px solid var(--line)}
.guide-single-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:64px;align-items:end}
.guide-single-hero h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:.96;letter-spacing:-.055em;margin:.35rem 0 1rem;max-width:900px}
.guide-single-hero .page-lead{max-width:800px}
.guide-meta-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-card)}
.guide-meta-box div{padding:10px 0;border-top:1px solid #edf3f6;color:var(--muted);font-size:.9rem}
.guide-meta-box div:first-child{border-top:0;padding-top:0}.guide-meta-box strong{display:block;color:var(--text);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}
.guide-content-wrap{padding:56px 0 72px}
.guide-content-v2{width:min(calc(100% - 32px),920px);margin-inline:auto;padding:clamp(34px,4.5vw,58px);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft)}
.guide-content-v2 h2{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.1;letter-spacing:-.035em;margin:2.2rem 0 .75rem}
.guide-content-v2 h3{font-size:1.22rem;margin:1.65rem 0 .5rem}.guide-content-v2 p,.guide-content-v2 li{color:var(--muted);font-size:1rem;line-height:1.82}
.guide-content-v2 .toc{display:grid;gap:5px;padding:24px;margin:0 0 32px;background:#f4fbfe;border:1px solid #dceef6;border-radius:20px}.guide-content-v2 .toc strong{margin-bottom:8px}.guide-content-v2 .toc a{color:var(--blue-dark);font-weight:700;text-decoration:none;padding:4px 0}
.guide-end-cta{margin-top:36px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#e9f9ff,#f8fdff);border:1px solid #d6edf7}.guide-end-cta h3{margin-top:0;font-size:1.5rem}
.guide-related{padding:58px 0 74px;background:#eef9fe;border-top:1px solid #dceef6}
@media(max-width:920px){.guide-grid-v2{grid-template-columns:1fr 1fr}.guide-single-grid{grid-template-columns:1fr;gap:28px}.guide-meta-box{max-width:560px}}
@media(max-width:640px){.guide-grid-v2{grid-template-columns:1fr}.guide-archive-hero,.guide-single-hero{padding:48px 0 38px}.guide-hub{padding:42px 0 56px}.guide-content-wrap{padding:42px 0 54px}.guide-content-v2{padding:28px 22px;border-radius:22px}}