@charset "utf-8";

/* =========================================================
   ROYAL COACH CHARTER — RESOURCE CENTER GUIDE PAGES
   Shared page-only styles. Header/menu/footer remain global.
   ========================================================= */

html{scroll-behavior:smooth}

.guide-page{
  --rc-navy:#061f39;
  --rc-green:#87ca3b;
  --rc-green-dark:#529d03;
  --rc-text:#444;
  --rc-heading:#777;
  --rc-muted:#6d747b;
  --rc-line:#dfe4e8;
  width:100%;
  margin:0;
  background:#fff;
  color:var(--rc-text);
}
.guide-page,.guide-page *,.guide-page *::before,.guide-page *::after{box-sizing:border-box}
.guide-page img{display:block;max-width:100%}
.guide-page a{text-decoration:none}
.guide-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* TITLE */
.guide-intro{padding:48px 0 30px;text-align:center}
.guide-eyebrow{margin:0 0 8px;color:var(--rc-green);font-size:15px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}

.guide-intro h1{
  margin:0;color:var(--rc-heading); 
  font-size: clamp(24px, 2.5vw, 34px); font-weight:500;line-height:1.12;letter-spacing:.07em;text-transform:uppercase}

.guide-lead{max-width:760px;margin:13px auto 0;color:var(--rc-text);font-size:17px;line-height:1.55}

/* FULL-WIDTH SHORT PANORAMA */
.guide-panorama{width:100%;height:235px;margin:0;overflow:hidden}
.guide-panorama img{width:100%;height:100%;object-fit:cover;object-position:center}


.guide-back {
    display: block;
    margin: 4px 0 24px;
    color: #6fb41b;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .08em;
}

.guide-back:hover {
    color: #777;
}



