/* ==========================================================
   Dramcorp Industries — corporate 2001 site framework
   Shared across all pages.
   ========================================================== */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  background:#e8eaed;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px; color:#1a1a2a; line-height:1.65;
}
.wrap {
  max-width:820px; margin:0 auto; background:#fff;
  border-left:1px solid #c0c4cc; border-right:1px solid #c0c4cc;
  min-height:100vh;
}

/* header */
.head {
  background:linear-gradient(180deg,#1d3a5f 0%,#14283f 100%);
  color:#fff; padding:16px 24px; border-bottom:4px solid #8a9bb0;
  display:flex; align-items:center; justify-content:space-between;
}
.logo { font-family:Georgia,'Times New Roman',serif; font-size:25px; letter-spacing:1px; font-weight:bold; }
.logo .tm { font-size:11px; vertical-align:super; color:#aebccf; }
.logo .light { font-weight:normal; }
.head .tagline { font-size:11px; color:#aebccf; font-style:italic; text-align:right; }

/* nav */
.nav { background:#2d4a6f; display:flex; border-bottom:1px solid #14283f; }
.nav a { color:#dfe6ef; text-decoration:none; padding:9px 18px; font-size:12px; font-weight:bold; border-right:1px solid #1d3a5f; }
.nav a:hover { background:#14283f; }
.nav a.active { background:#14283f; color:#fff; }

/* breadcrumb */
.crumb { background:#eef1f4; padding:5px 24px; font-size:11px; color:#778; border-bottom:1px solid #dde2e8; }
.crumb a { color:#2d5f8a; }

/* layout */
.body { padding:22px 24px; }
.cols { display:flex; gap:22px; }
.main { flex:1; min-width:0; }
.side { width:200px; flex-shrink:0; }

h1 { font-family:Georgia,serif; color:#1d3a5f; font-size:23px; margin-bottom:10px; }
h2 { font-family:Georgia,serif; color:#1d3a5f; font-size:17px; border-bottom:1px solid #c0c4cc; padding-bottom:5px; margin:22px 0 10px; }
h2:first-child { margin-top:0; }
h3 { color:#1d3a5f; font-size:14px; margin:12px 0 4px; }
p { margin-bottom:11px; }
ul { margin:0 0 11px 20px; }
li { margin-bottom:4px; }
.clinical { color:#444; }
a { color:#2d5f8a; }

/* hero */
.hero { position:relative; margin-bottom:18px; border:1px solid #c0c4cc; }
.hero img { width:100%; display:block; }
.hero .cap {
  position:absolute; left:0; bottom:0; right:0;
  background:linear-gradient(180deg,transparent,rgba(20,40,63,0.92));
  color:#fff; padding:18px 16px 12px; font-family:Georgia,serif; font-size:18px;
}

/* product cards */
.product { border:1px solid #c8ccd4; background:#f6f8fa; padding:12px 14px; margin-bottom:14px; display:flex; gap:14px; }
.product img { width:96px; height:96px; object-fit:cover; border:1px solid #cdd9e4; flex-shrink:0; }
.product .pinfo h3 { margin-top:0; }
.product .spec { font-size:12px; color:#555; }

/* side boxes */
.sbox { background:#f4f6f9; border:1px solid #d4dae2; padding:10px 12px; margin-bottom:14px; font-size:12px; }
.sbox h4 { color:#1d3a5f; font-size:12px; border-bottom:1px solid #d4dae2; padding-bottom:4px; margin-bottom:6px; }
.sbox p { margin-bottom:6px; }

/* callout / warning */
.warn { border:1px solid #c8a0a0; background:#faf4f4; padding:12px 14px; color:#6a3a3a; margin:12px 0; }
.note { background:#eef2f6; border-left:3px solid #1d3a5f; padding:10px 14px; font-size:12px; margin:12px 0; }

/* faq */
.faq-q { font-weight:bold; color:#1d3a5f; margin-top:14px; }

/* footer */
.foot { background:#14283f; color:#8a9bb0; font-size:11px; padding:16px 24px; text-align:center; line-height:1.8; }
.foot a { color:#aebccf; }

/* tables */
table.t { width:100%; border-collapse:collapse; font-size:12px; margin:10px 0; }
table.t th { background:#2d4a6f; color:#fff; text-align:left; padding:6px 10px; font-size:11px; }
table.t td { border:1px solid #d0dae6; padding:6px 10px; }
table.t tr:nth-child(even) td { background:#eef3f9; }