말티즈가정분양 .mix-wrap { max-width: 780pxmargin: 0 autofont-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serifcolor: #1e293bline-height: 1.8}
.mix-wrap h2 { font-size: 1.35remfont-weight: 700color: #1e3a5fmargin: 2.2rem 0 0.8rempadding-bottom: 0.4remborder-bottom: 2px solid #e2e8f0}
.mix-wrap h3 { font-size: 1.1remfont-weight: 700color: #2563ebmargin: 1.6rem 0 0.5rem}
.mix-wrap p { margin: 0.6rem 0 1remfont-size: 0.97rem}
.mix-wrap ul { padding-left: 1.2remmargin: 0.4rem 0 1rem}
.mix-wrap ul li { margin-bottom: 0.4remfont-size: 0.95rem}

/* 히어로 배너 */
.top-banner { background: linear-gradient(135deg, #065f46 0%, #10b981 100%)border-radius: 16pxpadding: 28px 32pxcolor: #fffmargin-bottom: 1.5rem}
.top-banner .b-type { font-size: 0.78remopacity: 0.75margin-bottom: 6px}
.top-banner .b-title { font-size: 1.7remfont-weight: 800margin: 0 0 10pxletter-spacing: -0.5pxline-height: 1.3}
.top-banner .b-desc { font-size: 0.9remopacity: 0.85margin: 0}

/* 꼬미 보호자 한마디 */
.jason-box { background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%)border: 2px solid #fbbf24border-radius: 16pxpadding: 22px 24pxmargin: 0 0 2rem}
.jason-box .jb-label { display: inline-flexalign-items: centergap: 6pxbackground: #f59e0bcolor: #ffffont-size: 0.78remfont-weight: 700padding: 4px 12pxborder-radius: 20pxmargin-bottom: 14px}
.jason-box .jb-text { font-size: 0.97remcolor: #1e293bline-height: 1.9font-style: italicmargin-bottom: 12px}
.jason-box .jb-sign { font-size: 0.82remcolor: #92400efont-weight: 700text-align: right}

/* 정보 테이블 */
.info-table { width: 100%border-collapse: collapsemargin: 1rem 0font-size: 0.92rem}
.info-table th { background: #065f46color: #fffpadding: 9px 14pxtext-align: leftfont-weight: 600}
.info-table td { padding: 9px 14pxborder-bottom: 1px solid #e2e8f0vertical-align: top}
.info-table tr:nth-child(even) td { background: #f8fafc}

/* 믹스견 종류 카드 */
.mix-grid { display: gridgrid-template-columns: repeat(3, 1fr)gap: 12pxmargin: 1rem 0}
.mix-card { border: 1px solid #e2e8f0border-radius: 12pxpadding: 14px 16pxbackground: #f8fffetext-align: center}
.mix-card .mc-name { font-weight: 800font-size: 0.95remcolor: #065f46margin-bottom: 4px}
.mix-card .mc-parents { font-size: 0.78remcolor: #64748bmargin-bottom: 6px}
.mix-card .mc-tag { display: inline-blockfont-size: 0.72remfont-weight: 600padding: 2px 8pxborder-radius: 20pxbackground: #d1fae5color: #065f46}

/* 장단점 비교 */
.pro-con { display: gridgrid-template-columns: 1fr 1frgap: 12pxmargin: 1rem 0}
.pro-card { background: #f0fdf4border: 1px solid #bbf7d0border-radius: 12pxpadding: 16px 18px}
.con-card { background: #fef2f2border: 1px solid #fecacaborder-radius: 12pxpadding: 16px 18px}
.pro-card .pc-title { font-weight: 700color: #16a34amargin-bottom: 8pxfont-size: 0.95rem}
.con-card .pc-title { font-weight: 700color: #dc2626margin-bottom: 8pxfont-size: 0.95rem}
.pro-card ul, .con-card ul { padding-left: 1remmargin: 0}
.pro-card ul li, .con-card ul li { font-size: 0.87remcolor: #475569margin-bottom: 5px}

/* 입양 경로 카드 */
.route-grid { display: gridgrid-template-columns: repeat(3, 1fr)gap: 12pxmargin: 말티즈가정분양 1rem 0}
.route-card { border-radius: 12pxpadding: 16pxborder: 1px solid #e2e8f0}
.route-card .rc-title { font-weight: 700font-size: 0.9remmargin-bottom: 8px}
.route-card .rc-cost { font-size: 0.82remfont-weight: 700margin-bottom: 6px}
.route-card ul { padding-left: 1remmargin: 0}
.route-card ul li { font-size: 0.8remcolor: #475569margin-bottom: 4px}
.rc-shelter { background: #eff6ffborder-color: #bfdbfe}
.rc-shelter .rc-title { color: #1d4ed8}
.rc-home { background: #f0fdf4border-color: #bbf7d0}
.rc-home .rc-title { color: #16a34a}
.rc-shop { background: #fff7edborder-color: #fed7aa}
.rc-shop .rc-title { color: #c2410c}

/* 비용 카드 */
.cost-grid { display: gridgrid-template-columns: 1fr 1frgap: 12pxmargin: 1rem 0}
.cost-card { border: 1px solid #e2e8f0border-radius: 12pxpadding: 14px 16pxbackground: #fff}
.cost-card .c-label { font-size: 0.78remcolor: #64748bmargin-bottom: 4px}
.cost-card .c-amount { font-size: 1.1remfont-weight: 700color: #1e3a5f}
.cost-card .c-note { font-size: 0.75remcolor: #94a3b8margin-top: 3px}

/* 체크리스트 */
.checklist { background: #f0fdf4border-radius: 12pxpadding: 18px 20pxmargin: 1rem 0}
.checklist .cl-title { font-weight: 700color: #065f46margin-bottom: 12pxfont-size: 0.95rem}
.cl-item { display: flexalign-items: flex-startgap: 8pxmargin-bottom: 8pxfont-size: 0.9rem}
.cl-item .cl-icon { color: #10b981font-weight: 700flex-shrink: 0margin-top: 2px}

/* 카드 박스 */
.tip-box { background: #ecfdf5border-left: 4px solid #10b981border-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.warn-box { background: #fff7edborder-left: 4px solid #ea580cborder-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.info-box { background: #eff6ffborder-left: 4px solid #2563ebborder-radius: 0 10px 10px 0padding: 16px 20pxmargin: 1.2rem 0font-size: 0.93rem}
.box-title { font-weight: 700margin-bottom: 8pxfont-size: 0.95rem}

/* FAQ */
.faq-item { border: 1px solid #e2e8f0border-radius: 10pxmargin-bottom: 10pxoverflow: hidden}
.faq-q { background: #f8fafcpadding: 13px 18pxfont-weight: 700font-size: 0.93remcolor: #1e3a5f}
.faq-q::before { content: "Q. "color: #10b981}
.faq-a { padding: 13px 18pxfont-size: 0.9remcolor: #475569border-top: 1px solid #e2e8f0background: #fff}
.faq-a::before { content: "A. "font-weight: 700color: #2563eb}

/* 관련 글 */
.related-box { background: #f8fafcborder-radius: 14pxpadding: 20px 24pxmargin-top: 2.5rem}
.related-box .r-title { font-size: 1remfont-weight: 700color: #1e3a5fmargin-bottom: 12px}
.related-link { display: blockpadding: 9px 14pxborder-radius: 8pxbackground: #fffborder: 1px solid #e2e8f0color: #2563ebfont-size: 0.9remfont-weight: 600margin-bottom: 7pxtext-decoration: none}

.img-caption { font-size: 0.78remcolor: #94a3b8text-align: centermargin-top: -0.2remmargin-bottom: 1rem}
.divider { border: noneborder-top: 1px solid #e2e8f0margin: 2rem 0}

@media (max-width: 600px) {
.mix-grid { grid-template-columns: repeat(2, 1fr)}
.pro-con { grid-template-columns: 1fr}
.route-grid { grid-template-columns: 1fr}
.cost-grid { grid-template-columns: 1fr}
}