
/* Force imported pages into one genuinely wide content column. */
body.gcip-full-width-page #secondary,
body.gcip-full-width-page aside.sidebar,
body.gcip-full-width-page .sidebar.widget-area,
body.gcip-full-width-page .content-sidebar-wrap > aside,
body.gcip-full-width-page .site-content > aside {
  display:none!important;
}

/* GeneratePress and similar themes often limit #page, .inside-article and
 * Group inner containers separately. Override every layer only on imported
 * GCIP pages, leaving the rest of the site untouched. */
body.gcip-full-width-page #page.site,
body.gcip-full-width-page #page.site.grid-container {
  width:calc(100% - clamp(20px,4vw,64px))!important;
  max-width:1400px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.gcip-full-width-page .site-content,
body.gcip-full-width-page #content.site-content,
body.gcip-full-width-page .content-area,
body.gcip-full-width-page #primary,
body.gcip-full-width-page .site-main,
body.gcip-full-width-page article,
body.gcip-full-width-page .inside-article,
body.gcip-full-width-page .entry-header,
body.gcip-full-width-page .entry-content,
body.gcip-full-width-page .entry-content-wrap,
body.gcip-full-width-page .single-content {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  float:none!important;
  grid-column:1 / -1!important;
}
body.gcip-full-width-page .site-content,
body.gcip-full-width-page #content.site-content {
  display:block!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.gcip-full-width-page .inside-article {
  padding:clamp(20px,3vw,44px)!important;
}
body.gcip-full-width-page .entry-content .alignfull,
body.gcip-full-width-page .entry-content .alignwide,
body.gcip-full-width-page .entry-content > .alignfull,
body.gcip-full-width-page .entry-content > .alignwide {
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.gcip-full-width-page .site-main .wp-block-group__inner-container,
body.gcip-full-width-page .entry-content .wp-block-group__inner-container,
body.gcip-full-width-page .gcip-simple-post > .wp-block-group__inner-container {
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}
body.gcip-full-width-page .gcip-simple-post {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.gcip-full-width-page .gcip-simple-post > * {
  max-width:100%!important;
}

.gcip-simple-post{
  --gcip-navy:#081426;
  --gcip-navy-2:#122744;
  --gcip-blue:#0f84dc;
  --gcip-gold:#ffb313;
  --gcip-gold-2:#ffcf42;
  --gcip-green:#19a65a;
  --gcip-text:#172033;
  --gcip-muted:#5b6678;
  --gcip-line:#d9dfeb;
  --gcip-soft:#f6f8fc;
  --gcip-heading-start:#081426;
  --gcip-heading-end:#122744;
  --gcip-heading-accent:#ffb313;
  --gcip-heading-text:#ffffff;
  --gcip-button-primary:#081426;
  --gcip-button-secondary:#19a65a;
  --gcip-button-text:#ffffff;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:var(--gcip-text);
  box-shadow:none!important;
}

.entry-content>.wp-block-group.gcip-simple-post,
.single-content>.wp-block-group.gcip-simple-post{
  margin-left:0!important;
  margin-right:0!important;
}

.gcip-simple-post p,
.gcip-simple-post li{
  font-size:17px;
  line-height:1.75;
}

.gcip-simple-post a{word-break:break-word}

/* One background hero, not a separate banner plus intro box. */
.gcip-background-hero{
  position:relative;
  width:100%;
  min-height:480px!important;
  margin:0 0 30px!important;
  padding:34px 24px!important;
  overflow:hidden;
  border:1px solid var(--gcip-heading-accent);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(8,20,38,.22);
}
.gcip-background-hero .wp-block-cover__background{
  background:linear-gradient(180deg,rgba(4,10,23,.64),rgba(4,10,23,.82))!important;
}
.gcip-background-hero .wp-block-cover__image-background{
  object-position:center center;
}
.gcip-background-hero .wp-block-cover__inner-container{
  width:min(760px,100%);
  margin:0 auto;
  text-align:center;
}
.gcip-hero-app-icon{
  width:132px;
  max-width:132px;
  margin:0 auto 16px!important;
}
.gcip-hero-app-icon img{
  display:block;
  width:132px;
  height:132px;
  object-fit:cover;
  border:3px solid var(--gcip-heading-accent);
  border-radius:25px;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.gcip-hero-copy{
  margin:0 auto 22px!important;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(7,17,34,.72);
  color:#fff!important;
  font-size:17px!important;
  font-weight:650;
  line-height:1.65!important;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.gcip-hero-actions{
  display:flex!important;
  justify-content:center!important;
  gap:14px;
  margin:0!important;
}
.gcip-hero-actions .wp-block-button{
  min-width:220px;
}
.gcip-hero-actions .wp-block-button__link{
  width:100%;
  padding:14px 24px;
  border:2px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:var(--gcip-button-text)!important;
  background:var(--gcip-button-primary)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.28);
  font-size:17px;
  font-weight:800;
  text-decoration:none!important;
}
.gcip-hero-actions .wp-block-button:nth-child(2) .wp-block-button__link{
  color:var(--gcip-button-text)!important;
  background:var(--gcip-button-secondary)!important;
}
.gcip-hero-actions .wp-block-button__link:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
}

.gcip-app-table{
  margin:0 0 34px!important;
  overflow:hidden;
  border:2px solid var(--gcip-heading-start);
  border-radius:8px;
  background:#fff;
}
.gcip-app-table table{
  width:100%;
  margin:0;
  border-collapse:collapse;
}
.gcip-app-table td,
.gcip-app-table th{
  padding:14px 16px;
  border:0;
  border-right:1px solid var(--gcip-heading-start);
  border-bottom:1px solid var(--gcip-heading-start);
  text-align:left;
  vertical-align:top;
}
.gcip-app-table tr:last-child td,
.gcip-app-table tr:last-child th{border-bottom:0}
.gcip-app-table td:last-child,
.gcip-app-table th:last-child{border-right:0}
.gcip-app-table td:first-child,
.gcip-app-table th:first-child{
  width:39%;
  font-weight:800;
  color:var(--gcip-heading-start);
}
.gcip-app-table tr:nth-child(even){background:var(--gcip-soft)}

.gcip-section-bar,
.gcip-simple-post h2.gcip-section-bar{
  display:block;
  width:100%;
  box-sizing:border-box;
  margin:44px 0 20px!important;
  padding:13px 18px!important;
  border-left:6px solid var(--gcip-heading-accent);
  border-radius:4px;
  background:linear-gradient(90deg,var(--gcip-heading-start),var(--gcip-heading-end))!important;
  color:var(--gcip-heading-text)!important;
  font-size:clamp(24px,3vw,34px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center;
}
.gcip-simple-post h3{
  margin:29px 0 10px;
  color:var(--gcip-heading-start);
  font-size:clamp(21px,2.2vw,28px);
  line-height:1.35;
}

.gcip-simple-toc{
  margin:30px 0 34px!important;
  padding:20px 24px;
  border:1px solid var(--gcip-line);
  border-left:5px solid var(--gcip-heading-accent);
  border-radius:9px;
  background:var(--gcip-soft);
}
.gcip-simple-toc .gcip-toc-title{
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--gcip-heading-start)!important;
  font-size:24px!important;
  text-align:left;
}
.gcip-simple-toc ul{
  margin:0;
  columns:2;
  column-gap:36px;
}
.gcip-simple-toc li{
  margin:5px 0;
  break-inside:avoid;
}
.gcip-simple-toc a{
  color:#125ca4;
  font-weight:650;
  text-decoration:none;
}
.gcip-simple-toc a:hover{text-decoration:underline}

.gcip-simple-post .wp-block-buttons:not(.gcip-hero-actions){
  margin:24px 0 34px;
}
.gcip-simple-post .wp-block-buttons:not(.gcip-hero-actions) .wp-block-button__link{
  padding:13px 22px;
  border-radius:10px;
  background:var(--gcip-button-primary)!important;
  color:var(--gcip-button-text)!important;
  font-weight:750;
  text-decoration:none!important;
}


.gcip-simple-post .wp-block-buttons:not(.gcip-hero-actions) .wp-block-button:nth-child(2) .wp-block-button__link{
  background:var(--gcip-button-secondary)!important;
}

.gcip-screenshot-heading{margin-bottom:16px!important}
/* Native WordPress Gallery: no JavaScript slider and no hidden overflow. */
.gcip-screenshot-gallery{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin:16px 0 42px!important;
  padding:0!important;
  overflow:visible!important;
}
.gcip-screenshot-gallery > figure.wp-block-image,
.gcip-screenshot-gallery > .wp-block-image{
  flex:0 0 calc(20% - 12px)!important;
  width:calc(20% - 12px)!important;
  max-width:calc(20% - 12px)!important;
  margin:0!important;
  overflow:hidden;
  border:1px solid #d5dbe6;
  border-radius:10px;
  background:var(--gcip-heading-start);
  box-shadow:0 8px 18px rgba(8,20,38,.12);
}
.gcip-screenshot-gallery > figure.wp-block-image img,
.gcip-screenshot-gallery > .wp-block-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:var(--gcip-heading-start);
}
.gcip-screenshot-gallery figcaption{
  position:static!important;
  min-height:0;
  margin:0!important;
  padding:9px 10px!important;
  color:#e7edf7!important;
  background:#101d32!important;
  font-size:13px!important;
  line-height:1.4!important;
  text-align:center;
}

.gcip-pros-cons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:20px 0 36px!important;
}
.gcip-pros-cons>.wp-block-column,
.gcip-pros-cons>.gcip-pros-card,
.gcip-pros-cons>.gcip-cons-card{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
.gcip-pros-cons>.wp-block-group__inner-container{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
.gcip-pros-cons>.wp-block-group__inner-container>.gcip-pros-card,
.gcip-pros-cons>.wp-block-group__inner-container>.gcip-cons-card{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
.gcip-pros-card,
.gcip-cons-card{
  padding:20px;
  border:1px solid var(--gcip-line);
  border-radius:9px;
}
.gcip-pros-card{background:#effaf3}
.gcip-cons-card{background:#fff4ee}
.gcip-pros-card h3,
.gcip-cons-card h3{margin-top:0}

.gcip-faq-heading{margin-bottom:0!important}
.gcip-faq-list{
  display:grid;
  gap:14px;
  margin:0 0 40px!important;
  padding:26px;
  border-radius:0 0 10px 10px;
  background:#05080e;
}
.gcip-faq-list>.wp-block-group__inner-container{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
.gcip-faq-item{
  margin:0!important;
  overflow:hidden;
  border:1px solid #555b68;
  border-radius:10px;
  background:#373940;
  color:#fff;
}
.gcip-faq-item summary{
  position:relative;
  padding:20px 58px 20px 22px;
  color:#fff;
  font-size:17px;
  font-weight:750;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}
.gcip-faq-item summary::-webkit-details-marker{display:none}
.gcip-faq-item summary:after{
  content:"⌄";
  position:absolute;
  top:50%;
  right:22px;
  color:#fff;
  font-size:28px;
  transform:translateY(-58%);
}
.gcip-faq-item[open] summary:after{content:"⌃"}
.gcip-faq-item>p,
.gcip-faq-item>.wp-block-paragraph{
  margin:0;
  padding:0 22px 20px;
  color:#e4e7ed;
}

.gcip-simple-post blockquote{
  margin:24px 0;
  padding:18px 22px;
  border-left:5px solid var(--gcip-heading-accent);
  background:#fff8df;
}

@media(max-width:1024px) and (min-width:601px){
  .gcip-screenshot-gallery>figure.wp-block-image,
  .gcip-screenshot-gallery>.wp-block-image{
    flex:0 0 calc(33.333% - 10px)!important;
    width:calc(33.333% - 10px)!important;
    max-width:calc(33.333% - 10px)!important;
  }
}

@media(max-width:760px){
  .gcip-background-hero{min-height:440px!important;padding:26px 16px!important}
  .gcip-hero-app-icon,.gcip-hero-app-icon img{width:112px;max-width:112px;height:112px}
  .gcip-hero-actions{display:grid!important;gap:10px}
  .gcip-hero-actions .wp-block-button{min-width:0;width:100%}
  .gcip-simple-toc ul{columns:1}
  .gcip-pros-cons{grid-template-columns:1fr!important}
  .gcip-pros-cons>.wp-block-group__inner-container{grid-template-columns:1fr!important}
  .gcip-pros-cons>.wp-block-column{margin-bottom:0}
}

@media(max-width:600px){
  .gcip-simple-post p,
  .gcip-simple-post li{font-size:16px}
  .gcip-section-bar,
  .gcip-simple-post h2.gcip-section-bar{font-size:22px!important;padding:11px 12px!important}
  .gcip-app-table td,.gcip-app-table th{padding:11px 9px;font-size:14px}
  .gcip-app-table td:first-child,.gcip-app-table th:first-child{width:42%}
  .gcip-screenshot-gallery>figure.wp-block-image,.gcip-screenshot-gallery>.wp-block-image{flex:0 0 calc(50% - 7px)!important;width:calc(50% - 7px)!important;max-width:calc(50% - 7px)!important}
  .gcip-faq-list{padding:16px 12px}
  .gcip-faq-item summary{padding:17px 48px 17px 16px;font-size:16px}
  .gcip-faq-item>p,.gcip-faq-item>.wp-block-paragraph{padding:0 16px 17px}
}
