/* Ring Recovery guides: article pages that share the home page's header, footer and tokens.
   Loaded after cinematic.css and layout.css. No animation, nothing hidden behind JavaScript. */
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);color:var(--cream);padding-block:56px 92px}
.page-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 18%,#587c5940,transparent 48%),radial-gradient(ellipse at 4% 96%,#496c4122,transparent 50%)}
.page-hero::after{content:'';position:absolute;right:-180px;top:-120px;width:620px;height:620px;border:1px solid #d8dcbc1f;border-radius:50%;z-index:-1;pointer-events:none;box-shadow:0 0 0 70px #d8dcbc07,0 0 0 140px #d8dcbc05}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px;color:#a9bba8;margin-bottom:46px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a9bba870}
.breadcrumbs a:hover{color:var(--cream)}
.breadcrumbs span[aria-hidden]{color:#6f8a74}
.page-hero .eyebrow{color:var(--gold)}
.page-hero h1{font-size:clamp(46px,6.2vw,88px);max-width:20ch;text-wrap:balance}
.page-hero h1 em{color:var(--gold)}
.page-lede{font-size:17px;line-height:1.85;color:#c3d1c0;margin-top:28px;max-width:56ch}
.page-lede a{text-decoration:underline;text-underline-offset:3px}
.page-hero .hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.page-hero .hero-actions .text-link{color:#e3e8dc;font-size:12px}
.page-facts{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:40px;padding-top:24px;border-top:1px solid #c5d8ba23;font-size:12px;color:#b4c6b2}
.page-facts b{font:24px var(--display);color:var(--gold);margin-right:8px}

.prose-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:84px;align-items:start;padding-block:96px 104px}
.prose{min-width:0}
.prose h2{font-size:clamp(34px,3.5vw,48px);margin:72px 0 20px}
.prose>h2:first-child{margin-top:0}
.prose h2 em{color:var(--copper)}
.prose h2,.page-contact h2,.related-grid strong{text-wrap:balance}
.prose h3{font-size:18px;font-weight:600;line-height:1.5;margin:36px 0 8px}
.prose p{font-size:16px;line-height:1.9;color:#2f4c46;max-width:68ch}
.prose p+p{margin-top:16px}
.prose ul,.prose ol{display:grid;gap:12px;margin-top:20px;max-width:68ch}
.prose li{position:relative;padding-left:32px;font-size:16px;line-height:1.8;color:#2f4c46}
.prose ul li::before{content:'';position:absolute;left:5px;top:.72em;width:9px;height:9px;border:1px solid var(--copper);border-radius:50%}
.prose ol{counter-reset:step}
.prose ol li{counter-increment:step}
.prose ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:.05em;font:16px/1.6 var(--display);color:var(--copper)}
.prose ul+p,.prose ol+p,.prose .note+p,.prose p+.note{margin-top:22px}
.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--copper);text-decoration-thickness:1px}
.prose a:hover{color:var(--copper)}
.prose strong{font-weight:600;color:var(--ink)}
.note{max-width:68ch;margin-top:28px;padding:20px 24px;border-left:2px solid var(--gold);background:#e9ede2;border-radius:0 5px 5px 0}
.note p{font-size:15px}
.note p+p{margin-top:10px}
.region{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.region:first-of-type{margin-top:24px}
.region h3{margin-top:0}
.region .places{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.region .places li{padding:5px 12px;border:1px solid #c7d0bf;border-radius:999px;font-size:13px;line-height:1.5}
.region .places li::before{display:none}

.page-aside{display:grid;gap:18px}
@media(min-height:740px){.page-aside{position:sticky;top:calc(var(--header-h) + 30px)}}
.aside-card{border:1px solid #cbd4c3;background:#faf9f2;border-radius:5px;padding:28px;box-shadow:0 15px 40px #0d362509}
.aside-card .eyebrow{font-size:9px;margin-bottom:14px}
.aside-card h2{font-size:30px;line-height:1.15}
.aside-card p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px}
.aside-price{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.aside-price b{font:58px/1 var(--display);letter-spacing:-.05em}
.aside-price span{font-size:11px;color:var(--muted)}
.aside-card ul{display:grid;gap:7px;margin-top:16px}
.aside-card li{position:relative;padding-left:22px;font-size:12px}
.aside-card li::before{content:'\2713';position:absolute;left:0;color:var(--copper)}
.aside-card .button{width:100%;margin-top:16px;gap:14px}
.aside-card .button+.button{margin-top:10px}
.aside-card .fineprint{font-size:11px}
.aside-links{display:grid;margin-top:14px}
.aside-links a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.aside-links a:hover{color:var(--copper)}
.aside-links .icon{width:16px;height:16px;margin-top:4px;color:var(--copper)}

.page-faq{background:#e9ede2;border-block:1px solid var(--line)}
.page-faq .faq-list summary{font-size:15px}
.page-faq .answer{font-size:14px;color:#4f5f58}

.related{padding-block:90px}
.related-head{display:flex;align-items:end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.related h2{font-size:clamp(36px,4vw,56px)}
.related h2 em{color:var(--copper)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.related-grid a{display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-height:190px;padding:26px;border:1px solid var(--line);border-radius:5px;background:#faf9f2;transition:transform .35s var(--ease),box-shadow .35s}
.related-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0d36250f}
.related-grid small{font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--copper)}
.related-grid strong{display:block;font:400 25px/1.2 var(--display);letter-spacing:-.02em;margin-top:10px}
.related-grid span{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.related-grid .icon{width:16px;height:16px}

.page-contact{position:relative;isolation:isolate;overflow:hidden;background:var(--dark);color:var(--cream);padding-block:96px}
.page-contact .contact-rings{top:-160px}
.page-contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center}
.page-contact h2{font-size:clamp(46px,5.4vw,78px)}
.page-contact h2 em,.page-contact .eyebrow{color:var(--gold)}
.page-contact .section-lede{color:#c0d0be}
.page-contact .contact-lines{margin-top:0;max-width:none}

.error-page{min-height:60vh;display:grid;align-content:center}

@media(max-width:1100px){.prose-wrap{grid-template-columns:minmax(0,1fr) 290px;gap:50px}}
@media(max-width:980px){.prose-wrap{grid-template-columns:minmax(0,1fr);gap:46px}.page-aside{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page-contact-grid{grid-template-columns:minmax(0,1fr);gap:40px}}
@media(max-width:780px){
  .page-hero{padding-block:34px 62px}.page-hero::after{width:380px;height:380px;right:-200px;top:-90px}
  .breadcrumbs{margin-bottom:30px}.page-hero h1{font-size:clamp(40px,10.5vw,64px);max-width:none}.page-hero .eyebrow{font-size:9px;letter-spacing:.14em}.page-lede{font-size:15px;margin-top:22px}
  .page-hero .hero-actions{gap:18px;margin-top:26px}.page-hero .hero-actions .button{min-height:49px;font-size:12px;gap:16px;padding-inline:18px}
  .page-facts{gap:10px 24px;margin-top:30px;font-size:11px}.page-facts b{font-size:21px}
  .prose-wrap{padding-block:64px 70px}.prose h2{margin-top:56px;font-size:clamp(30px,8vw,40px)}
  .prose p,.prose li{font-size:15px}.prose h3{font-size:17px}.note{padding:18px 20px}
  .related{padding-block:64px}.related-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}.related-grid a{min-height:0}
  .page-contact{padding-block:70px}.page-contact h2{font-size:52px}
}
@media print{.page-aside,.related,.page-contact .contact-rings{display:none!important}.page-hero,.page-contact{background:white;color:black}.prose-wrap{display:block}}
