/* 3 Daylight — white field, very large title, soft two-column cards. */
body.skin-3 {
  background: #f7f8f6;
  color: #17202a;
  font-family: "Segoe UI", Calibri, system-ui, sans-serif;
  line-height: 1.6;
}

/* Masthead */
body.skin-3 .top {
  background: #ffffff;
  border-bottom: 1px solid #e1e4ea;
  padding: 16px 24px;
}
body.skin-3 .logo { color: #0b6b5a; font-size: 1.25rem; font-weight: 700; }
body.skin-3 .nav { gap: 18px; font-size: 0.95rem; }
body.skin-3 .nav a { color: #3f4a57; }
body.skin-3 .nav a:hover { color: #0b6b5a; }
body.skin-3 .btn {
  background: #0b6b5a;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  margin-left: auto;
}
body.skin-3 .btn:hover { background: #0d7d69; }

/* Column */
body.skin-3 .main { width: min(960px, calc(100% - 32px)); }

/* Headings */
body.skin-3 h1 {
  font-size: clamp(2.4rem, 6vw, 4.5rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 0.98;
  margin: 0 0 10px;
}
body.skin-3 h2 {
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 36px 0 18px;
}
body.skin-3 .kicker {
  color: #0b6b5a;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.02em;
}
body.skin-3 .count { color: #5c6b7a; font-size: 0.95rem; margin: 6px 0 0; }

/* Breadcrumb */
body.skin-3 .crumbs { color: #5c6b7a; }
body.skin-3 .crumbs a { text-decoration: none; color: #0b6b5a; }
body.skin-3 .sep { color: #b8c0ca; }

/* Cover */
body.skin-3 .sheet-head { grid-template-columns: 1fr; }
body.skin-3 .cover { max-width: 440px; }
body.skin-3 .cover img, body.skin-3 .cover .ph { border-radius: 16px; }
body.skin-3 .ph { background: #e7f5f1; color: #0b6b5a; }

/* Lede */
body.skin-3 .aeo {
  background: #e7f5f1;
  border-radius: 16px;
  font-size: 1.2rem;
  color: #124b41;
}

/* Facts */
body.skin-3 .facts div { background: #fff; border-radius: 12px; border: 1px solid #e1e4ea; }
body.skin-3 .facts dt { color: #5c6b7a; }

/* Prose */
body.skin-3 .prose { font-size: 1.1rem; }
body.skin-3 .prose p { max-width: 68ch; }
body.skin-3 .prose a, body.skin-3 .inline-links a, body.skin-3 .pager a { color: #1a63c4; }

/* Soft two-column cards */
body.skin-3 .grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
body.skin-3 .card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid #eceff3;
  box-shadow: 0 10px 30px rgba(23, 32, 42, 0.08);
}
body.skin-3 .card:hover { box-shadow: 0 14px 38px rgba(23, 32, 42, 0.14); }
body.skin-3 .card-body { padding: 14px 16px 18px; }
body.skin-3 .card-title { font-size: 1.15rem; font-weight: 700; }
body.skin-3 .card-meta { color: #5c6b7a; }

/* Pills */
body.skin-3 .pills a {
  background: #fff;
  border-radius: 999px;
  border: 1px solid #d5dbe3;
  color: #17202a;
  font-size: 0.9rem;
}
body.skin-3 .pills a:hover { border-color: #0b6b5a; color: #0b6b5a; }

/* FAQ */
body.skin-3 .faq-item { border-bottom: 1px solid #e1e4ea; }
body.skin-3 .faq-item summary { cursor: pointer; font-weight: 600; font-size: 1.05rem; }

/* Footer */
body.skin-3 .foot { color: #5c6b7a; border-top: 1px solid #e1e4ea; }
body.skin-3 .foot-links a { color: #0b6b5a; text-decoration: none; }

@media (max-width: 720px) {
  body.skin-3 .btn { margin-left: 0; }
  body.skin-3 .grid { grid-template-columns: 1fr; }
}