/* Public-safe free-app overview, shared by the owner dashboard and service guide. */
.free-tools-section{margin:28px 0 40px;scroll-margin-top:24px;min-width:0;max-width:100%}
.free-tools-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.free-tools-kicker{font-size:.875rem;font-weight:700;color:#386458;margin:0 0 7px;line-height:1.6}
.free-tools-heading h2{font-size:1.75rem;font-weight:700;letter-spacing:-.04em;line-height:1.35;margin:0;color:#24332e}
.free-tools-overline{font-size:.875rem;line-height:1.6;color:#586660;border:1px solid #c8d5ce;padding:7px 11px;border-radius:7px;max-width:100%;overflow-wrap:anywhere}
.free-tools-intro,.free-tools-note{font-size:1rem;color:#586660;line-height:1.75;margin:12px 0 20px;max-width:75ch;overflow-wrap:anywhere}
.free-tools-note{font-size:.875rem;margin-bottom:0}
.free-tools-note a{color:#25483f;text-decoration:underline;text-underline-offset:4px;font-weight:700;display:inline-block;min-height:44px;padding-top:10px}
.free-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.free-tool-card{position:relative;display:flex;flex-direction:column;min-width:0;max-width:100%;padding:22px 20px;background:#fff;border:1px solid #c8d5ce;border-radius:15px;color:#24332e;scroll-margin-top:24px}
.free-tool-top{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.free-tool-mark{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:42px;padding:7px;border-radius:8px;background:#eaf2ec;color:#386458;font-size:.875rem;font-weight:700;line-height:1.4;flex-shrink:0}
.free-tool-badge{font-size:.8125rem;line-height:1.6;font-weight:500;color:#79511b;background:#fff6e5;padding:6px 9px;border-radius:6px;overflow-wrap:anywhere;max-width:100%;flex:1}
.free-tool-card h3{font-size:1.1875rem;line-height:1.5;font-weight:700;letter-spacing:-.035em;margin:0 0 8px;overflow-wrap:anywhere}
.free-tool-card .free-tool-purpose{font-size:1rem;line-height:1.7;margin:0 0 16px;color:#3e5149;max-width:none;overflow-wrap:anywhere}
.free-tool-card .free-tool-version{font-size:.8125rem;line-height:1.65;margin:0 0 16px;color:#586660;overflow-wrap:anywhere;max-width:none}
.free-tool-preview{margin-top:auto;border-top:1px solid #dbe4de;border-bottom:1px solid #dbe4de;min-width:0}
.free-tool-preview summary{cursor:pointer;font-size:.9375rem;font-weight:700;line-height:1.6;padding:14px 0;min-height:48px;color:#25483f;overflow-wrap:anywhere}
.free-tool-preview summary::marker{color:#386458}
.free-tool-preview figure{margin:0 0 16px;min-width:0;max-width:100%}
.free-tool-preview img{display:block;width:100%;height:auto;max-width:280px;margin:0 auto;border:1px solid #d9e2dc;border-radius:8px;background:#fff}
.free-tool-preview figcaption{font-size:.8125rem;line-height:1.7;color:#586660;margin:12px 0 0;overflow-wrap:anywhere}
.free-tool-card .free-tool-preview-pending{font-size:.875rem;line-height:1.7;color:#586660;border-top:1px solid #dbe4de;padding-top:14px;margin:0;max-width:none;overflow-wrap:anywhere}
.free-tool-detail{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;padding:11px 12px;border:1px solid #c8d5ce;border-radius:8px;background:#f6f8f4;color:#25483f;text-decoration:none;font-size:.9375rem;font-weight:700;line-height:1.6;overflow-wrap:anywhere;text-align:center}
.free-tool-detail:hover{background:#eaf2ec}
.free-tool-detail:focus-visible,.free-tool-preview summary:focus-visible{outline:3px solid #386458;outline-offset:4px}
@media(max-width:1100px){.free-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.free-tools-grid{grid-template-columns:minmax(0,1fr)}.free-tool-card{padding:22px}.free-tools-heading h2{font-size:1.5rem}.free-tools-section{margin-bottom:32px}.free-tool-top{margin-bottom:14px}}