*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#FFFAF0;color:#33291F;font-family:'Noto Sans TC',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
  a{color:#E4694F;text-decoration:none}
  a:hover{color:#C2543C}
  section{scroll-margin-top:88px}
  summary::-webkit-details-marker{display:none}
  details[open]>summary>.faq-chev{transform:rotate(180deg)}
  details[open]{border-radius:26px!important}
  @keyframes chFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* hover states */
[data-hv="h1"]:hover{background: #FFF1D6;}
[data-hv="h2"]:hover{color: #FFFAF0;}

details summary::-webkit-details-marker{display:none}
details[open] .faq-chev{transform:rotate(180deg)}