/* Shared styles for the drink-drive cluster pages (added Nov 2026). Scoped, does not touch existing pages. */
.tool-container { max-width: 728px; margin: 0 auto; padding: 40px 20px 60px; }
.tool-header { margin-bottom: 28px; }
.tool-header h1 { font-size: 2rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 10px; }
.tool-header .subtitle { font-size: 1.1rem; color: #555; line-height: 1.6; margin-bottom: 8px; }
.tool-header .meta-line { font-family: Inter, -apple-system, sans-serif; font-size: 0.8rem; color: #999; }
.dd-card { border: 1px solid #e6e6e6; border-radius: 10px; padding: 22px; background: #fafafa; font-family: Inter, -apple-system, sans-serif; }
.dd-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dd-field { margin-bottom: 14px; }
.dd-field label { display: block; font-size: 0.82rem; font-weight: 600; color: #444; margin-bottom: 6px; }
.dd-field select, .dd-field input { width: 100%; box-sizing: border-box; padding: 11px 12px; font-size: 1rem; border: 1px solid #d6d6d6; border-radius: 8px; background: #fff; font-family: inherit; }
.dd-money { display: flex; align-items: center; gap: 6px; }
.dd-money span { color: #777; }
.dd-btn { width: 100%; padding: 14px; border: 0; border-radius: 8px; background: #242424; color: #fff; font-size: 1rem; font-weight: 600; cursor: pointer; font-family: inherit; }
.dd-btn:hover { background: #000; }
.dd-result { display: none; margin-top: 18px; padding: 18px; background: #fff; border: 1px solid #e6e6e6; border-radius: 8px; line-height: 1.6; }
.dd-result.visible { display: block; }
.dd-big { font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; }
.dd-big.bad { color: #b42318; }
.dd-big.ok { color: #067647; }
.dd-small { font-family: Inter, -apple-system, sans-serif; font-size: 0.8rem; color: #888; line-height: 1.6; margin-top: 14px; }
.dd-cross { margin: 28px 0; padding: 16px 20px; border-left: 3px solid #242424; background: #f7f7f7; line-height: 1.7; }
.dd-cross a { color: #242424; font-weight: 600; }
.dd-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.content-section { margin-top: 40px; }
.content-section h2 { font-size: 1.4rem; font-weight: 700; margin: 32px 0 12px; letter-spacing: -0.01em; }
.content-section p { margin-bottom: 16px; line-height: 1.8; }
.content-section table { width: 100%; min-width: 520px; border-collapse: collapse; margin: 16px 0 24px; font-family: Inter, -apple-system, sans-serif; font-size: 0.85rem; }
.content-section th, .content-section td { padding: 10px 12px; border: 1px solid #e6e6e6; text-align: left; vertical-align: top; }
.content-section th { background: #f7f7f7; font-weight: 600; }
.dave-note { margin-top: 40px; padding: 20px 24px; border-left: 3px solid #e6e6e6; color: #555; font-size: 0.95rem; line-height: 1.7; }
.dr-cdrive { margin: 28px 0; padding: 14px 18px; border: 1px solid #e6e6e6; border-radius: 8px; background: #fafafa; font-family: Inter, -apple-system, sans-serif; font-size: 0.92rem; line-height: 1.6; }
.dr-cdrive a { color: #242424; font-weight: 600; }
@media (max-width: 560px) {
  .dd-row { grid-template-columns: 1fr; gap: 0; }
  .tool-header h1 { font-size: 1.6rem; }
  .dd-card { padding: 16px; }
}