.seo-section { color: #202a31; background: #fff; padding: 40px 24px; font: 17px/1.75 system-ui, "Malgun Gothic", sans-serif; letter-spacing: 0; }
.seo-section *, .seo-poster * { box-sizing: border-box; }
.seo-inner { max-width: 1180px; margin: 0 auto; }
.seo-section h2 { font-size: 28px; line-height: 1.4; font-weight: 750; margin: 0 0 18px; color: #1f2931; }
.seo-section h3 { font-size: 21px; line-height: 1.45; margin: 24px 0 10px; color: #1f2931; font-weight: 700; }
.seo-section p { margin: 10px 0 18px; }
.seo-section a { color: #175c77; text-decoration: underline; text-underline-offset: 4px; }
.seo-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.seo-product-grid article { min-width: 0; padding: 0 0 24px; border-bottom: 3px solid #b54619; }
.seo-product-grid img { width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: #f4f6f7; }
.seo-section .seo-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; margin: 24px 0; }
.seo-section .seo-quote { display: inline-block; background: #b51f35; color: #fff; padding: 12px 20px; text-decoration: none; border-radius: 4px; font-weight: 750; }
.seo-section table { width: 100%; border-collapse: collapse; margin-bottom: 24px; }
.seo-section th, .seo-section td { text-align: left; border-bottom: 1px solid #d1d8dd; padding: 12px; overflow-wrap: anywhere; }
.seo-section th { width: 32%; background: #f2f5f6; }
.seo-section details { border-bottom: 1px solid #d1d8dd; padding: 16px 0; }
.seo-section summary { cursor: pointer; font-weight: 700; }
.seo-price { color: #a31e30; font-size: 24px; font-weight: 800; }
.seo-note { color: #4d5860; font-size: 15px; }
.seo-section a:focus-visible, .seo-section summary:focus-visible { outline: 3px solid #007487; outline-offset: 4px; }
.seo-poster { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; background: #f3f7f9; z-index: 2; }
.seo-poster > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.seo-poster-copy { position: relative; padding: 22px 28px; color: #fff; background: #182126ed; font: 17px/1.6 system-ui, "Malgun Gothic", sans-serif; }
.seo-poster-copy h2 { color: #fff; font-size: 28px; font-weight: 750; line-height: 1.4; margin: 0 0 8px; }
.seo-poster-copy p { margin: 0 0 10px; }
.seo-poster-copy a { color: #fff; text-decoration: underline; margin-right: 22px; display: inline-block; padding: 5px 0; }
.jyet-hero-3d[data-demo-state] .jyet-hero-3d-frame { opacity: 0; pointer-events: none; }
.jyet-hero-3d[data-demo-state="ready"] .jyet-hero-3d-frame { opacity: 1; pointer-events: auto; }
.jyet-hero-3d[data-demo-state="ready"] .seo-poster { display: none; }
.seo-guide { background: #fff; margin: 0; color: #202a31; }
.seo-guide-header { padding: 20px 24px; background: #25232a; color: #fff; display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.seo-guide-header a { color: #fff; }
.seo-guide-header .seo-brand { font-size: 21px; font-weight: 800; text-decoration: none; margin-right: auto; }
.seo-guide h1 { font-size: 36px; line-height: 1.35; margin: 20px 0; overflow-wrap: anywhere; }
.seo-guide .seo-inner { max-width: 920px; }
.seo-guide .seo-section > .seo-inner > img { width: 100%; max-height: 430px; object-fit: contain; }
@media (max-width: 760px) {
  .seo-product-grid { grid-template-columns: 1fr; }
  .seo-section { padding: 28px 20px; }
  .seo-section h2, .seo-poster-copy h2 { font-size: 24px; }
  .seo-guide h1 { font-size: 30px; }
  .seo-poster-copy { padding: 18px 20px; }
  .seo-section th, .seo-section td { padding: 10px 8px; }
}