/* GIULIOSANSO — styles are loaded only on the installed guide post.
   Isolated: no effects on homepage, existing guides, multilingual pages or header. */
body.gsge-guide-post .wp-block-post-content .gsge-card-grid,
body.gsge-guide-post .entry-content .gsge-card-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px; margin: 1.65rem 0 2.1rem;
}
body.gsge-guide-post .gsge-card { min-width: 0; padding: 23px 23px 21px;
    background: #f6f2eb; border: 1px solid #e5ddd0; border-radius: 10px;
    box-sizing: border-box; overflow-wrap: break-word; }
body.gsge-guide-post .gsge-card h3 { color: #253039; font-family: Georgia,serif;
    font-size: clamp(1.2rem,2vw,1.5rem); line-height: 1.25; margin: 0 0 13px; }
body.gsge-guide-post .gsge-card p { color: #34424c; font-size: 1rem; line-height: 1.65; margin: 0; }
body.gsge-guide-post .gsge-card p + p { margin-top: 10px; }
body.gsge-guide-post .gsge-card .gsge-remote { color: #1f504f; }
body.gsge-guide-post .wp-block-post-content > h2,
body.gsge-guide-post .entry-content > h2 { overflow-wrap: break-word; }
body.gsge-guide-post .wp-block-post-content a,
body.gsge-guide-post .entry-content a { text-underline-offset: .16em; }
@media (max-width: 650px) {
  body.gsge-guide-post h1.wp-block-post-title {
    font-size: clamp(2rem, 8.3vw, 2.65rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em;
    overflow-wrap: normal;
    word-break: normal;
  }
  body.gsge-guide-post .entry-content h2,
  body.gsge-guide-post .wp-block-post-content h2 {
    font-size: clamp(1.55rem, 6.3vw, 2.05rem);
    line-height: 1.22;
    overflow-wrap: break-word;
  }

  body.gsge-guide-post .wp-block-post-content .gsge-card-grid,
  body.gsge-guide-post .entry-content .gsge-card-grid {
    grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 1.2rem 0 1.75rem;
  }
  body.gsge-guide-post .gsge-card { padding: 18px; }
  body.gsge-guide-post .gsge-card h3 { font-size: 1.24rem; }
  body.gsge-guide-post .gsge-card p { font-size: .98rem; }
}


/* v1.1 — readability for this article only */
body.gsge-guide-post .gsge-intro {font-size:clamp(1.09rem,2.4vw,1.22rem); line-height:1.68; color:#303b41;}
body.gsge-guide-post .gsge-steps {counter-reset:gsge-step; list-style:none; padding:0; margin:1.5rem 0 2rem;}
body.gsge-guide-post .gsge-steps > li {counter-increment:gsge-step; position:relative; padding:1.0rem 1rem 1.0rem 3.6rem; margin:0 0 .7rem; background:#f6f2eb; border:1px solid #e6dccd; border-radius:10px; line-height:1.6;}
body.gsge-guide-post .gsge-steps > li::before {content:counter(gsge-step); display:grid; place-items:center; position:absolute; left:1rem; top:1.02rem; height:1.75rem; width:1.75rem; border-radius:50%; background:#223746; color:#fff; font-weight:700; font-size:.93rem;}
body.gsge-guide-post .gsge-cta-paragraph {padding:1.35rem 1.5rem; border-left:4px solid #997837; background:#f6f2eb; border-radius:0 8px 8px 0; line-height:1.7;}
body.gsge-guide-post .wp-block-post-content a:focus-visible, body.gsge-guide-post .entry-content a:focus-visible {outline:2px solid #997837; outline-offset:3px;}
@media (max-width:650px) {
  body.gsge-guide-post .gsge-steps > li{padding:0.9rem .85rem .9rem 3.2rem;}
  body.gsge-guide-post .gsge-steps > li::before{left:.8rem; top:.95rem;}
  body.gsge-guide-post .gsge-cta-paragraph{padding:1rem 1.05rem;}
}
