/* The approved LifeOf palette and type, arranged for reading and support. */
.inside-page { --document-line:#ced5c2; --document-ink:#19382e; background:#f7f5e9; }
.inside-page :target { scroll-margin-top:28px; }
.document-shell { width:min(1248px,calc(100% - 96px)); margin-inline:auto; }
.document-hero { background:#e9eedc; border-bottom:1px solid var(--document-line); }
.document-hero .document-shell { padding-top:30px; }
.back-to-lifeof { display:inline-flex; align-items:center; gap:12px; font-size:14px; padding-block:7px; }
.document-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:100px; align-items:end; padding:55px 0 65px; }
.document-eyebrow { font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.17em; text-transform:uppercase; }
.document-hero h1 { margin:20px 0 0; font:400 clamp(56px,5.6vw,86px)/1.02 Georgia,'Times New Roman',serif; letter-spacing:-.05em; max-width:690px; text-wrap:balance; }
.document-intro > p:first-child { font-size:24px; line-height:1.45; max-width:470px; }
.document-intro .document-updated { font-size:13px; line-height:1.7; color:#59674e; margin-top:24px; max-width:420px; }
.document-navigation { position:static; inset:auto; padding:0; background:transparent; box-shadow:none; border-bottom:0; display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--document-line); }
.document-navigation a { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:21px 24px; font-size:14px; border-left:1px solid var(--document-line); }
.document-navigation a:first-child { border-left:0; padding-left:0; }
.document-navigation a:last-child { padding-right:0; }
.document-navigation a[aria-current=page] { font-weight:600; box-shadow:inset 0 -3px var(--document-ink); }
.document-navigation a:hover { background:#dfe6cf; text-decoration:none; }
.document-navigation a > span { font-size:18px; }
.document-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:85px; padding-block:74px 92px; align-items:start; }
.document-sidebar { position:sticky; top:28px; min-width:0; }
.document-contents { border-top:1px solid var(--document-ink); }
.document-contents summary { font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:18px 0; list-style:none; display:flex; align-items:center; justify-content:space-between; cursor:pointer; }
.document-contents summary::-webkit-details-marker { display:none; }
.document-contents summary > span { font-size:18px; transition:transform .2s; }
.document-contents[open] summary > span { transform:rotate(180deg); }
.document-contents nav { position:static; inset:auto; background:transparent; box-shadow:none; border-bottom:0; display:flex; flex-direction:column; align-items:stretch; gap:2px; padding:0 0 8px; }
.document-contents nav a { padding:8px 10px 8px 15px; border-left:2px solid transparent; font-size:13px; line-height:1.5; color:#5a6655; }
.document-contents nav a[aria-current=location] { border-color:#506d41; color:#19382e; background:#e9eddc; }
.document-contents nav a:hover { color:#19382e; background:#edf0e3; text-decoration:none; }
.document-contact { margin-top:30px; border-top:1px solid var(--document-line); padding-top:25px; }
.document-contact p { margin:12px 0 5px; font-size:18px; font-weight:500; }
.document-contact a { font-size:14px; text-underline-offset:5px; }
.document-body { min-width:0; }
.document-section { padding-top:35px; margin-top:38px; border-top:1px solid var(--document-line); }
.document-section:first-child { padding-top:0; margin-top:0; border:0; }
.document-section h2 { font:400 34px/1.2 Georgia,'Times New Roman',serif; letter-spacing:-.03em; margin:0 0 22px; }
.document-section > p { font-size:17px; line-height:1.85; color:#3d5047; }
.document-section p + p { margin-top:20px; }
.document-section p a { text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.document-action { display:inline-flex; align-items:center; gap:28px; background:#19382e; color:#f7f5e9; padding:14px 23px; min-height:50px; border-radius:30px; font-size:15px; font-weight:500; margin-top:25px; }
.document-action:hover { background:#335641; text-decoration:none; }
.deletion-steps { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.deletion-steps li { padding:24px; border:1px solid var(--document-line); background:#eef0e3; border-radius:12px; }
.deletion-step-number { display:block; font:400 38px/1 Georgia,serif; letter-spacing:-.04em; color:#4b6a3b; margin-bottom:22px; }
.deletion-steps p { font-size:17px; line-height:1.65; }
.document-section.document-notice { padding:28px; border:1px solid #cbd3b8; background:#e9eedc; border-radius:12px; }
.document-notice h2 { font-size:29px; }
.document-end { display:flex; justify-content:space-between; gap:24px; border-top:1px solid var(--document-line); margin-top:52px; padding-top:25px; font-size:13px; }
.document-end > span { color:#5e6d57; }
.document-end a { white-space:nowrap; }
.document-related { background:#1e3b30; color:#f7f5e9; }
.document-related .document-shell { padding-block:45px 55px; }
.document-related .document-eyebrow { color:#ccdaaf; margin-bottom:25px; }
.document-related .document-shell > div { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.document-related a { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #6c8067; padding-top:22px; font:400 27px/1.2 Georgia,serif; letter-spacing:-.03em; }
.inside-page .footer-ribbon { padding-top:35px; }
@media(max-width:1100px) {
  .document-hero-grid { gap:50px; }
  .document-layout { grid-template-columns:205px minmax(0,1fr); gap:44px; }
  .document-navigation a { padding-inline:17px; font-size:13px; }
  .document-section h2 { font-size:30px; }
  .document-related a { font-size:24px; }
}
@media(max-width:760px) {
  .document-shell { width:calc(100% - 40px); }
  .document-hero .document-shell { padding-top:20px; }
  .back-to-lifeof { font-size:13px; }
  .document-hero-grid { grid-template-columns:1fr; gap:27px; padding:33px 0 36px; }
  .document-hero h1 { font-size:52px; margin-top:14px; text-wrap:initial; }
  .document-intro > p:first-child { font-size:20px; }
  .document-intro .document-updated { font-size:12px; margin-top:18px; }
  .document-navigation { grid-template-columns:1fr 1fr; }
  .document-navigation a { padding:16px 12px; font-size:12px; min-height:60px; gap:10px; }
  .document-navigation a:nth-child(odd) { padding-left:0; border-left:0; }
  .document-navigation a:nth-child(even) { padding-right:0; }
  .document-navigation a:nth-child(n+3) { border-top:1px solid var(--document-line); }
  .document-layout { grid-template-columns:1fr; gap:32px; padding-block:32px 55px; }
  .document-sidebar { position:static; }
  .document-contents { border-bottom:1px solid var(--document-line); }
  .document-contact { display:none; }
  .document-section { padding-top:27px; margin-top:30px; }
  .document-section h2 { font-size:29px; margin-bottom:19px; }
  .document-section > p,.deletion-steps p { font-size:16px; line-height:1.8; }
  .deletion-steps { grid-template-columns:1fr; gap:12px; }
  .deletion-steps li { display:flex; gap:22px; align-items:flex-start; padding:20px; }
  .deletion-step-number { font-size:31px; margin-bottom:0; flex-shrink:0; padding-top:4px; }
  .document-section.document-notice { padding:22px; }
  .document-notice h2 { font-size:27px; }
  .document-action { font-size:14px; padding-inline:20px; gap:18px; }
  .document-end { font-size:11px; gap:15px; }
  .document-related .document-shell > div { grid-template-columns:1fr; gap:24px; }
  .document-related a { font-size:26px; }
  .document-related .document-shell { padding-block:35px 40px; }
}
@media(prefers-reduced-motion:reduce) { .document-contents summary > span { transition:none; } }
