
@import url("../fonts/fonts.css");
:root{--mist:#e9f2ef;--white:#ffffff;--navy:#1c3a39;--blue:#db6746;--lav:#308980;--cyan:#61a8c8;--line:#aab9d1;--shadow:0 24px 60px #1c3a3920}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--navy);font:17px/1.7 Manrope,Arial,sans-serif}img{display:block;max-width:100%}a{color:var(--blue);text-underline-offset:.22em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lav);outline-offset:4px}.sdp-skip{position:fixed;z-index:99;left:1rem;top:-5rem;background:var(--navy);color:#fff;padding:.8rem}.sdp-skip:focus{top:1rem}.sdp-moonbar{min-height:86px;padding:1rem clamp(1rem,5vw,5rem);display:flex;align-items:center;background:#ffffffdd;border-bottom:1px solid var(--line);position:relative;z-index:20}.sdp-wordmark{display:flex;align-items:center;gap:.7rem;text-decoration:none;font:600 1.35rem Fraunces,Georgia,serif;color:var(--navy)}.sdp-wordmark svg{width:48px;fill:none;stroke:var(--blue);stroke-width:1.5}.sdp-moonbar nav{margin-left:auto;display:flex;gap:1.4rem}.sdp-moonbar nav a{text-decoration:none;color:var(--navy);font-size:.88rem;font-weight:700}.sdp-menu{display:none;margin-left:auto;min-height:48px;border:1px solid var(--blue);background:var(--white);color:var(--navy)}.sdp-hero{min-height:760px;padding:5rem clamp(1rem,6vw,7rem);display:grid;grid-template-columns:1.25fr .85fr;gap:5vw;align-items:center;background:linear-gradient(145deg,#1c3a39 0 48%,#e9f2ef 48%);position:relative}.sdp-hero figure{margin:0;position:relative}.sdp-hero-image{height:560px;width:100%;object-fit:cover;border-radius:260px 260px 24px 24px;box-shadow:var(--shadow)}.sdp-hero figcaption{color:#fff;font-size:.75rem;padding-top:.6rem}.sdp-hero-copy{padding:2rem}.sdp-hero-copy>p:first-child,.sdp-ranking-head span,.sdp-choice header span,.sdp-faq header span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--lav);font-weight:800}.sdp-hero h1{font:500 clamp(4rem,8vw,8rem)/.9 Fraunces,Georgia,serif;letter-spacing:-.05em;margin:1rem 0}.sdp-hero-copy>a{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.2rem;background:var(--blue);color:#fff;text-decoration:none;border-radius:99px}.sdp-stars i{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%}.sdp-stars i:nth-child(1){left:8%;top:18%}.sdp-stars i:nth-child(2){left:42%;top:12%;width:4px;height:4px}.sdp-stars i:nth-child(3){left:30%;bottom:15%}.sdp-stars i:nth-child(4){left:4%;bottom:34%;width:5px;height:5px}.sdp-opening{padding:6rem clamp(1rem,9vw,11rem);display:grid;grid-template-columns:.35fr 1fr 1fr;gap:3rem}.sdp-opening h2{font:500 clamp(2.5rem,5vw,5rem)/1 Fraunces,serif;margin:0}.sdp-disclosure{max-width:1050px;margin:0 auto 6rem;padding:2rem;background:var(--white);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:.6fr 1fr 1fr;gap:2rem}.sdp-ranking{padding:2rem clamp(1rem,6vw,7rem) 8rem}.sdp-ranking-head{text-align:center;max-width:850px;margin:0 auto 5rem}.sdp-ranking-head h2,.sdp-choice h2,.sdp-faq h2{font:500 clamp(3rem,6vw,6rem)/.95 Fraunces,serif;margin:1rem}.sdp-chapter{max-width:1180px;margin:0 auto 8rem;display:grid;grid-template-columns:90px 1fr 1fr;gap:2rem;align-items:start}.sdp-chapter-no{display:flex;flex-direction:column;color:var(--lav)}.sdp-chapter-no b{font:500 4rem Fraunces,serif}.sdp-chapter figure{margin:0;background:var(--white);padding:.75rem;border-radius:220px 220px 18px 18px}.sdp-scene{height:520px;width:100%;object-fit:cover;border-radius:210px 210px 12px 12px}.sdp-chapter figcaption{font-size:.72rem;padding:.6rem}.sdp-chapter-copy{background:var(--white);padding:2rem;border-radius:24px;box-shadow:var(--shadow)}.sdp-chapter-copy>header{display:grid;grid-template-columns:72px 1fr auto;gap:1rem;align-items:center}.sdp-icon{width:72px;height:72px;border-radius:18px}.sdp-chapter h3{font:500 2.5rem/1 Fraunces,serif;margin:.2rem 0}.sdp-chapter header p{margin:0;font-size:.75rem}.sdp-chapter header strong{color:var(--blue)}.sdp-best{color:var(--lav);font-weight:800}.sdp-verdict{font:500 1.35rem/1.45 Fraunces,serif}.sdp-facts{display:grid;grid-template-columns:1fr 1fr}.sdp-fact{padding:.55rem;border-top:1px solid var(--line)}.sdp-fact dt{font-size:.65rem;color:#52688d}.sdp-fact dd{margin:0;font-weight:700}.sdp-two-paths{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sdp-two-paths section{padding:1rem;background:#eef4ff;border-radius:14px}.sdp-play{min-height:48px;margin-top:1rem;padding:.75rem 1rem;background:var(--blue);color:#fff;border-radius:99px;display:flex;justify-content:space-between;align-items:center;text-decoration:none}.sdp-method-snapshot{padding:7rem clamp(1rem,7vw,8rem);background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.sdp-method-snapshot h2{font:500 clamp(3rem,6vw,6rem)/.95 Fraunces,serif}.sdp-method-snapshot ol{list-style:none;margin:0;padding:0}.sdp-method-snapshot li{display:grid;grid-template-columns:1fr auto;padding:1rem;border-top:1px solid #ffffff44}.sdp-method-snapshot li p{grid-column:1/-1;margin:0;color:#cbd8ed}.sdp-choice,.sdp-faq{padding:7rem clamp(1rem,7vw,8rem)}.sdp-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.sdp-choice section{background:var(--white);padding:2rem;border-radius:24px}.sdp-choice h3{font:500 1.7rem Fraunces,serif;color:var(--blue)}.sdp-faq{background:linear-gradient(#dce7f7,#e9f2ef)}.sdp-faq details{max-width:900px;padding:1rem 0;border-top:1px solid var(--line)}.sdp-faq summary{min-height:44px;cursor:pointer;font-weight:800}.sdp-footer{padding:4rem clamp(1rem,6vw,7rem);background:var(--navy);color:#fff;display:grid;grid-template-columns:.7fr .5fr 1fr;gap:2rem}.sdp-footer-name,.sdp-footer-links{display:flex;flex-direction:column}.sdp-footer small{grid-column:1/-1}.sdp-page{max-width:1050px;margin:auto;padding:6rem clamp(1rem,5vw,5rem);position:relative}.sdp-page-title{max-width:800px}.sdp-page-title h1{font:500 clamp(3.5rem,7vw,7rem)/.95 Fraunces,serif}.sdp-page-copy{max-width:820px}.sdp-page-copy h2{font:500 2.2rem Fraunces,serif;color:var(--blue);margin-top:2.7rem}.sdp-page-star{position:absolute;right:2rem;top:8rem;width:90px;height:90px;border:1px solid var(--lav);transform:rotate(45deg)}.sdp-criterion,.sdp-article-card,.sdp-article-note,.sdp-checklist{background:var(--white);padding:1.5rem;border-radius:18px;margin:1rem 0}.sdp-criterion header{display:grid;grid-template-columns:45px 1fr auto}.sdp-contact,.sdp-article-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.sdp-not-found strong{font:500 9rem Fraunces,serif;color:var(--lav)}
.sdp-stars{position:absolute;inset:0;z-index:0;pointer-events:none}.sdp-hero figure,.sdp-hero-copy{position:relative;z-index:1}
@media(max-width:820px){.sdp-menu{display:block}.sdp-moonbar nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);padding:1rem;flex-direction:column}.sdp-moonbar nav.is-open{display:flex}.sdp-hero{grid-template-columns:1fr;background:linear-gradient(#1c3a39 0 52%,#e9f2ef 52%);padding-top:3rem}.sdp-hero figure{order:2}.sdp-hero-image{height:90vw}.sdp-hero-copy{color:#fff;padding:0}.sdp-hero h1{font-size:clamp(3.7rem,17vw,6rem)}.sdp-opening,.sdp-disclosure,.sdp-method-snapshot,.sdp-footer{grid-template-columns:1fr}.sdp-chapter{grid-template-columns:60px 1fr}.sdp-chapter-copy{grid-column:1/-1}.sdp-scene{height:90vw}.sdp-choice>div,.sdp-contact,.sdp-article-grid{grid-template-columns:1fr}.sdp-footer small{grid-column:auto}.sdp-page-star{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

body{background-image:linear-gradient(#087f8c12 1px,transparent 1px),linear-gradient(90deg,#087f8c12 1px,transparent 1px);background-size:28px 28px}.sdp-hero{background:linear-gradient(135deg,#087f8c 0 46%,#eaf1f2 46%);color:#17313a}.sdp-hero-copy{order:2}.sdp-hero figure{order:1;transform:none;border:2px solid #17313a;box-shadow:12px 12px 0 #e87933}.sdp-folio{border:2px dashed #087f8c;box-shadow:none}.sdp-play{background:#087f8c}.sdp-disclosure{background:#17313a}.sdp-compass{border-radius:0;transform:rotate(45deg)}
html{scroll-padding-top:96px}body{overflow-x:clip}button,a{touch-action:manipulation}.sdp-hero-copy p{max-width:62ch}.sdp-page-copy>p,.sdp-page-copy section>p{max-width:72ch}@media(max-width:840px){.sdp-hero{overflow:hidden}.sdp-hero-copy,.sdp-hero figure{order:initial;min-width:0;max-width:100%}.sdp-ranking article,.sdp-ranking article>*{min-width:0;max-width:100%}.sdp-hero h1,.sdp-ranking h3,.sdp-choice h2,.sdp-ranking-head h2{overflow-wrap:anywhere}.sdp-choice h2,.sdp-ranking-head h2{font-size:clamp(2rem,11vw,3rem)}.sdp-two-paths{grid-template-columns:1fr}.sdp-chapter-copy>header{grid-template-columns:64px minmax(0,1fr)}.sdp-chapter-copy>header>strong{grid-column:1/-1}}
.sdp-hero{background-image:linear-gradient(#30898012 1px,transparent 1px);background-size:100% 44px}.sdp-chapter-no{background:#db6746}.sdp-editorial-route article{border-radius:16px}
.sdp-editorial-route{max-width:1220px;margin:clamp(3rem,6vw,7rem) auto;padding:clamp(1.25rem,4vw,3rem);background:#ffffff;color:#1c3a39}
.sdp-editorial-route>header{max-width:70ch;margin-bottom:2rem}.sdp-editorial-route h2{font-size:clamp(2rem,5vw,3.8rem);line-height:1.08;margin:.5rem 0 1rem}
.sdp-editorial-route>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sdp-editorial-route article{min-width:0;padding:1.5rem;background:#e9f2ef}.sdp-editorial-route article span{display:block;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sdp-editorial-route article h3{font-size:clamp(1.35rem,2vw,2rem);overflow-wrap:anywhere}.sdp-editorial-route article p{max-width:66ch}
.sdp-extra-scene{margin:1.25rem 0 1.75rem}.sdp-extra-scene img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}.sdp-extra-scene figcaption{font-size:.82rem;margin-top:.5rem}
.sdp-app-id{overflow-wrap:anywhere;font-size:.85rem}.sdp-hero h1{line-height:1.02}.sdp-ranking-head h2,.sdp-choice h2,.sdp-faq h2{line-height:1.08}
@media(max-width:840px){.sdp-hero h1{font-size:clamp(2.35rem,10vw,4rem);overflow-wrap:normal;word-break:normal;hyphens:none}.sdp-faq h2{font-size:clamp(2rem,10vw,3rem);overflow-wrap:anywhere}.sdp-editorial-route>div{grid-template-columns:1fr}.sdp-ranking article:nth-child(even){margin-left:0}}

.sdp-hero{background:#1c3a39}.sdp-hero-copy{color:#ffffff}
.sdp-disclosure{color:#ffffff}
