.practice { scroll-margin-top: 24px; }
.route { background: #edf4f4; border-left: 4px solid #247a78; padding: 20px; margin: 20px 0; }
.route p { margin: 8px 0 0; }
.action-list { counter-reset: action; list-style: none; padding: 0; }
.action-list li { counter-increment: action; position: relative; padding: 22px 20px 22px 60px; margin: 12px 0; background: #f5f8f7; border: 1px solid #e0e8e7; }
.action-list li::before { content: counter(action); position: absolute; left: 18px; top: 21px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: white; background: #236c6c; }
.action-list p { margin: 8px 0; }
.action-list small { color: #47685e; }
.worksheet { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 22px 0; }
.worksheet label { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-size: 14px; font-weight: 600; }
.worksheet input,.worksheet textarea { box-sizing: border-box; width: 100%; padding: 12px; font-weight: 400; font-family: inherit; font-size: 16px; line-height: 1.6; background: white; color: #172e39; border: 1px solid #a5bab8; border-radius: 4px; }
.worksheet textarea { resize: vertical; }
.tool-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tool-actions button { min-height: 44px; }
.calculator { padding: 24px; margin-top: 32px; border: 1px solid #b6d6ca; background: #f1f8f4; }
.calculator output { display: block; white-space: pre-line; background: white; border-left: 3px solid #286d58; padding: 18px; font-size: 16px; }
.annotated { position: relative; border: 1px solid #d8e2e0; background: #f4f7f6; }
.annotated img { display: block; width: 100%; height: auto; }
.pin { position: absolute; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #e86329; color: white; border: 2px solid white; font-size: 13px; font-weight: 700; }
details { border: 1px solid #d8e2e0; padding: 16px; margin: 18px 0; }
summary { cursor: pointer; font-weight: 650; }
details p { margin-top: 14px; }
pre.mail { white-space: pre-wrap; overflow-wrap: anywhere; font: 15px/1.9 Arial,sans-serif; background: #f0f5f5; padding: 20px; }
.booknav { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0; }
.booknav a { padding: 7px 10px; border: 1px solid #dce4e5; font-size: 13px; text-decoration: none; }
img { max-width: 100%; }
@media(max-width:580px){ .worksheet { grid-template-columns: 1fr; } .calculator { padding: 16px; } .action-list li { padding-left: 53px; padding-right: 14px; } .action-list li::before { left: 12px; } .pin { width: 20px; height: 20px; font-size: 11px; } }
@media print { .tool-actions, .calculator, details { display: none; } section { break-inside: auto !important; } .action-list li, tr { break-inside: avoid; } .worksheet textarea { min-height: 100px; } .worksheet { display: block; } .worksheet label { margin: 15px 0; } }

.direct-answer{background:#edf6f1;border-left:4px solid #287762;padding:22px;margin-bottom:18px}.direct-answer p{margin:10px 0 0}.editorial{font-size:12px;color:#63747c;line-height:1.8}#common-questions h3{margin-top:25px}