.social-ribbon { display:flex; justify-content:flex-end; align-items:center; gap:18px; min-height:38px; padding:0 clamp(22px,4vw,68px); border-bottom:1px solid #d8e3e1; background:#eef7f5; color:#173d3a; font:700 9px/1 DM Sans,Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.social-ribbon span { margin-right:auto; color:#657573; }
.social-ribbon a { color:#173d3a; text-decoration:none; }
.social-ribbon a:hover { color:#087f80; }
.discovery-deck { display:grid; grid-template-columns:minmax(245px,.68fr) minmax(0,2fr); border-top:1px solid #d9e0df; border-bottom:1px solid #d9e0df; background:#f7f6f2; }
.discovery-nav { padding:70px clamp(28px,5vw,72px); background:#123f39; color:#fff; }
.discovery-nav .eyebrow { color:#8fd6ca; }
.discovery-nav h2 { margin:14px 0 31px; font:400 42px/1 Playfair Display,Georgia,serif; }
.discovery-nav nav { display:grid; border-top:1px solid rgba(255,255,255,.2); }
.discovery-nav a { display:flex; align-items:center; gap:15px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.16); color:#fff; font:500 13px/1.35 DM Sans,Arial,sans-serif; text-decoration:none; transition:color .2s ease,padding-left .2s ease; }
.discovery-nav a:hover { padding-left:7px; color:#8fd6ca; }
.discovery-nav a span { color:#8fd6ca; font-size:9px; letter-spacing:.14em; }
.discovery-main { padding:70px clamp(28px,6vw,92px); }
.discovery-heading { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr); gap:48px; align-items:end; }
.discovery-heading h2 { margin:13px 0 0; font:400 clamp(42px,5vw,70px)/.98 Playfair Display,Georgia,serif; letter-spacing:-.035em; }
.discovery-heading h2 em { color:#087f80; font-weight:500; }
.discovery-heading p { margin:0; color:#647073; font:400 15px/1.7 DM Sans,Arial,sans-serif; }
.discovery-heading{grid-template-columns:1fr;gap:22px}.discovery-heading h2{font-size:clamp(32px,3.4vw,48px);white-space:nowrap}.discovery-heading p{max-width:680px}
.recommendation-cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:48px; }
.recommendation-cards button { display:grid; grid-template-columns:68px 1fr auto; grid-template-rows:auto auto; align-items:center; gap:5px 22px; min-height:142px; padding:27px; border:1px solid #ced9d7; background:#fff; color:#17272c; text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.recommendation-cards button:hover { transform:translateY(-3px); border-color:#087f80; box-shadow:0 18px 40px rgba(18,63,57,.1); }
.recommendation-icon { grid-row:1/3; display:grid; width:68px; height:68px; place-items:center; border-radius:50%; background:#dff1ed; }
.recommendation-icon svg { width:38px; fill:none; stroke:#087f80; stroke-width:1.5; stroke-linejoin:round; }
.recommendation-cards small { align-self:end; color:#087f80; font:700 9px/1 DM Sans,Arial,sans-serif; letter-spacing:.18em; }
.recommendation-cards strong { align-self:start; font:500 22px/1.15 Playfair Display,Georgia,serif; }
.recommendation-cards i { grid-column:3; grid-row:1/3; color:#526265; font:600 10px/1 DM Sans,Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; white-space:nowrap; }
.reader-panels { display:grid; grid-template-columns:repeat(5,1fr); margin-top:18px; border:1px solid #ced9d7; background:#fff; }
.reader-panels a { display:grid; gap:7px; min-height:82px; padding:18px 16px; border-right:1px solid #dbe3e1; color:#17272c; text-decoration:none; }
.reader-panels a:last-child { border-right:0; }
.reader-panels small { color:#087f80; font:700 9px/1 DM Sans,Arial,sans-serif; letter-spacing:.12em; }
.reader-panels span { font:500 15px/1.25 Playfair Display,Georgia,serif; }
.reader-panels a:hover { background:#eff8f6; }
.instagram-follow { display:flex; align-items:center; gap:18px; margin-top:18px; padding:21px 25px; background:#e8ddc9; color:#17272c; text-decoration:none; }
.instagram-follow>span { font:400 38px/1 Arial,sans-serif; color:#8b4e38; }
.instagram-follow div { display:grid; gap:4px; }
.instagram-follow small { color:#8b4e38; font:700 9px/1 DM Sans,Arial,sans-serif; letter-spacing:.17em; }
.instagram-follow strong { font:500 20px/1.2 Playfair Display,Georgia,serif; }
.instagram-follow b { margin-left:auto; font:400 20px/1 Arial,sans-serif; }

.recommendation-dialog { width:min(650px,calc(100% - 32px)); max-height:calc(100dvh - 40px); padding:56px 58px 42px; border:0; background:#f7f4ea; color:#17272c; box-shadow:0 30px 90px rgba(7,30,28,.4); overflow:auto; }
.recommendation-dialog::backdrop { background:rgba(7,29,27,.7); backdrop-filter:blur(6px); }
.recommendation-dialog[open] { animation:recommendation-in .25s ease-out both; }
@keyframes recommendation-in { from{opacity:0;transform:translateY(16px) scale(.98)} to{opacity:1;transform:none} }
.recommendation-close { position:absolute; top:18px; right:18px; display:grid; width:38px; height:38px; padding:0; place-items:center; border:1px solid rgba(18,63,57,.25); border-radius:50%; background:transparent; color:#123f39; font:300 25px/1 Arial,sans-serif; cursor:pointer; }
.recommendation-dialog h2 { margin:13px 0 31px; font:400 clamp(42px,7vw,65px)/.98 Playfair Display,Georgia,serif; letter-spacing:-.035em; }
.recommendation-dialog h2 em { color:#087f80; font-weight:500; }
.recommendation-dialog ol { margin:0; padding:0; list-style:none; border-top:1px solid #cad5d2; }
.recommendation-dialog li { display:grid; grid-template-columns:38px 1fr; gap:16px; padding:20px 0; border-bottom:1px solid #cad5d2; }
.recommendation-dialog li>b { padding-top:4px; color:#087f80; font:700 10px/1 DM Sans,Arial,sans-serif; letter-spacing:.12em; }
.recommendation-dialog li div { display:grid; gap:6px; }
.recommendation-dialog li strong { font:500 21px/1.2 Playfair Display,Georgia,serif; }
.recommendation-dialog li small { color:#637073; font:400 13px/1.55 DM Sans,Arial,sans-serif; }
@media(max-width:860px){.social-ribbon{justify-content:flex-start;overflow:auto}.social-ribbon span{display:none}.discovery-deck{grid-template-columns:1fr}.discovery-heading{grid-template-columns:1fr}.discovery-heading h2{white-space:normal}.recommendation-cards{grid-template-columns:1fr}.discovery-nav{padding-top:50px;padding-bottom:50px}.reader-panels{grid-template-columns:repeat(2,1fr)}.reader-panels a{border-bottom:1px solid #dbe3e1}}
@media(max-width:560px){.social-ribbon{gap:14px;font-size:8px}.recommendation-cards button{grid-template-columns:58px 1fr;padding:22px}.recommendation-icon{width:58px;height:58px}.recommendation-cards i{grid-column:2;grid-row:3}.recommendation-dialog{padding:52px 26px 30px}.discovery-main{padding-top:52px;padding-bottom:52px}.reader-panels{grid-template-columns:1fr}.reader-panels a{min-height:66px;border-right:0}}