.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.task-card{padding:26px;border:1px solid var(--line);background:#fffef9}.task-card h3{margin:12px 0}.task-card p{color:var(--muted)}.task-card a{font-weight:600}.task-no{font:14px monospace;color:var(--orange)}.mini-example{padding:28px;background:#e9ede5;border-top:4px solid var(--green)}.mini-example h2{font-size:25px}.mini-example dl{margin:0}.mini-example dl div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #c7d1c5}.mini-example dd{font-weight:700;margin:0;white-space:nowrap}.mini-example .note{margin:18px 0 0}.need-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:580px;margin:20px 0}.compare-label,.offer label{display:block;font-size:15px}.compare-label input,.compare-label select,.offer input,.offer select{display:block;width:100%;min-width:0;font:inherit;color:var(--ink);padding:10px;border:1px solid #95a69b;border-radius:4px;background:#fff;margin-top:7px}.offers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer{min-width:0;border:1px solid var(--line);background:#fffef9;padding:24px;margin:0}.offer legend{font-size:23px;font-weight:600;padding:0 8px}.offer-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.offer-fields .wide{grid-column:1/-1}.comparison-form{margin:35px 0}.controls,.examples{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.secondary{font:inherit;padding:10px 16px;color:var(--green);background:transparent;border:1px solid #829a8d;border-radius:4px;cursor:pointer}.controls .secondary{margin-top:20px}.examples{margin:22px 0}.examples span{font-size:14px;width:100%}.result-panel{background:#fffef9;border:2px solid var(--green);padding:28px;margin:30px 0}.result-panel[hidden]{display:none}.result-panel h2{color:var(--green)}.result-table{overflow:auto}.result-table table{min-width:0;table-layout:fixed}.result-table th,.result-table td{overflow-wrap:anywhere;padding:14px}.result-table thead th{width:33.33%}.result-table tbody th{background:transparent}.result-panel textarea{font:inherit;display:block;width:100%;margin:12px 0;padding:15px;min-height:190px;border:1px solid #95a69b;resize:vertical}.content-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:60px}.content-columns .prose{max-width:none}.aside-note{border-top:3px solid var(--orange);padding-top:20px;align-self:start;position:sticky;top:25px}.aside-note h2{font-size:23px}.inline-route{padding:20px;background:#e9ede5;margin:25px 0}.compare-error:empty{display:none}.compare-error{padding:15px;border:1px solid #a52e22;color:#8b251d;background:#fff7ee}.feedback{padding:30px;background:#e9ede5;margin-top:35px}.feedback h2{font-size:26px}.task-card a,.mini-example a,.feedback a{display:inline-block}.helper-link{font-size:14px}.route-label{margin:0 0 12px;color:var(--muted);font-size:14px}@media(max-width:800px){.task-grid{grid-template-columns:1fr}.content-columns{grid-template-columns:1fr;gap:20px}.aside-note{position:static}.offers{gap:16px}.offer{padding:18px}}@media(max-width:600px){.offers{grid-template-columns:1fr}.offer-fields{gap:14px}.result-panel{padding:18px 10px}.result-table th,.result-table td{padding:10px 6px;font-size:14px}.need-row{gap:14px}.mini-example{padding:22px}.intro{gap:28px}.task-card{padding:22px}}@media print{.top,.footer,.comparison-form,.examples,.copy-block,.controls{display:none}.result-panel{border:1px solid #333}.wrap{width:100%}body{background:#fff}}
