/* Auto-injected by assistant on 2025-09-03T10:54:30.971043 */
#site-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
}
#site-header .site-title {
  font-size: 1.25rem;
  font-weight: 600;
}
#site-header img {
  height: 36px;
  width: auto;
}
#site-footer {
  margin-top: 48px;
  padding: 16px;
  border-top: 1px solid #e5e7eb;
  text-align: center;
  font-size: 0.95rem;
  color: #444;
}
body {
  margin: 0;
}
main, .container, .content {
  /* try to keep existing layouts intact */
}


/* --- Added by assistant 2025-09-03T11:08:51.350671 to constrain logo sizes --- */
.nw-header .nw-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  text-decoration: none;
}
.nw-header .nw-logo img {
  height: 28px; /* desktop default */
  width: auto;
  display: block;
}
.nw-header .nw-logo .site-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.2px;
}

@media (max-width: 640px) {
  .nw-header .nw-logo img { height: 22px; }
  .nw-header .nw-logo .site-title { font-size: 15px; }
}

/* Footer brand alignment and logo size */
.tw-footer .twf-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.tw-footer .twf-brand img {
  height: 20px;
  width: auto;
  display: block;
}


/* --- Guide block styles (added 2025-09-03T11:21:37.377492) --- */
.calc-guide { margin: 28px 0 24px; border: 1px solid #2b3a41; background: #17242a; border-radius: 14px; overflow: hidden; }
.calc-guide header { padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,0.06); background: #0f1a1f; }
.calc-guide header h3 { margin: 0; font-size: 1.1rem; letter-spacing: -0.2px; }
.calc-guide .cg-body { display: grid; gap: 18px; padding: 16px; }
.calc-guide .cg-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.calc-guide .cg-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 14px; }
.calc-guide .cg-card h4 { margin: 0 0 8px; font-size: 1rem; }
.calc-guide .cg-faq dt { font-weight: 700; margin-top: 8px; }
.calc-guide .cg-faq dd { margin: 4px 0 8px 0; color: #cbd5e1; }
.calc-guide table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }
.calc-guide th, .calc-guide td { border: 1px solid rgba(255,255,255,0.08); padding: 8px 10px; text-align: left; }
.calc-guide tbody tr:nth-child(odd) td { background: rgba(255,255,255,0.03); }
.calc-guide .cg-sources { font-size: 0.9rem; opacity: 0.9; }
.calc-guide .cg-sources a { text-decoration: underline; }
@media (max-width: 780px) { .calc-guide .cg-grid { grid-template-columns: 1fr; } }



/* Grid helpers for calculators (added by assistant) */
.nw-grid{display:grid; gap:12px; grid-template-columns:1fr;}
.nw-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.nw-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width: 780px){
  .nw-grid--2,.nw-grid--3{grid-template-columns:1fr;}
}
.nw-fieldset{border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:12px;}
.nw-fieldset > legend{padding:0 6px; font-weight:600; opacity:0.9;}


/* --- Calc Guide banner styles (Master1004) --- */
.calc-guide .cg-banner { margin-top: 16px; }
.calc-guide .cg-banner a { display:block; border-radius:16px; overflow:hidden;
  border:1px solid color-mix(in oklab, var(--line) 85%, transparent); }
.calc-guide .cg-banner img { display:block; width:100%; height:auto; }


/* --- Global banner styles (Master1004) --- */
.tw-banner { margin-top: 16px; }
.tw-banner a { display:block; border-radius:16px; overflow:hidden;
  border:1px solid color-mix(in oklab, var(--line) 85%, transparent); }
.tw-banner img { display:block; width:100%; height:auto; }