/* ManualeReef — ingresso pubblico a Progetta il tuo Reef, Home e Strumenti. v1 */
.mr-reef-feature{
 display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.82fr);
 gap:clamp(20px,3vw,48px);align-items:center;
 padding:clamp(28px,4vw,56px) clamp(22px,5vw,72px);
 background:linear-gradient(117deg,#f8fcfe 0%,#ebf7fb 63%,#edf5f8 100%);
 border-top:1px solid #d7e8ef;border-bottom:1px solid #d2e5eb;
 color:#12354f;
}
.mr-reef-feature *,.mr-reader-reef-banner *,.mr-tools-reef-banner *{box-sizing:border-box}
.mr-reef-eyebrow{display:block;color:#08799b;font-size:11px;letter-spacing:.125em;font-weight:850;text-transform:uppercase}
.mr-reef-feature h2{font-family:inherit;font-weight:850;font-size:clamp(27px,2.65vw,41px);letter-spacing:-.035em;line-height:1.13;margin:11px 0 12px;color:#082d49}
.mr-reef-feature h2 em{font-style:normal;color:#0087a7}
.mr-reef-feature p{color:#496e84;max-width:710px;font-size:15px;line-height:1.7;margin:0 0 20px}
.mr-reef-feature-steps{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.mr-reef-feature-steps span{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d7e9ef;color:#234e66;border-radius:999px;padding:7px 12px;font-weight:700;font-size:12px}
.mr-reef-feature-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0e6587;color:white;font-size:11px}
.mr-reef-feature-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mr-reef-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;min-height:47px;border-radius:10px;background:#075c80;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:850;transition:background .15s ease}
.mr-reef-cta:hover{background:#034a69}
.mr-reef-feature-actions small{color:#5c7d90;font-size:12px}
.mr-reef-feature-visual{border-radius:22px;background:radial-gradient(circle at 56% 42%,#2485a5 0%,#103f61 55%,#06253e 100%);padding:13px 20px 10px;min-width:0;box-shadow:0 16px 30px #143d5322}
.mr-reef-feature-visual svg{width:100%;display:block;max-height:250px}
.mr-reef-feature-visual figcaption{color:#d8edf5;text-align:center;font-size:12px;font-weight:700;padding:6px 3px}
.mr-reef-feature a:focus-visible,.mr-reader-reef-banner a:focus-visible,.mr-tools-reef-banner a:focus-visible{outline:3px solid #d2a12a;outline-offset:3px}
.mr-reader-reef-banner,.mr-tools-reef-banner{
 display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
 border:1px solid #b9dce8;border-radius:17px;
 background:linear-gradient(115deg,#f1fbfd,#edf5f9);
 padding:21px 24px;margin:18px 0 24px;color:#173e56
}
.mr-reader-reef-banner h3,.mr-tools-reef-banner h2{color:#0a3e60;font-size:clamp(19px,2.1vw,25px);line-height:1.2;margin:5px 0 8px}
.mr-reader-reef-banner p,.mr-tools-reef-banner p{font-size:13px;line-height:1.6;color:#496f84;margin:0;max-width:740px}
.mr-reader-reef-banner .mr-reef-cta,.mr-tools-reef-banner .mr-reef-cta{white-space:nowrap}
@media(max-width:900px){.mr-reef-feature{grid-template-columns:1fr}.mr-reef-feature-visual{max-width:600px;width:100%;justify-self:center}.mr-reef-feature-visual svg{max-height:190px}}
@media(max-width:620px){.mr-reef-feature{padding:25px 18px;gap:14px}.mr-reef-feature h2{font-size:29px}.mr-reef-feature p{font-size:14px}.mr-reef-feature-steps{gap:6px}.mr-reef-feature-steps span{font-size:11px}.mr-reader-reef-banner,.mr-tools-reef-banner{padding:16px;align-items:stretch}.mr-reader-reef-banner .mr-reef-cta,.mr-tools-reef-banner .mr-reef-cta{width:100%;white-space:normal}.mr-reef-feature-visual{border-radius:15px}}