/* RubyLou marketing — site.css (de-bundled from Claude Design export; do not hand-edit fonts/tokens, run build/build_css.py) */

/* --- Base reset (minimal; design ships fully inline-styled) --- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:#F4F0E8;color:#3D2B2F;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid #F4573A;outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* ===== Design tokens ===== */
/* Ruby Lou — Color Tokens */

:root {
  /* ── Brand Palette ── */
  --color-ruby:          #F4573A;
  --color-sage:          #9DAC92;
  --color-honey:         #E8C056;
  --color-blush:         #F2817A;
  --color-lavender:      #6C82B6;
  --color-morning-cream: #F4F0E8;
  --color-parchment:     #F0EBE3;
  --color-bark:          #3D2B2F;
  --color-moss:          #7A6B6E;

  /* ── Selected / Interactive states ── */
  --color-ruby-selected-fill:   #FEF2EF;
  --color-ruby-selected-border: #F4573A;

  /* ── Curriculum result header accents ── */
  --color-result-classical:      #6C82B6;  /* Lavender */
  --color-result-charlotte-mason: #9DAC92; /* Sage */
  --color-result-eclectic:       #F4573A;  /* Ruby */

  /* ── Semantic aliases ── */
  --color-bg:            var(--color-morning-cream);
  --color-surface:       var(--color-parchment);
  --color-text-primary:  var(--color-bark);
  --color-text-secondary:var(--color-moss);
  --color-text-accent:   var(--color-sage);
  --color-cta:           var(--color-ruby);
  --color-cta-text:      var(--color-morning-cream);
  --color-progress:      var(--color-sage);
  --color-border-card:   rgba(61, 43, 47, 0.12);
  --color-border-input:  rgba(61, 43, 47, 0.15);

  /* ── Transparency utilities ── */
  --color-bark-10:  rgba(61, 43, 47, 0.10);
  --color-bark-12:  rgba(61, 43, 47, 0.12);
  --color-bark-15:  rgba(61, 43, 47, 0.15);
  --color-bark-40:  rgba(61, 43, 47, 0.40);
  --color-ruby-20:  rgba(244, 87, 58, 0.20);
  --color-white-75: rgba(255, 255, 255, 0.75);
  --color-white-80: rgba(255, 255, 255, 0.80);
}

/* Ruby Lou — Spacing, Shape & Shadow Tokens */

:root {
  /* ── Spacing scale ── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   28px;
  --space-8:   32px;
  --space-9:   36px;
  --space-10:  40px;
  --space-12:  48px;
  --space-14:  56px;
  --space-16:  64px;
  --space-20:  80px;

  /* ── Section padding ── */
  --section-padding-sm:  24px;
  --section-padding:     28px;
  --section-padding-lg:  40px;

  /* ── Card padding ── */
  --card-padding-y:      10px;
  --card-padding-x:      14px;
  --card-padding:        10px 14px;

  /* ── Input padding ── */
  --input-padding-y:     11px;
  --input-padding-x:     14px;
  --input-padding:       11px 14px;

  /* ── Corner radii ── */
  --radius-sm:           6px;
  --radius-card:         10px;
  --radius-card-lg:      12px;
  --radius-input:        10px;
  --radius-button:       30px;
  --radius-pill:         100px;
  --radius-full:         9999px;

  /* ── Progress bar ── */
  --progress-height:     3px;
  --progress-height-lg:  4px;

  /* ── Garden strip ── */
  --garden-strip-height: 54px;

  /* ── Shadows ── */
  --shadow-card:     0 1px 4px rgba(61, 43, 47, 0.07), 0 0 0 1px rgba(61, 43, 47, 0.06);
  --shadow-card-hover: 0 4px 16px rgba(61, 43, 47, 0.10), 0 0 0 1px rgba(61, 43, 47, 0.08);
  --shadow-card-selected: 0 0 0 1.5px #F4573A, 0 2px 8px rgba(244, 87, 58, 0.12);
  --shadow-button:   0 2px 8px rgba(244, 87, 58, 0.25);
  --shadow-button-hover: 0 4px 16px rgba(244, 87, 58, 0.32);
  --shadow-input:    0 1px 3px rgba(61, 43, 47, 0.06);
  --shadow-modal:    0 8px 40px rgba(61, 43, 47, 0.15);

  /* ── Transitions ── */
  --transition-fast:   150ms ease; /* @kind other */
  --transition-base:   220ms ease; /* @kind other */
  --transition-slow:   350ms ease; /* @kind other */
  --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
}

/* ===== Text fonts ===== */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/b89b0e2f-8eb0-4f03-b993-69c159b9db18.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/676ecb81-d10c-4008-acf1-ed1416c7cfec.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/dad6ac76-5f6c-42cc-8338-753efa3ea591.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/4d6aafb5-e05d-4f6e-be04-3430f6038d9c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/b89b0e2f-8eb0-4f03-b993-69c159b9db18.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/676ecb81-d10c-4008-acf1-ed1416c7cfec.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/dad6ac76-5f6c-42cc-8338-753efa3ea591.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/4d6aafb5-e05d-4f6e-be04-3430f6038d9c.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/839e6b22-f77c-4743-837f-e9fc72c99cbc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/94a074ae-e2ee-46af-8a42-53cb4db68dca.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/2a320f92-e72f-4eef-af6d-d352ec3850f9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/e3f53c97-8a2d-4b98-80ed-a6078d06e007.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/44f0dbb0-7c3c-43c9-9fa4-ea3acd2831f2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/839e6b22-f77c-4743-837f-e9fc72c99cbc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/94a074ae-e2ee-46af-8a42-53cb4db68dca.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/2a320f92-e72f-4eef-af6d-d352ec3850f9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/e3f53c97-8a2d-4b98-80ed-a6078d06e007.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/44f0dbb0-7c3c-43c9-9fa4-ea3acd2831f2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/839e6b22-f77c-4743-837f-e9fc72c99cbc.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/94a074ae-e2ee-46af-8a42-53cb4db68dca.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/2a320f92-e72f-4eef-af6d-d352ec3850f9.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/e3f53c97-8a2d-4b98-80ed-a6078d06e007.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/44f0dbb0-7c3c-43c9-9fa4-ea3acd2831f2.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/756b67ff-41fa-49b9-87cb-2a756a8a6d2d.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/3cde1418-7ffd-4f54-aba7-62ee6963e1c0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/756b67ff-41fa-49b9-87cb-2a756a8a6d2d.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/3cde1418-7ffd-4f54-aba7-62ee6963e1c0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/756b67ff-41fa-49b9-87cb-2a756a8a6d2d.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/3cde1418-7ffd-4f54-aba7-62ee6963e1c0.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== Keyframes ===== */
@keyframes rlFade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