/* ARTICLE LAYOUT */
.guide-layout{
  display:grid;
  grid-template-columns:190px minmax(0,880px);
  justify-content:center;
  gap:38px;
  padding-top:38px;
  padding-bottom:70px;
}
.guide-toc{
  align-self:start;
  position:sticky;
  top:25px;
  padding:18px 16px;
  background:#f5f5f5;
  border-radius:3px;
}
.guide-toc p{margin:0 0 9px;padding-bottom:10px;border-bottom:1px solid #d9dee2;color:#555;font-size:16px;font-weight:700;letter-spacing:.06em}
.guide-toc a{display:block;position:relative;padding:7px 14px 7px 0;color:#555;font-size:13px;line-height:1.35}
.guide-toc a:hover{color:var(--rc-green)}
.guide-toc a:hover::after{content:"›";position:absolute;right:0;color:var(--rc-green);font-size:21px;line-height:14px}

.guide-article section{scroll-margin-top:25px}
.guide-article>section:not(:first-child){margin-top:44px}
.guide-article h2{margin:0 0 13px;color:var(--rc-heading);font-size:27px;font-weight:500;line-height:1.25}
.guide-article h3{color:var(--rc-heading)}
.guide-article p{margin:0 0 16px;color:var(--rc-text);font-size:15px;line-height:1.7}
.guide-section-kicker{margin-bottom:6px!important;color:var(--rc-green)!important;font-size:14px!important;font-weight:700;letter-spacing:.16em}

/* CALLOUT */
.guide-note{margin:25px 0;padding:18px 21px;border-left:3px solid var(--rc-green);background:#f5f5f5}
.guide-note strong{display:block;margin-bottom:4px;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.guide-note p{margin:0;font-size:14px}

/* ICON FACTOR CARDS */
.guide-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:21px}
.guide-factor{padding:21px 17px;text-align:center;border:1px solid var(--rc-line);border-radius:3px;background:#fff}
.guide-factor-icon{display:block;width:45px;height:45px;margin:0 auto 11px;color:var(--rc-green)}
.guide-factor-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.guide-factor h3{margin:0 0 7px;color:#555;font-size:15px;font-weight:600}
.guide-factor p{margin:0;color:var(--rc-text);font-size:13px;line-height:1.5}

/* VALUE LIST */
.guide-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none}
.guide-check-list li{position:relative;margin:0;padding:18px 18px 18px 43px;border:1px solid var(--rc-line);border-radius:3px;color:var(--rc-text);font-size:14px;line-height:1.55}
.guide-check-list li::before{content:"✓";position:absolute;left:18px;top:18px;color:var(--rc-green);font-size:17px;font-weight:700}
.guide-check-list strong{display:block;margin-bottom:3px;color:#555}

/* QUOTE INCLUSIONS */
.guide-included{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:29px!important;background:#f5f5f5;border-radius:3px}
.guide-included h2{margin-bottom:11px}
.guide-included>div>p:last-child{margin-bottom:0}
.guide-included-list{padding-left:28px;border-left:1px solid #d6dadd}
.guide-included-list>p{margin-bottom:7px;color:#555;font-size:14px;font-weight:600}
.guide-included-list ul{margin:0;padding-left:18px;color:var(--rc-text);font-size:14px;line-height:1.75}

/* QUOTE DETAILS */
.guide-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.guide-details div{display:grid;grid-template-columns:65px 1fr;gap:12px;align-items:start;padding:17px;border:1px solid var(--rc-line);background:#fff}
.guide-details strong{color:var(--rc-green);font-size:11px;letter-spacing:.1em}
.guide-details span{color:var(--rc-text);font-size:13px;line-height:1.5}

/* FAQ */
.guide-article details{margin-bottom:0;border:1px solid var(--rc-line);border-bottom:0}
.guide-article details:last-of-type{border-bottom:1px solid var(--rc-line)}
.guide-article summary{padding:13px 16px;color:#555;font-size:14px;font-weight:500;cursor:pointer}
.guide-article details p{margin:0;padding:0 16px 15px;color:var(--rc-text);font-size:14px;line-height:1.6}

/* LIGHT CTA STRIP */
.guide-cta{padding:27px 31px!important;background:#f2f2f2;border-radius:3px;text-align:left}
.guide-cta .guide-eyebrow{margin-bottom:5px}
.guide-cta h2{margin-bottom:7px;color:#555;font-size:27px;font-weight:500}
.guide-cta>p:not(.guide-eyebrow){max-width:600px;margin:0;color:var(--rc-text);font-size:16px}
.guide-cta-actions{display:flex;align-items:center;gap:22px;margin:18px 0 7px}
.guide-quote-button{display:inline-block;padding:11px 22px;border-radius:3px;background:var(--rc-green);color:#fff;font-size:14px;font-weight:600;letter-spacing:.06em}
.guide-quote-button:hover{background:#777;color:#fff}
.guide-call{color:#555;font-size:22px}
.guide-call:hover{color:var(--rc-green)}
.guide-cta small{color:#777}

/* RELATED GUIDES */
.guide-related{margin-top:34px;padding-top:18px;border-top:1px solid var(--rc-line)}
.guide-related>p{margin:0 0 7px;color:#777;font-size:14px;font-weight:700;letter-spacing:.15em}
.guide-related a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8ebee;color:#777;font-size:14px;font-weight:600}
.guide-related a:hover{color:var(--rc-green)}

.guide-resource-return {
    display: block;
    margin-top: 16px;
    text-align: left;
    color: #777;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none; }
.guide-resource-return:hover { color: #6cad28; }


@media(max-width:900px){
  .guide-layout{grid-template-columns:1fr;gap:28px}
  .guide-toc{position:static;display:flex;flex-wrap:wrap;gap:2px 15px}
  .guide-toc p{width:100%}
  .guide-toc a{padding:4px 10px 4px 0}
}

@media(max-width:700px){
  .guide-factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:650px){
  .guide-wrap{width:min(100% - 28px,1180px)}
  .guide-intro{padding:38px 0 24px}
  .guide-intro h1{font-size:30px}
  .guide-lead{font-size:15px}
  .guide-panorama{height:185px}
  .guide-layout{padding-top:30px;padding-bottom:50px}
  .guide-article>section:not(:first-child){margin-top:38px}
  .guide-article h2{font-size:23px}
  .guide-included,.guide-details,.guide-check-list{grid-template-columns:1fr}
  .guide-included{gap:20px;padding:23px!important}
  .guide-included-list{padding:18px 0 0;border-left:0;border-top:1px solid #d6dadd}
  .guide-cta{padding:25px 22px!important}
  .guide-cta-actions{flex-wrap:wrap}
}

@media(max-width:440px){
  .guide-panorama{height:160px}
  .guide-factor-grid{grid-template-columns:1fr}
  .guide-factor{padding:18px}
  .guide-details div{grid-template-columns:58px 1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}