.guide-hero { padding: 42px 0 48px; border-bottom: 1px solid #e1e1e6; background: linear-gradient(180deg,#fff 0,#f5f5f7 100%); }
.guide-hero .detail-breadcrumb { margin-bottom: 22px; }
.guide-hero h1 { max-width: 880px; margin: 16px 0 12px; font: 600 44px/1.08 var(--display); }
.guide-hero .detail-lead { max-width: 790px; margin-bottom: 0; }
.guide-main { padding-top: 38px; padding-bottom: 68px; }
.guide-intro { max-width: 820px; color: #64646c; font-size: 13px; line-height: 1.8; }
.guide-pictorial { margin: 22px 0 30px; overflow: hidden; border: 1px solid #e1e1e6; border-radius: 12px; background: white; }
.guide-pictorial img { width: 100%; height: auto; display: block; }
.guide-pictorial figcaption { padding: 10px 14px; border-top: 1px solid #e4e4e8; color: #676770; font-size: 10px; }
.guide-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.guide-card { min-width: 0; display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid #e0e0e5; border-radius: 10px; background: white; }
.guide-card > span { color: #0071e3; font-size: 9px; font-weight: 700; letter-spacing: .7px; }
.guide-card h2, .guide-card h3 { margin: 0; font: 600 16px/1.35 var(--display); }
.guide-card p { margin: 0; color: #65656d; font-size: 11px; line-height: 1.7; }
.guide-card a { margin-top: auto; padding-top: 4px; color: #0071e3; font-size: 10px; font-weight: 700; }
.guide-card a:hover { color: #004f9f; }
.guide-faq-list { max-width: 900px; margin: 0 auto; }
.guide-faq-list details { border-bottom: 1px solid #dcdce2; }
.guide-faq-list details:first-child { border-top: 1px solid #dcdce2; }
.guide-faq-list summary { position: relative; padding: 18px 32px 18px 0; color: #25252b; font: 600 14px var(--display); cursor: pointer; list-style: none; }
.guide-faq-list summary::-webkit-details-marker { display: none; }
.guide-faq-list summary::after { content: "+"; position: absolute; right: 4px; top: 12px; color: #0071e3; font: 400 21px var(--sans); }
.guide-faq-list details[open] summary::after { content: "−"; }
.guide-faq-list details > p { max-width: 780px; margin: 0 0 18px; color: #65656d; font-size: 12px; line-height: 1.75; }
.guide-cta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; margin-top: 38px; padding: 22px; border: 1px solid #dfe1e7; border-radius: 10px; background: #fff; }
.guide-cta p { margin: 0; color: #56565e; font-size: 12px; }
.guide-cta .button { min-width: 185px; justify-content: space-between; }
@media (max-width: 760px) { .guide-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 520px) { .guide-hero h1 { font-size: 34px; }.guide-card-grid { grid-template-columns: 1fr; }.guide-cta { align-items: flex-start; flex-direction: column; }.guide-cta .button { width: 100%; } }