body { font-family: Georgia, 'Times New Roman', serif; margin: 0; color: #2b2320; line-height: 1.7; background: #fdfaf7; }
.wrap { max-width: 860px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 1.6rem; border-bottom: 2px solid #e8710a; padding-bottom: 10px; }
h2 { color: #b3540a; font-size: 1.15rem; margin-top: 1.8em; }
a { color: #b3540a; }
.crumbs, .muted { color: #8a7f76; font-size: 0.9rem; }
.card { background: #fff; border: 1px solid #f0e2d2; border-radius: 12px; padding: 16px 18px; margin: 14px 0; }
.tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.tool-card { display: block; background: #fff; border: 1px solid #f0e2d2; border-radius: 12px; padding: 14px 16px; color: #2b2320; text-decoration: none; }
.tool-card:hover { border-color: #e8710a; }
.tool-card b { color: #b3540a; }
form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
label { display: block; font-size: 0.92rem; }
input, select { box-sizing: border-box; width: 100%; margin-top: 4px; border: 1px solid #d8c7b7; border-radius: 8px; padding: 9px 10px; font: inherit; background: #fff; }
.result { background: #fff4e8; border: 1px solid #f3d9bd; border-radius: 12px; padding: 14px 16px; margin: 16px 0; }
.result b { color: #b3540a; }
button { border: 1px solid #d8c7b7; border-radius: 8px; background: #fff; color: #7a410e; padding: 8px 12px; font: inherit; cursor: pointer; }
button:hover { border-color: #e8710a; background: #fff4e8; }
.warn { color: #8a5a32; }
fieldset { display: contents; border: 0; padding: 0; margin: 0; }
.hidden { display: none; }
@media (max-width: 680px) { .tool-grid, form { grid-template-columns: 1fr; } }

nav { background:#fff4e8; border:1px solid #f3d9bd; border-radius:10px; padding:12px 16px; margin-bottom:28px; font-size:.95rem; }
nav a { color:#b3540a; margin-right:18px; text-decoration:none; }
  .nav-dd{position:relative;display:inline-block}
  .nav-dd-btn{background:none;border:none;color:#b3540a;font:inherit;cursor:pointer;padding:0;margin-right:18px}
  .nav-dd-menu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid #f3d9bd;border-radius:10px;padding:8px 0;min-width:190px;z-index:50;box-shadow:0 6px 18px rgba(0,0,0,.12);text-align:left}
  .nav-dd.open .nav-dd-menu{display:block}
  .nav-dd-menu a{display:block;padding:6px 16px;margin:0}
footer { max-width:860px; margin:32px auto 0; padding:16px 20px; border-top:1px solid #e8ddd2; color:#8a7f76; font-size:.85rem; }
nav .nav-dd-btn {border:0;border-radius:0;background:none;font:inherit;padding:0;color:#b3540a;}