/* A-design FAQ: quiet notebook cards, clearly separated Q and A. */
#faq details {
  border:1px solid #cfd9c0;
  border-radius:21px 21px 21px 7px;
  background:#fbf6e9;
  box-shadow:0 4px 0 #dedfcf,0 10px 22px #4b583c08;
}
#faq details + details {margin-top:15px;}
#faq summary {
  position:relative;
  min-height:76px;
  padding:17px 15px;
  gap:12px;
  color:#2d4235;
  background:#fbf6e9;
  font-size:16px;
  line-height:1.65;
  font-weight:750;
  text-wrap:pretty;
}
#faq summary:hover {background:#f1f3e3;}
#faq summary::before {
  width:34px;height:36px;flex:0 0 34px;
  color:#315e50;
  background:#e3ebd4;
  border:1px solid #cad7b9;
  border-radius:12px 12px 4px 12px;
  font-family:Georgia,serif;
  font-size:20px;
  font-weight:700;
  transform:rotate(-5deg);
}
#faq summary::after {
  width:26px;height:26px;flex:0 0 26px;
  margin:0 0 0 auto;
  border:1px solid #c9d5bb;
  border-radius:50%;
  background:linear-gradient(#315e50,#315e50) center/10px 1.5px no-repeat,
    linear-gradient(#315e50,#315e50) center/1.5px 10px no-repeat,#eef2e2;
  transform:none;
}
#faq details[open] {border-color:#a5ba96;box-shadow:0 4px 0 #ccd8bf,0 12px 24px #314c3610;}
#faq details[open] summary {background:#e8efdc;border-bottom:1px dashed #acbea0;}
#faq details[open] summary::after {margin:0 0 0 auto;transform:rotate(45deg);}
#faq details p {
  margin:16px 13px 18px;
  padding:18px 15px 18px 54px;
  color:#354236;
  background:#fffdf6;
  border:1px solid #e9dcc7;
  border-left:3px solid #d8896e;
  border-radius:5px 16px 16px 16px;
  font-size:15px;
  line-height:1.95;
  box-shadow:0 3px 9px #75553406;
}
#faq details p::before {
  top:19px;left:12px;
  width:29px;height:30px;
  color:#8c442c;background:#f8e3d4;
  border:1px solid #e5bca7;border-radius:10px 10px 10px 3px;
  font-family:Georgia,serif;font-size:18px;font-weight:700;
}
#faq summary:focus-visible {outline:3px solid #116fc6;outline-offset:-4px;}
@media(min-width:768px){#faq summary{font-size:18px;padding:19px 22px;gap:16px;}#faq details p{margin:19px 22px 22px;font-size:17px;padding:21px 24px 21px 62px;}#faq details p::before{top:23px;left:18px;}}
@media(max-width:359px){#faq summary{font-size:15px;padding:14px 11px;gap:9px;}#faq summary::before{width:29px;height:33px;flex-basis:29px;}#faq summary::after{width:23px;height:23px;flex-basis:23px;}#faq details p{margin:12px 9px 15px;padding:16px 12px 16px 45px;font-size:15px;}#faq details p::before{left:8px;top:18px;width:26px;height:28px;}}
@media(prefers-reduced-motion:reduce){#faq summary::after{transition:none;}}
@media(forced-colors:active){#faq details,#faq summary,#faq details[open] summary,#faq details p,#faq summary::before,#faq details p::before{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;}#faq summary::after{background:none;content:'+';border-color:ButtonText;color:ButtonText;text-align:center;line-height:23px;font-size:20px;}}
