/* =========================================================
   Transitional WordPress inner-page compatibility
   Loaded only on non-home static pages.
   ========================================================= */
   Keeps About / Contact / Policy / Agency / Legal pages in
   the same FlyingFish SEO rebrand visual system.
   ========================================================= */
.full{width:100%}
.inner-page{background:#fff}
.inner-header{position:absolute;top:0;left:0;right:0}
.inner-header .nav-wrap>.btn{margin-left:4px}
.inner-header .nav a.active{color:#fff;font-weight:700}
.inner-hero{padding:146px 0 76px;min-height:auto}
.inner-hero .container{max-width:900px}
.inner-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}
.inner-hero p{max-width:740px;margin:0;color:#C9D6E3;font-size:18px;line-height:1.65}
.prose-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:72px;align-items:start}
.prose-main{max-width:720px}
.prose-main h2,.legal-prose h2,.policy-summary h2{font-size:30px;line-height:1.15;letter-spacing:-.035em;margin:0 0 12px}
.prose-main h2:not(:first-child),.legal-prose h2:not(:first-of-type){margin-top:42px}
.prose-main p,.legal-prose p,.policy-summary p{font-size:16px;line-height:1.75;color:var(--muted)}
.prose-main a,.legal-prose a{color:var(--blue);font-weight:700}
.prose-side{position:sticky;top:30px}
.simple-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 36px rgba(11,29,51,.06)}
.simple-card h3{font-size:21px;margin:0 0 14px}
.check-list,.plain-list{list-style:none;margin:0;padding:0}
.check-list{margin-bottom:24px}
.check-list li,.plain-list li{position:relative;padding:9px 0 9px 24px;color:#53667B;font-size:15px;line-height:1.55}
.check-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}
.plain-list li:before{content:"";position:absolute;left:2px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-card{padding:34px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(11,29,51,.04)}
.contact-card h2{font-size:32px;margin:0 0 12px}
.contact-card p{color:var(--muted);font-size:16px}
.contact-email{display:inline-block;margin-top:10px;color:var(--blue);font-size:20px;font-weight:800}
.dark-contact{background:#0B1D33;color:#fff;border-color:#0B1D33;box-shadow:0 18px 50px rgba(11,29,51,.15)}
.dark-contact p{color:#B8C5D1}
.contact-note{margin-top:16px;padding:14px 16px;border-radius:9px;background:#FFF8E8;color:#6E5A24;font-size:13px}
.contact-note code{font-size:12px}
.policy-page{max-width:900px}
.policy-summary{max-width:720px;margin-bottom:32px}
.policy-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.policy-details{margin-top:44px}
.legal-prose{max-width:820px;margin-left:auto;margin-right:auto}
.legal-status{padding:16px 18px;border-left:4px solid var(--blue);background:#F4F8FF;border-radius:8px;color:#53667B!important;margin:0 0 34px!important}
.agency-page-layout{align-items:start}
.agency-mix-card{background:linear-gradient(145deg,#F4F8FF,#EEF4FB)}
.mix-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.mix-row:last-of-type{margin-bottom:20px}
.mix-row strong{color:var(--blue)}
.steps-grid.four{grid-template-columns:repeat(4,1fr)}
.steps-grid.four .step-card{min-height:205px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 10px 35px rgba(11,29,51,.06)}
.steps-grid.four .step-card>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:22px;border-radius:9px;background:#EEF4FF;color:var(--blue);font-size:12px;font-weight:800}
.steps-grid.four .step-card h3{font-size:20px;margin:0 0 8px}
.steps-grid.four .step-card p{font-size:14px;color:var(--muted);margin:0}
.error-page{min-height:72vh;display:flex;align-items:center}
.error-page .container{max-width:760px}
.error-actions{justify-content:center}

/* Small polish for real WordPress routes while preserving rebrand layout. */
.site-footer .footer-bottom a{color:inherit}
.site-footer .footer-bottom a:hover{color:#D4DDE6}

@media (max-width:900px){
  .prose-layout,.contact-grid,.policy-page-grid{grid-template-columns:1fr}
  .prose-side{position:static}
  .steps-grid.four{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .inner-hero{padding:120px 0 58px}
  .inner-hero h1{font-size:40px}
  .inner-hero p{font-size:16px}
  .contact-card{padding:24px}
  .simple-card{padding:22px}
  .steps-grid.four{grid-template-columns:1fr}
}

