/* K3 sample-room (版房) Q&A page — Boyan VI, minimum body size 21px (16pt) */

#primary.page-header{display:none!important}
.main-raised{margin:0!important;border-radius:0!important;box-shadow:none!important}
.blog-post > .container{max-width:100%!important;width:100%!important;padding:0!important}
.blog-post .row{margin:0!important}
.page-content-wrap{width:100%!important;float:none!important;margin:0!important;max-width:100%!important}
article.section.section-text{padding:0!important}

.qa{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  color:#1A1A1A;font-size:21px;line-height:1.9;background:#fff;
  -webkit-font-smoothing:antialiased;
}
.qa *{box-sizing:border-box}
.qa-in{max-width:800px;margin:0 auto;padding:0 22px 60px}

/* ---------- hero ---------- */
.qa-hero{border-top:8px solid #C7000C;padding:44px 0 34px;margin-bottom:0}
.qa-kicker{font-size:21px;font-weight:700;color:#C7000C;letter-spacing:.06em;margin:0 0 18px}
.qa h1{font-size:40px;line-height:1.28;font-weight:800;letter-spacing:-.8px;margin:0 0 22px;color:#111}
.qa-sub{font-size:21px;line-height:1.85;color:#3A3A3C;margin:0 0 22px}
.qa-meta{font-size:21px;color:#8C8C8F;border-top:1px solid #E4E4E6;padding-top:16px}

/* ---------- summary ---------- */
.qa-sum{background:#F5F7F9;padding:34px 26px 30px;margin:34px 0 42px}
.qa-sum h2{font-size:23px;font-weight:800;margin:0 0 22px;color:#111;letter-spacing:0}
.qa p:empty{display:none!important}
.qa-nums > p{display:none!important}
.qa-nums{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(112px,1fr);gap:1px;background:#E4E4E6;border:1px solid #E4E4E6;margin:0 0 26px}
.qa-num{background:#fff;padding:18px 16px;display:flex;flex-direction:column;justify-content:center}
.qa-num b{display:block;font-size:32px;line-height:1.15;color:#C7000C;font-weight:800;letter-spacing:-.5px}
.qa-num span{display:block;font-size:21px;line-height:1.5;color:#4A4A4C;margin-top:6px}
.qa-pts{list-style:none;margin:0;padding:0}
.qa-pts li{position:relative;padding-left:30px;margin:0 0 16px;font-size:21px;line-height:1.75}
.qa-pts li:last-child{margin-bottom:0}
.qa-pts li:before{content:"";position:absolute;left:4px;top:14px;width:10px;height:10px;background:#C7000C}

/* ---------- Q&A ---------- */
.qa-q{margin:54px 0 0;padding:26px 0 0;border-top:1px solid #E4E4E6}
.qa-q:first-of-type{border-top:none;margin-top:30px}
.qa-q .num{
  display:inline-block;font-size:21px;font-weight:800;color:#fff;background:#C7000C;
  padding:2px 12px;margin:0 0 12px;letter-spacing:.04em;
}
.qa h3{font-size:25px;line-height:1.45;font-weight:800;margin:0 0 18px;color:#111;letter-spacing:-.3px}
.qa p{margin:0 0 20px;color:#2E2E30;font-size:21px}
.qa p.lead{font-size:21px;color:#3A3A3C;border-left:5px solid #C7000C;padding:4px 0 4px 18px;margin:0 0 26px}
.qa b,.qa strong{font-weight:700;color:#111}
.qa .hl{background:linear-gradient(transparent 62%,#F8D7DA 62%);padding:0 2px}

/* ---------- figures ---------- */
.qa figure{margin:26px 0 30px}
.qa-fig-scroll{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid #E4E4E6;background:#fff;
}
.qa-fig-scroll img{display:block;width:100%;min-width:660px;height:auto;margin:0}
.qa figcaption{font-size:21px;line-height:1.7;color:#5E5E61;margin-top:12px;padding-left:14px;border-left:3px solid #E8B4B7}
.qa-hint{display:none;font-size:21px;color:#9A9A9E;margin:8px 0 0;text-align:center}

/* ---------- table ---------- */
.qa table{width:100%;border-collapse:collapse;margin:22px 0 26px;font-size:21px}
.qa caption{caption-side:top;text-align:left;font-size:21px;color:#C7000C;font-weight:700;padding:0 0 10px}
.qa th{text-align:left;font-weight:700;color:#111;border-bottom:2px solid #1A1A1A;padding:12px 10px;font-size:21px}
.qa td{border-bottom:1px solid #E4E4E6;padding:12px 10px;vertical-align:top;color:#2E2E30;font-size:21px}
.qa td:first-child{font-weight:600;color:#111}
.qa th:first-child,.qa td:first-child{white-space:nowrap;padding-right:18px}

/* ---------- callouts ---------- */
.qa .box{border:1px solid #E4E4E6;border-left:5px solid #C7000C;background:#FCFCFD;padding:20px 22px;margin:24px 0}
.qa .box p:last-child{margin-bottom:0}
.qa .note{background:#F5F7F9;padding:20px 22px;margin:24px 0}
.qa .note p:last-child{margin-bottom:0}

/* ---------- end ---------- */
.qa-end{margin-top:56px;padding-top:26px;border-top:2px solid #1A1A1A}
.qa-end p{margin:0 0 14px}
.qa-cta{display:inline-block;background:#C7000C;color:#fff!important;font-weight:700;padding:14px 26px;text-decoration:none;margin-top:8px}
.qa-cta:hover{background:#A5000A;color:#fff}

/* ---------- mobile ---------- */
@media (max-width:820px){
  .qa{font-size:21px}
  .qa-in{padding:0 18px 50px}
  .qa-hero{padding:30px 0 26px}
  .qa h1{font-size:30px;line-height:1.32;letter-spacing:-.3px}
  .qa h3{font-size:23px}
  .qa-sum{padding:26px 18px 24px;margin:26px 0 34px}
  .qa-nums{grid-template-columns:1fr;grid-auto-rows:auto}
  .qa-num{flex-direction:row;align-items:baseline;gap:16px;padding:14px 16px}
  .qa-num b{font-size:30px;flex:0 0 128px;width:128px}
  .qa-num span{margin-top:0;flex:1 1 auto}
  .qa-fig-scroll img{min-width:660px}
  .qa-hint{display:block}
  .qa table,.qa thead,.qa tbody,.qa tr,.qa th,.qa td{display:block}
  .qa table{border:none}
  .qa caption{display:block;width:100%;padding-bottom:10px}
  .qa thead{display:none}
  .qa tr{border:1px solid #E4E4E6;border-left:4px solid #C7000C;padding:6px 14px 10px;margin:0 0 14px;background:#fff}
  .qa td{border:none;padding:6px 0;font-size:21px}
  .qa td:before{
    content:attr(data-label);display:block;font-size:21px;color:#8C8C8F;font-weight:400;line-height:1.5;
  }
  .qa td:first-child{font-weight:700;white-space:normal;padding-right:0}
  .qa td:first-child:before{display:none}
  .qa td:first-child{font-size:21px;padding-bottom:8px;border-bottom:1px solid #EFEFF1;margin-bottom:4px}
}