.recommend-hero{padding:48px 0 24px;max-width:760px}.recommend-hero h1{font-size:40px;line-height:1.5;font-weight:500;color:var(--green);margin:18px 0}.recommend-hero>p{font-size:15px;line-height:1.9;color:var(--muted)}.recommend-box{padding:26px;border:1px solid var(--line);border-radius:10px;background:#f5f8f0}.recommend-box label{display:block;margin:18px 0 10px;color:var(--green)}.recommend-input{display:flex;gap:12px}.recommend-input input{min-width:0;flex:1;border:1px solid #c9d6c0;background:white;border-radius:6px;padding:13px;font:inherit;font-size:16px}.recommend-input button{border:0;border-radius:6px;background:var(--green);color:white;font:inherit;padding:12px 20px;min-height:44px;cursor:pointer}.recommend-input button:disabled{opacity:.5;cursor:wait}.recommend-box p{font-size:13px;line-height:1.8}.recommend-box #recommend-feedback{color:var(--green)}.recommend-process{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.recommend-process strong{font-size:16px;color:var(--green)}.recommend-process p{font-size:13px;color:var(--muted);line-height:1.9}.recommend-item{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.recommend-item a{overflow-wrap:anywhere;color:var(--green);font-size:14px;line-height:1.8}.recommend-item small{display:block;font-size:12px;color:var(--muted);margin-top:8px}.recommend-state{flex-shrink:0;padding:6px 10px;border-radius:20px;background:#e7efdf;color:var(--green);font-size:12px}.main-nav a{text-decoration:none}.recommend-input input:focus-visible,.recommend-input button:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:700px){.recommend-hero{padding-top:30px}.recommend-hero h1{font-size:30px}.recommend-box{padding:18px}.recommend-input{flex-direction:column}.recommend-process{grid-template-columns:1fr;gap:12px}.recommend-item{flex-wrap:wrap}.main-nav{overflow-x:auto}.main-nav .nav-item{flex-shrink:0}}