@charset "utf-8";
/* Number Five FAQ – styles scoped to the FAQ page only, after common.css */
#nf-faq-page {--nf-pink:#ee3e86;--nf-ink:#30313a;--nf-line:#eddae3;box-sizing:border-box;width:100%;max-width:980px;margin:0 auto 45px;padding:26px 0 30px;color:var(--nf-ink);font-family:Arial,"source-han-sans-cjk-ja",sans-serif;font-size:15px;line-height:1.65;letter-spacing:normal;overflow-wrap:anywhere;}
#nf-faq-page *,#nf-faq-page *::before,#nf-faq-page *::after{box-sizing:border-box;}
#nf-faq-page a{color:#d92170;text-decoration:underline;text-underline-offset:3px;overflow:visible;}
#nf-faq-page a:hover{text-decoration:none;}
#nf-faq-page h2,#nf-faq-page h3,#nf-faq-page h4{font-family:Arial,"source-han-sans-cjk-ja",sans-serif;background:none;background-image:none;color:var(--nf-ink);border:none;border-radius:0;box-shadow:none;text-indent:0;width:auto;height:auto;min-height:0;margin:0;padding:0;line-height:1.32;letter-spacing:normal;text-align:left;position:static;z-index:auto;font-weight:700;}
#nf-faq-page h2::before,#nf-faq-page h2::after,#nf-faq-page h3::before,#nf-faq-page h3::after,#nf-faq-page h4::before,#nf-faq-page h4::after{content:none!important;display:none!important;}
#nf-faq-page p{margin:0;line-height:1.7;font-size:inherit;}
#nf-faq-page [hidden]{display:none!important;}
#nf-faq-page .nf-faq-eyebrow{color:#ca276c;font-size:11px;letter-spacing:.13em;font-weight:800;}
#nf-faq-page .nf-faq-hero{position:relative;overflow:hidden;border:1px solid #f3c5d6;border-top:4px solid #ee3e86;background:linear-gradient(125deg,#fff 35%,#fff3f7 100%);padding:30px 34px 28px;margin:10px 0 14px;box-shadow:0 3px 16px rgba(114,41,72,.06);}
#nf-faq-page .nf-faq-hero::after{content:"?";position:absolute;right:18px;top:-40px;font:bold 190px/1 Georgia,serif;color:rgba(231,78,131,.07);pointer-events:none;}
#nf-faq-page .nf-faq-hero > *{position:relative;z-index:1;}
#nf-faq-page h2#nf-faq-heading{font-size:36px;line-height:1.18;letter-spacing:-.025em;margin:9px 0 5px;color:#262333;}
#nf-faq-page .nf-faq-subtitle{font-weight:750;color:#2f2f2f;font-size:17px;margin:0 0 12px;}
#nf-faq-page .nf-faq-hero p:not(.nf-faq-subtitle){max-width:740px;font-size:14px;color:#5b5760;}
#nf-faq-page .nf-faq-hero-actions,#nf-faq-page .nf-faq-footer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px;}
#nf-faq-page a.nf-faq-btn-primary,#nf-faq-page a.nf-faq-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;min-height:43px;padding:10px 20px;font-size:13px;font-weight:700;border-radius:5px;border:1px solid #e74686;line-height:1.2;}
#nf-faq-page a.nf-faq-btn-primary{background:linear-gradient(90deg,#e9317c,#ff5fa0);color:white!important;}
#nf-faq-page a.nf-faq-btn-secondary{background:white;color:#d52c72;}
#nf-faq-page .nf-faq-keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px;}
#nf-faq-page .nf-faq-keyfacts>div{background:#fff;border:1px solid var(--nf-line);border-radius:6px;padding:14px 15px;min-width:0;box-shadow:0 1px 4px rgba(0,0,0,.025);}
#nf-faq-page .nf-faq-keyfacts strong{display:block;color:#373737;font-size:18px;line-height:1.25;margin-bottom:4px;}
#nf-faq-page .nf-faq-keyfacts span{display:block;font-size:12px;color:#69646b;}
#nf-faq-page .nf-faq-tools{background:#fff;border:1px solid #cecece;border-radius:8px;padding:22px;margin-bottom:15px;}
#nf-faq-page .nf-faq-search-label{display:block;font-size:17px;color:#292730;font-weight:800;margin-bottom:9px;}
#nf-faq-page .nf-faq-search-field{display:flex;align-items:center;border:2px solid #b5b5b5;border-radius:6px;min-height:51px;background:#fff;padding:0 10px 0 14px;gap:8px;}
#nf-faq-page .nf-faq-search-field:focus-within{border-color:#db397b;box-shadow:0 0 0 3px rgba(238,62,134,.12);}
#nf-faq-page .nf-faq-search-field>span{font-size:28px;line-height:1;color:#cf3b77;}
#nf-faq-page #nf-faq-search{flex:1;min-width:0;font:inherit;font-size:14px;border:0!important;background:transparent!important;color:#333;box-shadow:none!important;outline:none!important;height:46px;padding:0;}
#nf-faq-page #nf-faq-search::placeholder{color:#807b84;opacity:1;}
#nf-faq-page #nf-faq-clear{border:0;background:#f8e9f0;color:#b02867;padding:7px 12px;cursor:pointer;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap;}
#nf-faq-page .nf-faq-filters{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 7px;}
#nf-faq-page .nf-faq-filter{border:1px solid #ecd2dd;border-radius:20px;background:#fff;color:#5c4c56;padding:7px 13px;font-size:12px;font-weight:700;line-height:1.35;cursor:pointer;white-space:normal;}
#nf-faq-page .nf-faq-filter:hover{background:#fff1f7;}
#nf-faq-page .nf-faq-filter.is-active{background:#e7337a;color:white;border-color:#e7337a;}
#nf-faq-page .nf-faq-count{font-size:12px;color:#766a72;padding-top:3px;}
#nf-faq-page .nf-faq-popular{background:#ffffff;border-left:4px solid #ffd1e2;padding:15px 18px;margin:0 0 25px;}
#nf-faq-page .nf-faq-popular>strong{display:block;font-size:13px;color:#8e2b54;margin-bottom:9px;}
#nf-faq-page .nf-faq-popular>div{display:flex;flex-wrap:wrap;gap:5px 20px;}
#nf-faq-page .nf-faq-popular a{font-size:13px;}
#nf-faq-page .nf-faq-group{margin:0 0 30px;scroll-margin-top:20px;}
#nf-faq-page .nf-faq-group-header{padding:0 0 12px;border-bottom:2px solid #ee4b8c;margin-bottom:12px;}
#nf-faq-page h3.nf-faq-group-header-title,#nf-faq-page .nf-faq-group-header h3{color:#312735;font-size:23px;font-weight:800;line-height:1.3;margin:0 0 2px!important;padding:0!important;text-indent:0!important;background:none!important;box-shadow:none!important;height:auto!important;width:auto!important;}
#nf-faq-page .nf-faq-group-header p{font-size:13px;color:#777078;}
#nf-faq-page .nf-faq-item{display:block;background:#fff;border:1px solid #e9dce1;border-radius:6px;margin:0 0 9px;overflow:hidden;scroll-margin-top:20px;}
#nf-faq-page .nf-faq-item[open]{border-color:#ec94b6;box-shadow:0 3px 14px rgba(176,60,113,.07);}
#nf-faq-page .nf-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:13px;cursor:pointer;padding:17px 17px 17px 20px;font-weight:700;font-size:15px;line-height:1.42;color:#34303a;background:white;min-height:54px;}
#nf-faq-page .nf-faq-item summary::-webkit-details-marker{display:none;}
#nf-faq-page .nf-faq-item summary::marker{content:"";}
#nf-faq-page .nf-faq-item summary:hover{background:#fff7fa;}
#nf-faq-page .nf-faq-item[open] summary{background:#fff5f9;color:#9b2559;}
#nf-faq-page .nf-faq-question{flex:1;display:block;}
#nf-faq-page .nf-faq-chevron{width:12px;height:12px;flex:0 0 12px;border-right:2px solid #d43278;border-bottom:2px solid #d43278;transform:rotate(45deg);margin-right:6px;margin-top:-6px;transition:transform .16s ease;}
#nf-faq-page .nf-faq-item[open] .nf-faq-chevron{transform:rotate(225deg);margin-top:5px;}
#nf-faq-page .nf-faq-answer{padding:17px 20px 20px;border-top:1px solid #f0d6e1;font-size:14px;line-height:1.73;background:#fff;}
#nf-faq-page .nf-faq-answer p{margin:0;}
#nf-faq-page .nf-faq-answer a{font-weight:700;}
#nf-faq-page .nf-faq-answer strong{font-weight:700;color:#34303a;}
#nf-faq-page .nf-faq-empty{padding:24px;text-align:center;background:#fff3f7;border:1px dashed #eeb2c9;border-radius:6px;margin:15px 0 24px;}
#nf-faq-page .nf-faq-footer-help{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 27px;background:linear-gradient(115deg, #ffffff, #fff);border:1px solid #f0c0d2;border-radius:6px;margin-top:16px;}
#nf-faq-page .nf-faq-footer-help>div:first-child{flex:1;}
#nf-faq-page .nf-faq-footer-help h3{font-size:22px!important;margin:5px 0 7px!important;line-height:1.25!important;}
#nf-faq-page .nf-faq-footer-help p{font-size:13px;max-width:570px;}
#nf-faq-page .nf-faq-footer-actions{flex:0 0 auto;flex-direction:column;min-width:220px;margin-top:0;}
#nf-faq-page .nf-faq-update{font-size:11px;line-height:1.65;color:#807781;padding:19px 1px 0;}
@media(max-width:768px){
  #nf-faq-page{padding:12px 11px 24px;margin:0 0 20px;font-size:14px;}
  #nf-faq-page .nf-faq-hero{padding:20px 17px 18px;margin:7px 0 10px;}
  #nf-faq-page .nf-faq-hero::after{font-size:125px;right:0;top:-20px;}
  #nf-faq-page h2#nf-faq-heading{font-size:28px;line-height:1.16;margin-top:8px;}
  #nf-faq-page .nf-faq-subtitle{font-size:14px;margin-bottom:9px;}
  #nf-faq-page .nf-faq-hero p:not(.nf-faq-subtitle){font-size:13px;}
  #nf-faq-page .nf-faq-hero-actions{gap:8px;}
  #nf-faq-page a.nf-faq-btn-primary,#nf-faq-page a.nf-faq-btn-secondary{padding:10px 12px;min-width:0;flex:1;font-size:12px;}
  #nf-faq-page .nf-faq-keyfacts{gap:6px;margin-bottom:12px;}
  #nf-faq-page .nf-faq-keyfacts>div{padding:11px 7px;text-align:center;}
  #nf-faq-page .nf-faq-keyfacts strong{font-size:13px;}
  #nf-faq-page .nf-faq-keyfacts span{font-size:10px;line-height:1.25;}
  #nf-faq-page .nf-faq-tools{padding:15px 12px;border-radius:6px;}
  #nf-faq-page .nf-faq-filters{gap:7px;}
  #nf-faq-page .nf-faq-filter{font-size:11px;padding:7px 10px;}
  #nf-faq-page .nf-faq-popular{padding:12px 13px;margin-bottom:20px;}
  #nf-faq-page .nf-faq-popular>div{gap:7px 14px;}
  #nf-faq-page .nf-faq-group{margin-bottom:25px;}
  #nf-faq-page .nf-faq-group-header h3{font-size:20px!important;}
  #nf-faq-page .nf-faq-item summary{padding:14px 13px;font-size:14px;min-height:54px;}
  #nf-faq-page .nf-faq-answer{padding:13px 14px 17px;font-size:13px;}
  #nf-faq-page .nf-faq-footer-help{display:block;padding:19px 16px;}
  #nf-faq-page .nf-faq-footer-actions{margin-top:15px;flex-direction:column;min-width:0;}
  #nf-faq-page .nf-faq-footer-actions a{flex:auto;}
}

/* Restored original Number Five FAQ banner (existing site image). */
#nf-faq-page .nf-faq-hero-with-banner {
  padding:0;
  overflow:hidden;
  border-top:0;
  background:#fff;
}
#nf-faq-page .nf-faq-hero-with-banner::after { content:none!important; display:none!important; }
#nf-faq-page .nf-faq-original-banner {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:0;
  margin:0;
  padding:0;
}
#nf-faq-page .nf-faq-hero-copy {
  padding:23px 30px 25px;
  background:linear-gradient(115deg, #ffffff, #ffffff);
}
#nf-faq-page .nf-faq-hero-with-banner h2#nf-faq-heading {
  font-size:27px;
  margin:7px 0 6px;
}
@media (max-width:768px) {
  #nf-faq-page .nf-faq-hero-with-banner {padding:0;margin:7px 0 10px;}
  #nf-faq-page .nf-faq-hero-copy {padding:17px 15px 19px;}
  #nf-faq-page .nf-faq-hero-with-banner h2#nf-faq-heading {font-size:22px;margin:6px 0;}
}
