*{box-sizing:border-box}
body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f6f1e7;color:#2a2620;line-height:1.6;font-size:17px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a{color:#7a3e1d}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c46a2b;outline-offset:2px}
.site-header{background:#2a2620;color:#f6f1e7;padding:14px 0}
.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.brand{color:#f6f1e7;font-weight:bold;text-decoration:none;font-size:1.15rem}
.site-header nav a{color:#e9d9bf;margin-left:16px;text-decoration:none;font-size:.95rem}
.intro{padding:40px 0 10px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#9a5a2c;margin:0 0 8px;font-family:Arial,sans-serif}
h1{font-size:2.2rem;line-height:1.2;margin:0 0 12px;max-width:720px}
h2{font-size:1.5rem;margin:0 0 12px}
h3{font-size:1.1rem;margin:0 0 6px}
.worksheet{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px}
.panel{background:#fffdf8;border:1px solid #e0d4bf;border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(60,40,20,.06)}
.hint,.small,.status{font-size:.92rem;color:#5e5446;font-family:Arial,sans-serif}
.field{margin-bottom:14px}
.field label{display:block;font-weight:bold;font-family:Arial,sans-serif;font-size:.95rem;margin-bottom:4px}
.field input,.field select{width:100%;padding:10px 12px;border:1px solid #bfb09a;border-radius:8px;font-size:1rem;background:#fff;font-family:inherit}
fieldset.profile-fieldset{border:1px dashed #c9b9a0;border-radius:10px;padding:14px;margin:0 0 16px}
fieldset legend{font-family:Arial,sans-serif;font-weight:bold;padding:0 6px;font-size:.95rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 10px}
.btn{font:inherit;font-family:Arial,sans-serif;padding:10px 16px;border-radius:999px;border:1px solid #8a7a62;background:#fff;color:#2a2620;cursor:pointer;font-size:.95rem}
.btn.primary{background:#7a3e1d;border-color:#7a3e1d;color:#fff}
.btn:hover{background:#f1e7d4}
.btn.primary:hover{background:#65331a}
.steps{padding-left:20px;margin:0 0 14px}
.steps li{margin-bottom:6px}
.results-section{margin-top:40px}
.results-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.results{display:grid;gap:12px}
.empty{color:#5e5446;font-style:italic}
.result{background:#fffdf8;border-left:6px solid #9a9a9a;border-radius:10px;padding:14px 18px;border-top:1px solid #e0d4bf;border-right:1px solid #e0d4bf;border-bottom:1px solid #e0d4bf}
.result.good{border-left-color:#4c7a3a}
.result.maybe{border-left-color:#c49a2b}
.result.bad{border-left-color:#a33a2b}
.result strong{font-family:Arial,sans-serif}
.badge{display:inline-block;font-family:Arial,sans-serif;font-size:.8rem;padding:2px 10px;border-radius:999px;background:#efe6d4;margin-left:6px}
.reference,.guide,.faq{margin-top:44px}
.table-wrap{overflow-x:auto;background:#fffdf8;border:1px solid #e0d4bf;border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #eadfcb;vertical-align:top}
th{background:#f1e7d4;font-family:Arial,sans-serif}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.card{background:#fffdf8;border:1px solid #e0d4bf;border-radius:12px;padding:16px}
.card p{margin:0;font-size:.95rem}
.mistakes{padding-left:20px}
.mistakes li{margin-bottom:6px}
.site-footer{margin-top:50px;padding:22px 0;background:#2a2620;color:#d8ccb6;font-size:.9rem}
.site-footer a{color:#f0c89a}
@media (max-width:820px){.worksheet{grid-template-columns:1fr}h1{font-size:1.8rem}.row2{grid-template-columns:1fr}.site-header nav a{margin-left:10px}}
@media print{.site-header,.site-footer,.actions,.side-panel,form .actions{display:none}body{background:#fff}.panel{box-shadow:none}}



/* Factory-injected deployment helpers. The AI owns the site design above this block. */
.ad-unit {
  width: min(100%, 720px);
  min-height: 120px;
  margin: 24px auto;
  display: block;
}

.legal-page {
  width: min(900px, calc(100% - 32px));
  margin: 40px auto;
}

.factory-fallback-nav {
  width: min(900px, calc(100% - 32px));
  margin: 24px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  font-size: 0.95rem;
}

.factory-fallback-nav a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}