/* ===== Interaction layer (added in de-bundle) ===== */
/* Smooth in-page scrolling; sticky-nav offset for chip anchors */
:root{--rl-nav-h:64px}
html{scroll-behavior:smooth}
section[id^="how-"]{scroll-margin-top:120px}

/* Active nav item */
nav a[aria-current="page"]{color:#F4573A !important}

/* Mobile hamburger nav — pure CSS/JS, no dead-ends at narrow widths */
.rl-navtoggle{display:none;background:none;border:none;cursor:pointer;color:#3D2B2F;padding:6px;margin-left:auto;min-height:44px;min-width:44px;align-items:center;justify-content:center}
@media (max-width:760px){
  nav .rl-navtoggle{display:inline-flex}
  nav .rl-navlinks{display:none !important;position:absolute;top:100%;left:0;right:0;flex-direction:column !important;align-items:stretch !important;gap:2px !important;background:#F4F0E8;border-bottom:1px solid rgba(61,43,47,0.1);padding:8px clamp(20px,5vw,52px) 16px;box-shadow:rgba(61,43,47,0.08) 0 10px 22px}
  nav .rl-navlinks.rl-open{display:flex !important}
  nav .rl-navlinks a{padding:13px 4px !important;min-height:44px;display:flex !important;align-items:center;width:100%}
}

/* Our Approach — practice cards + reason bars as native <details> (no JS) */
details.rl-ap-card > summary.rl-ap-sum,
details.rl-ap-reason > summary.rl-ap-sum{list-style:none}
details.rl-ap-card > summary::-webkit-details-marker,
details.rl-ap-reason > summary::-webkit-details-marker{display:none}
details.rl-ap-card[open] > summary.rl-ap-sum{min-height:auto}
details.rl-ap-card[open] .rl-see-ev{display:none}
details.rl-ap-reason > summary.rl-ap-bar{padding:4px 0;min-height:44px}
details.rl-ap-card > summary:focus-visible,
details.rl-ap-reason > summary:focus-visible{outline:2px solid #F4573A;outline-offset:2px;border-radius:8px}

/* Our Approach — entrance reveal via a ONE-SHOT keyframe (not a persistent
   hidden state). Default = fully visible, so JS-off / reduced-motion / a missed
   observer all render the final page; site.js adds .rl-ap-in only to below-fold
   sections as they scroll in. */
@keyframes rlApRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
[data-ap-reveal].rl-ap-in{animation:rlApRise .6s cubic-bezier(.22,1,.36,1) both}
@media (prefers-reduced-motion: reduce){[data-ap-reveal].rl-ap-in{animation:none}}

/* Pricing cards: equalize the pre-CTA meta region at the 3-column desktop width
   so the three "Choose …" buttons share a baseline (Garden's founding + child
   lines make its stack tallest). Off below 992px, where cards stack. */
@media (min-width:992px){ .rl-price-meta{ min-height:340px } }

/* How-it-works sticky chip nav — active chip */
#rl-chipnav a[aria-current="true"]{color:#F4573A !important}

/* How-it-works Tuesday "planned vs. got" toggle.
   No-JS fallback: show ONLY the planned card and hide the (inert) control.
   site.js adds .rl-tue-live to <html>, reveals the control, and runs the
   crossfade by setting inline opacity/position on the cards (no !important
   here, so those inline styles actually take effect — the round-3 bug). */
[data-rl-tue="got"]{display:none}
[data-rl-tue-toggle]{display:none}
.rl-tue-live [data-rl-tue-toggle]{display:inline-flex}
/* Active segment = elevated pill + full bark text; inactive = flat + muted text.
   (Inline bg/shadow/color are stripped in build so these win without !important.) */
[data-rl-tue-btn]{background:transparent;box-shadow:none;color:rgba(61,43,47,0.45)}
[data-rl-tue-btn][aria-pressed="true"]{background:#F8F3EA;
  box-shadow:rgba(61,43,47,0.12) 0 1px 4px;color:#3D2B2F}

/* Sample-week quiz */
.rl-quiz-step[hidden]{display:none}
.rl-choice{cursor:pointer;transition:border-color .15s ease,background .15s ease}
.rl-choice[aria-pressed="true"]{border-color:#F4573A !important;background:#FEF2EF !important}
.rl-week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}

/* FAQ accordion — native <details>/<summary> (no JS; keyboard + indexable) */
details.rl-faq > summary.rl-faq-sum{list-style:none}
details.rl-faq > summary.rl-faq-sum::-webkit-details-marker{display:none}
details.rl-faq > summary:focus-visible{outline:2px solid #F4573A;outline-offset:2px;border-radius:6px}
.rl-faq-chev{transition:transform .2s ease}
details.rl-faq[open] > summary .rl-faq-chev{transform:rotate(180deg)}