/* IronScribe website. Colours are the app's Original light theme (apps/mobile/src/theme/themes.ts);
   fonts are the app's Barlow and Barlow Condensed. Most layout is inline on the elements. */
body { margin: 0; background: #F3F5F8; }
a { color: #2B55CF; }
a:hover { color: #1B3FA3; }
a:focus-visible { outline: 3px solid #5B86E5; outline-offset: 3px; }

.wrap { max-width: 1200px; margin: 0 auto; padding-left: clamp(16px, 4vw, 40px); padding-right: clamp(16px, 4vw, 40px); box-sizing: border-box; }
.disp { font-family: 'Barlow Condensed', system-ui, sans-serif; text-transform: uppercase; letter-spacing: 0.01em; }

/* Home */
.navlinks a { color: #1B2230; text-decoration: none; font-weight: 600; }
.navlinks a:hover { color: #2B55CF; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 14px; font-weight: 600; font-size: 17px; text-decoration: none; box-sizing: border-box; }
.feat-img { width: 100%; height: 240px; object-fit: contain; }
@media (max-width: 760px) {
  .navlinks { display: none !important; }
  .nav-cta { margin-left: auto; }
  .brand-logo { height: 20px !important; }
  .hero-art { order: -1; }
}

/* Privacy Policy and Terms of Service */
.doc h2 { font-family: 'Barlow Condensed', system-ui, sans-serif; text-transform: uppercase; font-size: 30px; line-height: 1.05; font-weight: 700; margin: 48px 0 14px; color: #1B2230; scroll-margin-top: 24px; }
.doc p, .doc li { font-size: 17px; line-height: 1.65; color: #2E3646; }
.doc p { margin: 0 0 14px; }
.doc ul { margin: 0 0 14px; padding-left: 22px; }
.doc li { margin-bottom: 8px; }
.doc strong { color: #1B2230; }
.ph { background: #FDF0E6; color: #8A3C12; border-radius: 4px; padding: 0 4px; font-weight: 600; }
.toc a { color: #566074; text-decoration: none; font-size: 15px; line-height: 1.4; }
.toc a:hover { color: #2B55CF; }
@media (max-width: 900px) {
  .toc { display: none !important; }
}

/* Footer */
.foot a { color: #C5CCDB; text-decoration: none; }
.foot a:hover { color: #FFFFFF; text-decoration: underline; }