/* Retep Advisory article theme
   Brings the standalone article pages onto the site design system.
   Load after the page's own <style>, together with 01-tokens.css. */

:root{
  /* article template variables mapped to site tokens */
  --cream: var(--color-background);
  --cream-deep: var(--color-surface);
  --paper: var(--color-surface);
  --ink: var(--color-text);
  --ink-soft: var(--color-text-muted);
  --ink-faint: var(--color-text-muted);
  --oxblood: var(--color-navy);
  --oxblood-bright: var(--color-navy-soft);
  --rule: var(--color-border);
  --serif: var(--font-heading);
  --sans: var(--font-body);
  --font-display: var(--font-heading);
  /* Commercial Architecture page variables */
  --navy: var(--color-navy);
  --navy-2: var(--color-navy);
  --gold: var(--color-gold);
  --gold-ink: var(--color-gold);
  --gold-tint: var(--color-surface);
  --cream-2: var(--color-surface);
  --line: var(--color-border);
}

body{ background: var(--color-background); color: var(--color-text); font-family: var(--font-body); }

/* Headings: Georgia at regular weight, as on the core pages */
h1, h2, h1.hero-title, .fw-head, .endcta h2{ font-family: var(--font-heading); font-weight: 400; }
h1, h2, h3{ color: var(--color-navy); }
.endcta h2{ color: var(--color-surface); }

/* Square corners and no shadows; circles stay circles */
*, *::before, *::after{ border-radius: 0 !important; box-shadow: none !important; }
ul.disq li::before, .byline .dot,
input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb{ border-radius: 50% !important; }
input[type=range]::-webkit-slider-thumb, input[type=range]::-moz-range-thumb{ outline: 1px solid var(--color-navy); }

/* Closing call to action: navy band */
.endcta{ background: var(--color-navy); color: var(--color-surface); }
.endcta p{ color: var(--color-border); }
.btn-light{ background: var(--color-surface); color: var(--color-navy); }
.btn-light:hover{ background: #fff; }
.btn-ghost{ color: var(--color-surface); border-color: rgba(251,249,243,.4); }

/* AI Moat page: the site header replaces the page's own wordmark */
.wordmark{ display: none; }

/* Commercial Architecture page: plain card on the site ground */
.wrap{ border-color: var(--color-border); }
article.wrap{ margin: 3rem auto 0; }
.callout{ border-left: 3px solid var(--color-gold); }

/* Site header and footer (same as the core pages) */
.rt-header,.rt-footer{font-family:var(--font-body);font-size:18px;line-height:1.75;color:var(--color-text);text-align:left;font-weight:400;letter-spacing:normal;text-transform:none;font-style:normal;box-sizing:border-box;max-width:none;float:none}
.rt-header *,.rt-footer *{box-sizing:border-box;margin:0;padding:0;max-width:none;letter-spacing:normal;text-transform:none;font-style:normal;border:0;background:none;text-decoration:none;float:none}
.rt-header{position:sticky;top:0;z-index:1000;margin:0;padding:0;background:rgba(251,249,243,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);width:100%}
.rt-header-inner{width:min(calc(100% - 3rem),1180px);margin-inline:auto;display:flex;justify-content:space-between;align-items:center;min-height:88px}
.rt-logo{display:block;line-height:0}
.rt-logo img{display:block;width:220px;height:auto}
.rt-nav ul{display:flex;align-items:center;gap:2.5rem;list-style:none}
.rt-nav li{list-style:none}
.rt-nav a{display:inline-block;position:relative;padding-bottom:.35rem;color:var(--color-navy);font-family:var(--font-body);font-size:.75rem;font-weight:400;line-height:1.75;text-transform:uppercase;letter-spacing:.18em;transition:color 180ms ease}
.rt-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--color-gold);transition:width 260ms ease}
.rt-nav a:hover::after{width:100%}
.rt-nav a:focus-visible,.rt-logo:focus-visible,.rt-footer a:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px}
.rt-footer{margin:5rem 0 0;border-top:1px solid var(--color-border);padding:5rem 0;background:transparent;width:100%}
.rt-footer-inner{width:min(calc(100% - 3rem),1180px);margin-inline:auto;display:flex;justify-content:space-between;gap:3rem}
.rt-footer-brand{max-width:420px}
.rt-footer-brand h3{font-family:var(--font-heading);font-weight:400;color:var(--color-navy);font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 1.5rem}
.rt-footer-brand p{color:var(--color-text);margin:0 0 1.5rem;font-size:18px;line-height:1.75}
.rt-footer-links{display:flex;flex-direction:column;gap:.75rem}
.rt-footer-links a{color:var(--color-text-muted);font-size:18px;line-height:1.75;font-weight:400;transition:color 180ms ease}
.rt-footer-links a:hover{color:var(--color-gold)}
@media (max-width:900px){
  .rt-header-inner{flex-direction:column;justify-content:center;gap:1.5rem;padding:1.5rem 0;min-height:auto}
  .rt-nav ul{flex-wrap:wrap;justify-content:center;gap:1.5rem}
}
@media (max-width:600px){
  .rt-header-inner,.rt-footer-inner{width:min(calc(100% - 2rem),100%)}
  .rt-nav ul{gap:1rem}
  .rt-nav a{letter-spacing:.12em}
  .rt-logo img{width:180px}
  .rt-footer{padding:4rem 0}
  .rt-footer-inner{flex-direction:column;gap:2.5rem}
  .rt-footer-links{gap:1rem}
}