.recommendations-main{min-height:100vh;padding-top:78px}.recommendations-heading{padding-bottom:30px;text-align:center}.recommendations-heading h1{margin-bottom:16px}.recommendations-heading>p:last-child{max-width:680px;margin:auto;color:var(--muted)}.recommendations-content{padding-top:0}.recommendation-state{padding:clamp(24px,5vw,48px);border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.recommendation-state p{margin:12px auto;color:var(--muted)}.recommendation-state .btn{margin-top:16px}.recommendation-grid{align-items:stretch}.recommendation-card{position:relative;grid-template-rows:auto auto auto auto auto 1fr auto}.recommendation-image{width:100%;height:170px;object-fit:cover;border-radius:14px}.match-badge{width:max-content;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),#3284f4);color:#06113f;font-weight:900}.match-explanation{font-weight:800}.recommendation-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:9px}.recommendation-actions .btn{margin:0;min-width:0;padding:0 10px}@media(max-width:900px){.recommendation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.recommendations-main{padding-top:72px}.recommendations-heading,.recommendations-content{width:calc(100% - 24px);padding-top:54px}.recommendations-content{padding-top:0}.recommendation-grid{grid-template-columns:1fr}.recommendation-card{padding:18px}.recommendation-actions{grid-template-columns:1fr auto}.recommendation-actions .btn:first-child{grid-column:1/-1}.recommendation-image{height:150px}}@media(max-width:390px){.recommendation-actions{grid-template-columns:1fr}.recommendation-actions .btn:first-child{grid-column:auto}.recommendation-actions .save-button{width:100%}}
.opportunity-detail{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;padding:clamp(22px,5vw,48px);border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.opportunity-detail>img{width:100%;height:100%;max-height:520px;object-fit:cover;border-radius:16px}.opportunity-detail h1{margin:16px 0}.detail-organisation{color:var(--cyan);font-weight:800}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.detail-grid div{padding:14px;border-radius:12px;background:rgba(53,230,255,.08)}.detail-grid dt{font-weight:900}.detail-grid dd{margin:5px 0 0;color:var(--muted)}.detail-skills>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.detail-actions .btn{margin:0}@media(max-width:700px){.opportunity-detail{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.opportunity-detail>img{max-height:260px}.detail-actions{display:grid}.detail-actions .btn{width:100%}}
@media(max-width:760px){body:has(.opportunity-detail) .nav-links{position:static;display:flex;flex-wrap:wrap;width:auto;padding:0;border:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none}body:has(.opportunity-detail) .navbar{height:auto;min-height:78px;padding:10px 0;gap:10px}body:has(.opportunity-detail) .nav-links a{padding:6px}}
body:has(.opportunity-detail) .site-header{background:rgba(238,248,255,.94);border-bottom:1px solid var(--line);box-shadow:0 8px 28px rgba(39,99,178,.1);backdrop-filter:blur(18px)}html[data-theme=dark] body:has(.opportunity-detail) .site-header{background:rgba(18,9,31,.94)}body:has(.opportunity-detail) .recommendations-main{padding-top:104px}