@charset "UTF-8";

/* Dense two-page article spreads: pickup + buyer checklist */
#howto-guide .pickup-two-page,
#buyer-checklist .buyer-two-page{
  margin:0;
  border:1px solid #d9e5f1;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,50,102,.045);
}
#howto-guide .pickup-head,
#buyer-checklist .buyer-seven-head{
  padding:12px 15px 11px;
  background:linear-gradient(135deg,#f3f8ff 0%,#fbfdff 100%);
  border-bottom:1px solid #d9e5f1;
}
#howto-guide .pickup-head .section-kicker,
#buyer-checklist .buyer-seven-head .section-kicker{font-size:.68rem;letter-spacing:.08em}
#howto-guide .pickup-head :is(h2:where(:not([data-s66i-heading-from])),:where([data-s66i-heading-from="h2"])),
#buyer-checklist .buyer-seven-head :is(h2:where(:not([data-s66i-heading-from])),:where([data-s66i-heading-from="h2"])){
  margin:3px 0 4px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-size:clamp(1.45rem,2.2vw,2.1rem)!important;
  line-height:1.12!important;
  color:var(--navy);
}
#howto-guide .pickup-head p,
#buyer-checklist .buyer-seven-head p{
  margin:0!important;
  max-width:none!important;
  color:#536a81;
  font-size:.86rem!important;
  line-height:1.45!important;
}
#howto-guide .pickup-spread,
#buyer-checklist .buyer-spread{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:stretch;
  background:#d9e5f1;
}
#howto-guide .pickup-page,
#buyer-checklist .buyer-page{
  min-width:0;
  background:#fff;
  padding:12px 13px 13px;
}
#howto-guide .pickup-page+ .pickup-page,
#buyer-checklist .buyer-page+ .buyer-page{border-left:1px solid #d9e5f1}
#howto-guide .pickup-page-title{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:8px;
  align-items:start;
  margin-bottom:9px;
}
#howto-guide .pickup-page-title>span{
  display:grid;place-items:center;width:34px;height:34px;border-radius:9px;
  background:var(--navy);color:#fff;font-size:.7rem;font-weight:1000;
}
#howto-guide .pickup-page-title :is(h3:where(:not([data-s66i-heading-from])),:where([data-s66i-heading-from="h3"])){margin:0 0 2px!important;font-size:1.02rem;line-height:1.2;color:#154d87}
#howto-guide .pickup-page-title p{margin:0!important;color:#65788c;font-size:.78rem;line-height:1.38}
#howto-guide .pickup-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;border:1px solid #dfe8f2;border-radius:11px;overflow:hidden;background:#dfe8f2}
#howto-guide .pickup-case{min-width:0;padding:8px 9px;background:#f9fbfe;display:flex;flex-direction:column;gap:1px}
#howto-guide .pickup-case strong{font-size:.82rem;color:var(--navy)}
#howto-guide .pickup-case span{font-size:.74rem;color:#667b90;line-height:1.35}
#howto-guide .pickup-reasons{display:grid;grid-template-columns:1fr;gap:1px;padding:1px;border:1px solid #dfe8f2;border-radius:11px;overflow:hidden;background:#dfe8f2}
#howto-guide .pickup-reasons>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:8px;padding:8px 9px;background:#f9fbfe;font-size:.78rem;line-height:1.35}
#howto-guide .pickup-reasons b{color:var(--navy)}
#howto-guide .pickup-reasons span{color:#5d7288}
#howto-guide .pickup-keywords{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;padding:8px 9px;border-radius:10px;background:#fff8e7;border:1px solid #f1dfae}
#howto-guide .pickup-keywords strong{width:100%;font-size:.74rem;color:#8b5600}
#howto-guide .pickup-keywords span{padding:4px 7px;border-radius:999px;background:#fff;color:#65572f;font-size:.7rem;line-height:1.2;border:1px solid #eedfab}
#howto-guide .pickup-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px;margin-top:8px;padding:8px 9px;border-radius:10px;background:#eff7ff;font-size:.76rem;line-height:1.38}
#howto-guide .pickup-summary strong{color:#0a5da7;white-space:nowrap}
#howto-guide .pickup-summary span{color:#536a81}

#buyer-checklist .buyer-page{display:flex;flex-direction:column}
#buyer-checklist .buyer-page-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;padding:7px 8px;border-radius:9px;background:#f4f8fc;border:1px solid #e1e9f2}
#buyer-checklist .buyer-page-label span{font-size:.66rem;font-weight:1000;letter-spacing:.08em;color:#0a65b7}
#buyer-checklist .buyer-page-label strong{font-size:.76rem;color:#4e647a;text-align:right}
#buyer-checklist .buyer-page-list{display:grid;grid-template-columns:1fr;gap:1px;margin:0!important;padding:1px!important;list-style:none!important;border:1px solid #dfe8f2;border-radius:11px;overflow:hidden;background:#dfe8f2;counter-reset:none!important}
#buyer-checklist .buyer-page-list>li{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-height:52px!important;margin:0!important;padding:8px 9px!important;background:#fff!important;border:0!important;border-radius:0!important}
#buyer-checklist .buyer-page-list>li::before{display:none!important;content:none!important}
#buyer-checklist .buyer-page-list>li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--navy);color:#fff;font-size:.68rem;font-weight:1000}
#buyer-checklist .buyer-page-list>li>p{margin:0!important;color:#425b72!important;font-size:.82rem!important;line-height:1.38!important;font-weight:750}
#buyer-checklist .buyer-conclusion{margin-top:auto;padding:9px 10px;border-radius:10px;background:linear-gradient(90deg,#fff8e7,#fffdf5);border:1px solid #f0dfb1;display:grid;gap:3px}
#buyer-checklist .buyer-conclusion strong{font-size:.78rem;color:#8b5600}
#buyer-checklist .buyer-conclusion span{font-size:.76rem;line-height:1.4;color:#5d6470}

@media(max-width:900px){
  #howto-guide .pickup-spread,#buyer-checklist .buyer-spread{grid-template-columns:1fr}
  #howto-guide .pickup-page+ .pickup-page,#buyer-checklist .buyer-page+ .buyer-page{border-left:0;border-top:1px solid #d9e5f1}
  #howto-guide .pickup-reasons>div{grid-template-columns:120px minmax(0,1fr)}
}
@media(max-width:680px){
  #howto-guide .pickup-two-page,#buyer-checklist .buyer-two-page{border-radius:14px}
  #howto-guide .pickup-head,#buyer-checklist .buyer-seven-head{padding:10px 11px 9px}
  #howto-guide .pickup-page,#buyer-checklist .buyer-page{padding:10px}
  #howto-guide .pickup-case-grid{grid-template-columns:1fr 1fr}
  #howto-guide .pickup-reasons>div{grid-template-columns:1fr;gap:2px}
  #buyer-checklist .buyer-page-label{align-items:flex-start;flex-direction:column;gap:2px}
  #buyer-checklist .buyer-page-label strong{text-align:left}
}
@media(max-width:420px){
  #howto-guide .pickup-case-grid{grid-template-columns:1fr}
}
