.result-recommendations{margin-top:44px;padding-top:38px;border-top:1px solid #e3d0ed33}
.result-recommendations>.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent);margin-bottom:14px}
.result-recommendations>h2{font-family:var(--serif);font-size:clamp(28px,4.6vw,36px);font-weight:400;line-height:1.15;margin:0 0 14px}
.recommendations-intro{font-size:14px;line-height:1.65;color:#d3cfde;margin-bottom:24px}
.recommendations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:25px}
.recommendation-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px 18px;text-decoration:none;color:var(--text);background:radial-gradient(ellipse at top left,#ffc24b15,transparent 75%),#19263be8;border:1px solid #f2d4a936;border-radius:23px;box-shadow:0 12px 30px #10162712;transition:border-color .25s,box-shadow .25s}
.recommendation-card:nth-child(2){background:radial-gradient(ellipse at top left,#bba5e52a,transparent 75%),#19263be8}
.recommendation-card:nth-child(3){background:radial-gradient(ellipse at top left,#94c8d529,transparent 75%),#19263be8}
.recommendation-card:hover,.recommendation-card:focus-visible{border-color:#ffc24bb3;box-shadow:0 0 28px #ffd18a24;outline:2px solid transparent;outline-offset:4px}
.recommendation-number{display:grid;place-items:center;width:37px;height:37px;margin-bottom:20px;border:1px solid #ffc24b66;border-radius:50%;color:#ffcf83;font:12px var(--sans);box-shadow:0 0 18px #ffc24b12}
.recommendation-area{color:#bcb9cd;font:10px var(--sans);line-height:1.6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}
.recommendation-card h3{width:100%;min-width:0;font:22px/1.2 var(--serif);margin:0 0 15px;overflow-wrap:anywhere}
.recommendation-card p{max-width:100%;font:13px/1.65 var(--sans);color:#d3cfde;margin:0 0 22px;flex:1}
.recommendation-status{font:11px/1.6 var(--sans);color:#bcb9cd;margin-bottom:8px}
.recommendation-action{font:600 12px/1.5 var(--sans);color:#ffcf83}
body:not([data-stage="hero"]) .recommendations-all{display:flex;justify-content:center;align-items:center;width:100%;text-decoration:none;text-align:center}
.recommendations-loading{grid-column:1/-1;color:var(--muted);font-size:14px}
@media(max-width:600px){.recommendations-grid{grid-template-columns:1fr;gap:14px}.recommendation-card{padding:23px}.recommendation-number{margin-bottom:14px}.recommendation-card h3{font-size:27px}.recommendation-card p{font-size:14px;margin-bottom:18px}.result-recommendations{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.recommendation-card{transition:none}}
