.tool-recommendation{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;max-width:1000px;margin:24px auto 40px;padding:22px 52px 22px 22px;border:1px solid var(--line,#d8e5dd);border-radius:16px;background:var(--surface,#fff);color:var(--ink,#20382b)}.tool-recommendation[hidden]{display:none!important}.tool-recommendation-image img{width:120px;height:120px;object-fit:contain;background:#fff;border-radius:10px}.tool-recommendation-label{font:700 10px/1.5 system-ui;letter-spacing:.08em;color:var(--muted,#4e655a);margin:0 0 7px}.tool-recommendation h2{font-size:18px;line-height:1.4;letter-spacing:-.2px;margin:0 0 7px}.tool-recommendation-content>p:not(.tool-recommendation-label){font-size:13px;line-height:1.6;margin:0 0 10px}.tool-recommendation-note{color:var(--muted,#4e655a);font-size:11px!important}.tool-recommendation .button{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.tool-recommendation-close{position:absolute;right:8px;top:8px;min-height:44px;min-width:44px;background:transparent;color:inherit;border:1px solid transparent;border-radius:9px;font-size:23px;cursor:pointer;box-shadow:none}.tool-recommendation :focus-visible{outline:3px solid #a96a14;outline-offset:3px}@media(max-width:600px){.tool-recommendation{grid-template-columns:76px minmax(0,1fr);gap:12px;width:calc(100% - 32px);padding:16px 42px 16px 16px}.tool-recommendation-image img{width:76px;height:86px}.tool-recommendation h2{font-size:15px}.tool-recommendation-content>p:not(.tool-recommendation-label){font-size:12px}.tool-recommendation-label{font-size:9px}}@media print{.tool-recommendation{display:none!important}}