/* Free tools: the readiness checker and the two generators. Built on site.css's tokens and form styles. */
.tool-page{padding-top:32px;padding-bottom:60px}
.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;border-top:1px solid var(--line);padding-top:35px;align-items:start}
.tool-layout.stacked{grid-template-columns:minmax(0,1fr)}
.tool-card{border:1px solid var(--line);background:#fff;border-radius:4px;padding:28px}
.tool-card h2{font-size:26px}
.tool-card>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-top:10px}
.tool-card form{margin-top:22px}
.tool-choices{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0 0 20px}
.tool-choices legend{font:500 13px Archivo,Arial,sans-serif;margin-bottom:8px;padding:0}
.tool-choices label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;cursor:pointer}
.tool-choices input{margin:5px 0 0;flex-shrink:0;accent-color:#536f48}
.tool-output-block+.tool-output-block{margin-top:26px}
.tool-output-block h3{font-size:18px}
.tool-output-block textarea{width:100%;min-height:220px;margin-top:10px;border:1px solid #d2ddc9;border-radius:3px;background:#fbfcfa;padding:14px;font:14px/1.7 var(--font);color:var(--ink);resize:vertical}
.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.tool-actions .button{gap:12px}
.tool-note{font-size:12px;line-height:1.8;color:#7d8e71;margin-top:14px}
.tool-empty{font-size:14px;color:var(--muted);border:1px dashed #d2ddc9;border-radius:4px;padding:28px;text-align:center}
.checker-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.checker-form .form-field{flex:1 1 280px;margin:0}
.checker-form .button{align-self:flex-end}
.findings{list-style:none;padding:0;margin:20px 0 0}
.findings li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:18px 0}
.findings h3{font-size:17px}
.findings p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:6px}
.findings .fix{color:var(--ink)}
.finding-status{display:inline-block;align-self:start;border:1px solid;border-radius:3px;padding:3px 8px;font-size:12px;line-height:1.6;text-align:center}
.finding-status[data-status=good]{background:#eaf0e8;color:#46674d;border-color:#d6e2d4}
.finding-status[data-status=improve]{background:#fcf2e9;color:#8e4e2e;border-color:#e8c7b5}
.finding-status[data-status=info]{background:#eef1f6;color:#45556e;border-color:#d5dce8}
.finding-status[data-status=not_checked]{background:#f3f3f1;color:#6c6f6a;border-color:#e0e0dc}
.not-checked{margin-top:22px;font-size:13px;color:var(--muted)}
.not-checked ul{margin:8px 0 0;padding-left:20px}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid var(--line);padding-top:30px}
.tools-grid a{display:flex;flex-direction:column;border-top:1px solid #cedac5;padding-top:22px}
.tools-grid a:hover h2{color:var(--orange)}
.tools-grid h2{font-size:25px;line-height:1.25;margin-top:14px}
.tools-grid p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:12px}
.tools-grid span{font:500 13px Archivo,Arial,sans-serif;margin-top:18px;color:var(--orange)}
@media(max-width:800px){.tool-layout{grid-template-columns:minmax(0,1fr)}.tools-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:580px){.tool-card{padding:22px 16px}.findings li{grid-template-columns:minmax(0,1fr);gap:8px}.finding-status{justify-self:start}.checker-form .button{width:100%;justify-content:space-between}}
.tool-page .guide-callout{padding-right:20px}