/* 포유앤유 mobile system · 1.3.7. Responsive banner and mobile presentation. */
.fy-mobile-copy { display: none; }
body.foryou-native-theme .rescue-card { height:auto !important; background-image:none !important; display:grid; }
body .rescue-card .fy-banner-image { display:block; width:100%; height:auto; max-height:none; grid-area:1 / 1; align-self:center; }
body .rescue-card>.rescue-overlay { grid-area:1 / 1; }
@media (min-width:769px) {
 body .rescue-card>.rescue-content { grid-area:1 / 1; position:relative; top:auto; left:auto; transform:none; align-self:center; width:auto; margin:0; padding:24px 8%; }
 body .rescue-content .r-title { font-size:clamp(24px,2.4vw,44px); margin-bottom:12px; }
 body .rescue-content .r-desc { font-size:clamp(13px,1vw,16px); line-height:1.5; margin:0 0 12px; }
 body .rescue-content .r-btn { padding:10px 28px; }
}

@media (max-width: 768px) {
  :root {
    --fy-m-font: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    --fy-m-display: 700 24px/1.3 var(--fy-m-font); --fy-m-display-track: -.025em;
    --fy-m-page: 700 24px/1.3 var(--fy-m-font); --fy-m-page-track: -.025em;
    --fy-m-section: 700 22px/1.35 var(--fy-m-font); --fy-m-section-track: -.025em;
    --fy-m-sub: 600 15px/1.5 var(--fy-m-font); --fy-m-sub-track: -.015em;
    --fy-m-body: 400 15px/1.65 var(--fy-m-font); --fy-m-body-track: -.012em;
    --fy-m-small: 400 13px/1.6 var(--fy-m-font); --fy-m-small-track: -.012em;
    --fy-m-label: 600 13px/1.4 var(--fy-m-font); --fy-m-label-track: -.012em;
    --fy-m-caption: 400 12px/1.5 var(--fy-m-font); --fy-m-caption-track: 0;
    --fy-m-input: 400 16px/1.5 var(--fy-m-font); --fy-m-input-track: 0;
    --fy-m-gutter: 16px; --fy-m-section-gap: 36px;
  }
  body.foryou-native-theme { font: var(--fy-m-body); letter-spacing: var(--fy-m-body-track); padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)); }
  body.foryou-native-theme :is(h1,h2,h3,h4,p,li,label,th,td,button,a) { word-break: keep-all; overflow-wrap: break-word; }
  body.foryou-native-theme :is(h1,h2,h3,h4) { text-wrap: balance; }
  body .fy-mobile-copy { display: block; }
  body .fy-desktop-copy { display: none; }
  body .fy-header-container { padding: 12px 16px 0 !important; gap: 8px !important; }
  body .fy-logo-area { margin: 0 !important; }
  body .fy-logo-area img { width: 32px !important; height: 34px !important; object-fit: contain; }
  body .fy-logo-text { font: var(--fy-m-sub) !important; letter-spacing: var(--fy-m-sub-track) !important; }
  body .fy-top-nav { margin: 0 !important; padding: 4px 0 8px !important; gap: 10px !important; }
  body .fy-top-menu { gap: 12px !important; }
  body .fy-top-menu a, body .fy-center-btn { font: var(--fy-m-caption) !important; letter-spacing: var(--fy-m-caption-track) !important; }
  body .fy-top-menu a, body .fy-center-btn { min-height: 32px; display: inline-flex; align-items: center; }
  body .fy-main-nav { width: 100% !important; overflow: visible !important; padding: 0 !important; }
  body .fy-header .fy-main-menu { display: grid !important; grid-template-columns: repeat(5,minmax(0,1fr)); width: 100% !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; }
  body .fy-header .fy-main-menu li { min-width: 0; margin: 0 !important; }
  body .fy-header .fy-main-menu li>a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:0 2px !important; white-space:nowrap; font:var(--fy-m-label) !important; letter-spacing:var(--fy-m-label-track) !important; }

  /* Existing carousel, shorter mobile copy; no duplicate interactive carousel. */
  body .rescue-wrap { width:100%; left:auto; right:auto; margin:0; padding:0; }
  body .rescue-item { padding:0 !important; }
  body .rescue-card { height:auto !important; border-radius:0; background-color:#352638; }
  body .rescue-card .fy-banner-image { grid-area:auto; }
  body .rescue-card>.rescue-overlay { display:none; }
  body .rescue-card>.rescue-content { position:relative; top:auto; bottom:auto; left:auto; transform:none; width:auto; padding:18px 20px 20px; }
  body .r-title { max-width:255px; margin:0 0 10px; font:var(--fy-m-display) !important; letter-spacing:var(--fy-m-display-track); text-align:left; text-wrap:balance; }
  body .r-desc { display:none; }
  body .rescue-content>.fy-mobile-copy { margin:0 0 16px; max-width:270px; color:#fff; font:var(--fy-m-small); letter-spacing:var(--fy-m-small-track); }
  body .r-btn { min-height:40px; padding:10px 18px; border-radius:6px; font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); }
  body .r-nav { display:flex; top:auto; bottom:20px; transform:none; width:40px; height:40px; background:rgba(255,255,255,.93); }
  body .r-nav svg { width:20px; }
  body .r-prev { left:auto; right:64px; } body .r-next { right:18px; }

  /* Four equally weighted promises; descriptions remain available on desktop. */
  body .foryou-home .fy-promise-banner { padding:28px 16px 30px; }
  body .fy-promise-banner .sub-title { display:none; }
  body .fy-promise-banner h2 { font:var(--fy-m-section); letter-spacing:var(--fy-m-section-track); margin:0 0 22px; }
  body .fy-promise-banner h2>span { display:block; }
  body .fy-promise-banner .main-desc, body .fy-promise-item p, body .fy-bg-dog { display:none; }
  body .foryou-home .fy-promise-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
  body .foryou-home .fy-promise-grid>.fy-promise-item { grid-column:auto !important; padding:0 !important; }
  body .foryou-home .fy-promise-grid>.fy-promise-item:nth-child(n+5) { display:none; }
  body .fy-promise-item::after { display:none; }
  body .fy-icon-circle { width:44px; height:44px; border:0; background:transparent; margin:0 auto 9px; border-radius:0; box-shadow:none; color:#700099; }
  body .fy-icon-circle svg { width:32px; height:32px; }
  body .fy-promise-item h3 { margin:0; font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); }

  body .foryou-home :is(.fy-section,.foryou-list-section) { padding:var(--fy-m-section-gap) var(--fy-m-gutter) !important; }
  body .foryou-home :is(.fy-inner,.fyu-visit-grid-wrap) { width:100% !important; padding-inline:0 !important; }
  body .foryou-home .fy-section-header { text-align:left; margin-bottom:20px; }
  body :is(.fy-section-title,.foryou-section-heading h2,.fy-story-title,.fy-center-page-title) { font:var(--fy-m-section) !important; letter-spacing:var(--fy-m-section-track) !important; }
  body .fy-section-header .fy-section-title { margin:0 0 8px; }
  body .fy-section-desc { font:var(--fy-m-small) !important; letter-spacing:var(--fy-m-small-track); margin:0; color:#68616b; }
  body .fy-shortcode-wrap { margin-bottom:0; }
  body .fy-adoption-grid, body .fy-facility-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 12px; margin:0; padding:0; }
  body .fy-adoption-card { border:0; border-radius:0; box-shadow:none; overflow:visible; }
  body .fy-adoption-card:hover { transform:none; box-shadow:none; }
  body .fy-card-thumb { border-radius:10px; aspect-ratio:1/1; }
  body .fy-card-info { padding:14px 12px 16px; text-align:left; }
  body .fy-card-title { font:var(--fy-m-sub) !important; letter-spacing:var(--fy-m-sub-track) !important; margin:0 0 5px; }
  body .fy-center-badge { display:table; width:max-content; max-width:100%; margin:0 0 8px; padding:2px 5px; top:0; border-radius:3px; font:var(--fy-m-caption) !important; letter-spacing:var(--fy-m-caption-track) !important; }
  body .fy-card-desc { font:var(--fy-m-small); letter-spacing:var(--fy-m-small-track); }
  body .fy-btn-wrap { margin-top:22px; }
  body .fy-btn { padding:10px 20px; min-height:44px; border-width:1px; border-radius:6px; box-shadow:none; font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); }
  body .fyu-visit-grid-wrap { margin:20px auto 0; }
  body .fyu-visit-card-info h4 { font:var(--fy-m-sub); letter-spacing:var(--fy-m-sub-track); }

  /* Common mobile page typography and forms. */
  body :is(.foryou-page-hero,.fy-original-subhero) { min-height:0; padding:32px 16px; }
  body :is(.foryou-page-hero h1,.fy-original-subhero h1,.fy-banner-content h1,.fy-single-post-title) { font:var(--fy-m-page) !important; letter-spacing:var(--fy-m-page-track) !important; }
  body :is(.foryou-page-hero h1+p,.fy-original-subhero p,.fy-banner-content p,.fy-single-content-area p) { font:var(--fy-m-body) !important; letter-spacing:var(--fy-m-body-track) !important; }
  body .fy-original-adoptions .fy-custom-banner { height:190px; }
  body .fy-original-content, body .fy-original-adoptions .sub-content-area { width:calc(100% - 32px); margin:24px auto 36px; }
  body .fy-original-content h3, body .fy-original-adoptions h3 { word-break:keep-all; }
  body .custom-tab-menu { gap:6px !important; margin-bottom:22px !important; }
  body .custom-tab-link { min-width:0 !important; padding:12px 14px !important; font:var(--fy-m-label) !important; letter-spacing:var(--fy-m-label-track) !important; }
  body .fy-category-tabs { gap:6px; margin-bottom:18px; padding:0; }
  body .fy-tab-btn { padding:8px 10px; font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); }
  body :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea) { max-width:100%; box-sizing:border-box; }
  body .fy-single-table tbody { grid-template-columns:68px minmax(0,1fr) 68px minmax(0,1fr); }
  body .fy-single-table th, body .fy-single-table td { font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); }

  /* Compact, readable company details. All published business information retained. */
  body .fy-dark-footer { padding:30px 0 26px; border-top-width:2px; }
  body .fy-df-container { padding:0 16px; }
  body .fy-df-top { gap:20px; margin-bottom:22px; }
  body .fy-df-brand .fy-df-title { font:var(--fy-m-section); letter-spacing:var(--fy-m-section-track); margin-bottom:6px; }
  body .fy-df-slogan, body .fy-df-cs-time { font:var(--fy-m-small) !important; letter-spacing:var(--fy-m-small-track); color:#b8afb9; }
  body .fy-df-cs-label { font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); color:#b8afb9; }
  body .fy-df-cs-num { font:var(--fy-m-section); letter-spacing:var(--fy-m-section-track); margin-bottom:8px; }
  body .fy-df-divider { margin-bottom:18px; }
  body .fy-df-bottom { gap:18px; }
  body .fy-df-info p { display:block; margin:0 0 8px; color:#b8afb9; font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); }
  body .fy-df-info strong { display:inline; margin-right:4px; }
  body .fy-df-info .fy-pipe { display:inline; margin:0 5px; color:#777; }
  body .fy-df-links { gap:18px; margin-bottom:8px; }
  body .fy-df-links a { display:inline; margin:0; padding:8px 0; font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); }
  body .fy-df-copyright { color:#a39aa5; font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); }
  body .fy-floating-wrap { position:static; flex-direction:row; justify-content:flex-start; padding:0 16px 24px; margin:0; gap:12px; background:#1a1a1a; }
  body .fy-float-btn { width:44px; height:44px; box-shadow:none; }
  body .fy-mobile-bottom-bar { height:calc(60px + env(safe-area-inset-bottom,0px)); box-shadow:none; }
  body .m-bar-item { gap:4px; }
  body .m-bar-item span { font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); }
  body .m-bar-item svg { width:20px; height:20px; }
  body .fy-popup-head h3 { font:var(--fy-m-section); letter-spacing:var(--fy-m-section-track); }
  body .fy-popup-card h4, body .k-btn, body .p-btn { font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); }
  body .fy-popup-box { max-height:calc(100dvh - 32px); overflow:auto; }
  body .fy-popup-close { min-width:44px; min-height:44px; align-items:center; justify-content:center; }
  body #fy-pwa-bottom-sheet { position:static; width:calc(100% - 32px); margin:20px auto; transform:none; animation:none; box-shadow:none; border:1px solid #e9e1eb; border-radius:10px; padding:16px; }
  body .fy-pwa-text h4 { font:var(--fy-m-sub); letter-spacing:var(--fy-m-sub-track); }
  body .fy-pwa-text p { font:var(--fy-m-small); letter-spacing:var(--fy-m-small-track); }
  body .fy-pwa-btn { font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); min-height:44px; border-radius:6px; }

  /* Second pass: legacy page rules mapped to the same mobile type system. */
  body .foryou-elementor-about .fy-about-hero { padding:32px 16px; }
  body .foryou-elementor-about .fy-about-hero h1,
  body .sub-hero-content h1 { font:var(--fy-m-page) !important; letter-spacing:var(--fy-m-page-track) !important; }
  body .foryou-elementor-about .fy-about-hero h4 { font:var(--fy-m-caption); letter-spacing:var(--fy-m-caption-track); margin-bottom:12px; }
  body .foryou-elementor-about .fy-about-hero p,
  body .foryou-elementor-about .fy-story-content,
  body .foryou-elementor-about .fy-story-content p,
  body .sub-hero-content p,
  body .foryou-elementor-admission .info-section .info-desc { font:var(--fy-m-body) !important; letter-spacing:var(--fy-m-body-track) !important; }
  body .foryou-elementor-about .fy-section-header h2,
  body .foryou-elementor-admission .info-section h2 { font:var(--fy-m-section); letter-spacing:var(--fy-m-section-track); }
  body .foryou-elementor-about .fy-story-title span,
  body .foryou-elementor-about .fy-space-info p,
  body .foryou-elementor-about .fy-section-header p { font:var(--fy-m-small); letter-spacing:var(--fy-m-small-track); }
  body .foryou-elementor-about .fy-quote,
  body .foryou-elementor-about .fy-promise-title,
  body .foryou-elementor-about .fy-space-info h3 { font:var(--fy-m-sub); letter-spacing:var(--fy-m-sub-track); }
  body .foryou-elementor-about { padding-bottom:0; }
  body .foryou-elementor-about .fy-container { width:calc(100% - 32px); }
  body .foryou-elementor-about :is(.fy-story-section,.fy-space-section,.fy-promise-section) { padding:36px 0; }
  body .foryou-elementor-about .fy-section-header { margin-bottom:20px; }
  body .foryou-elementor-about .fy-story-title { margin-bottom:20px; }
  body .foryou-elementor-about .fy-quote { padding:14px; border-radius:8px; margin-bottom:22px; }
  body .foryou-elementor-about .fy-promise-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  body .foryou-elementor-about .fy-promise-card { padding:20px 10px; border-radius:10px; box-shadow:none; }
  body .foryou-elementor-about .fy-promise-icon { width:40px; height:40px; margin-bottom:12px; }
  body .foryou-elementor-about .fy-promise-icon svg { width:22px; height:22px; }
  body .foryou-elementor-about .fy-space-grid { gap:20px; }
  body .foryou-elementor-about .fy-space-img { height:180px; }
  body .foryou-elementor-about .fy-space-info { padding:20px; }
  body :is(.foryou-elementor-admission,.foryou-elementor-visit) .sub-hero-banner { height:auto; min-height:190px; padding:28px 0; }
  body .foryou-elementor-admission .sub-content-area { width:calc(100% - 32px); margin:24px auto 36px; }
  body .foryou-elementor-admission .info-section .info-desc { margin-bottom:22px; }
  body.foryou-native-theme .foryou-home .fy-btn-wrap .fy-btn { padding:10px 20px; min-height:44px; border:1px solid #ded5e0; border-radius:6px; box-shadow:none; font:var(--fy-m-label); letter-spacing:var(--fy-m-label-track); }
  body.foryou-native-theme .foryou-home .fy-btn-wrap .fy-btn::before { display:none; }
  body.foryou-native-theme .foryou-home .fy-btn-wrap .fy-btn:hover { transform:none; background:#f7effa; color:#700099; }
  body .fy-thumb-overlay { display:none; }
  body .fy-adoption-card:hover .fy-card-thumb img { transform:none; }
  body .fy-m-nowrap { white-space:nowrap; }
  body .fy-form-header h2, body .fy-auth-header h2 { font:var(--fy-m-page) !important; letter-spacing:var(--fy-m-page-track) !important; }
  body .fy-form-header h2 .sub { font:var(--fy-m-small); letter-spacing:var(--fy-m-small-track); display:block; margin-top:8px; }
  body .fy-form-wrapper .fy-section-title { font:var(--fy-m-sub) !important; letter-spacing:var(--fy-m-sub-track) !important; margin:24px 0 14px; padding-bottom:10px; }
  body .fy-form-wrapper, body .fy-auth-wrapper { margin:28px auto; }
  body .fy-form-header { margin-bottom:24px; }
  body .fy-form-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]),
  body .fy-form-wrapper select, body .fy-form-wrapper textarea,
  body .fy-auth-wrapper input:not([type=checkbox]):not([type=submit]) { font:var(--fy-m-input); letter-spacing:var(--fy-m-input-track); }
  body .foryou-elementor-visit .fyu-visit-sub-header h2 { font:var(--fy-m-section) !important; letter-spacing:var(--fy-m-section-track) !important; }
}

/* Shared pagination overrides both legacy shortcode styles. */
body.foryou-native-theme .fy-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; width:100%; margin:28px auto 24px; padding:0; }
body.foryou-native-theme .fy-pagination .page-numbers { display:inline-flex; flex:0 0 44px; align-items:center; justify-content:center; box-sizing:border-box; width:44px; height:44px; min-width:44px; padding:0; margin:0; line-height:1; font-family:inherit; font-size:14px; font-weight:500; vertical-align:middle; border-radius:6px; }

body .fy-page-chevron { display:block; width:18px; height:18px; flex:none; }
@media (max-width:768px) {
 body.foryou-native-theme .fy-pagination { gap:6px; margin:24px auto; }
 body.foryou-native-theme .fy-pagination .page-numbers { flex-basis:36px; width:36px; min-width:36px; height:36px; font-size:13px; border-radius:5px; }
 body .fy-page-chevron { width:16px; height:16px; }
}

/* Equal slide heights: proportional images crop only at the frame edges. */
@media (min-width:769px) {
 body.foryou-native-theme .rescue-card { height:clamp(320px,28vw,560px) !important; }
 body .rescue-card .fy-banner-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
}
@media (max-width:768px) {
 body.foryou-native-theme .rescue-card { display:block; height:auto !important; background-color:#352638; }
 body .rescue-card .fy-banner-image { width:100%; height:clamp(140px,40vw,240px); object-fit:cover; object-position:center; }
 body .rescue-card>.rescue-content { min-height:190px; box-sizing:border-box; }
}

/* Customer preference: one photo banner with overlay copy, inline card labels. */
@media (max-width:768px) {
 body.foryou-native-theme .rescue-card { height:300px !important; }
 body .rescue-card .fy-banner-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
 body .rescue-card>.rescue-overlay { display:block; position:absolute; inset:0; background:linear-gradient(0deg,rgba(20,12,23,.78),rgba(20,12,23,.3) 65%,rgba(20,12,23,.06)); }
 body .rescue-card>.rescue-content { position:absolute; top:auto; bottom:20px; left:20px; width:calc(100% - 40px); padding:0; min-height:0; }
 body .fy-card-title .fy-center-badge { display:inline-block; width:auto; margin:0 5px 3px 0; vertical-align:middle; }
}

@media (max-width:768px) {
 body .fy-daily-section .fy-card-title .fy-center-badge { display:table; margin:0 0 8px; }
}

@media (max-width:768px) {
 body .fy-header { padding-top:8px; }
}

@media (max-width:768px) {
 body.single-adoption main.foryou-section { padding-top:16px; }
 body.single-adoption .fy-adoption-single-wrap { margin-top:0; }
 body.single-adoption .fy-single-post-title { margin-top:0; }
 body.single-adoption .fy-single-post-title .fy-center-badge { display:table; margin:0 auto 12px; }
}

body .fy-banner-picture { display:contents; }
@media (max-width:768px) {
 body.foryou-native-theme .rescue-card { height:auto !important; aspect-ratio:4/3; }
 body .rescue-card .fy-banner-image { object-fit:contain; }
 body .rescue-card>.rescue-overlay { background:linear-gradient(0deg,rgba(20,12,23,.8),rgba(20,12,23,.3) 40%,transparent 65%); }
 body .rescue-card>.rescue-content { bottom:16px; }
 body .rescue-content .r-title { font-size:22px !important; margin-bottom:6px; }
 body .rescue-content>.fy-mobile-copy { font-size:12px; margin-bottom:8px; }
 body .rescue-content .r-btn { min-height:36px; padding:8px 16px; }
}


@media (max-width:768px) {
 body .rescue-card>.rescue-content { bottom:clamp(32px,8vw,60px); }
}

/* Preserve source image proportions at every breakpoint. */
body .rescue-card .fy-banner-image { object-fit:cover !important; object-position:center; }
@media (min-width:769px) and (max-width:1399px) {
 body .fy-header-container { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:12px 24px; padding:16px 24px 0; box-sizing:border-box; }
 body .fy-logo-area { grid-column:1; grid-row:1; width:auto; margin:0; }
 body .fy-logo-area img { width:54px; height:56px; object-fit:contain; }
 body .fy-logo-text { font-size:22px; white-space:nowrap; }
 body .fy-top-nav { grid-column:2; grid-row:1; justify-self:end; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin:0; }
 body .fy-top-menu { gap:12px; }
 body .fy-top-nav a { white-space:nowrap; }
 body .fy-main-nav { grid-column:1 / -1; grid-row:2; position:static; left:auto; transform:none; width:100%; margin:0; padding:0; border-top:0; }
 body .fy-header .fy-main-menu { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; width:100%; margin:0; padding:0; }
 body .fy-main-menu li { min-width:0; text-align:center; }
 body .fy-main-menu li>a { display:flex; align-items:center; justify-content:center; min-height:48px; padding:0 8px; font-size:16px; white-space:nowrap; word-break:keep-all; }
}
@media (min-width:769px) and (max-width:1100px) {
 body .fy-phone-btn { display:none; }
 body .fy-top-nav a { font-size:12px; }
 body .fy-center-btn, body .fy-top-menu .fy-apply-btn { padding:6px 10px; }
 body .fy-logo-text { font-size:19px; }
 body .fy-header-container { gap:10px 16px; padding-inline:20px; }
}


/* Unified card labels: title continues after the center badge on every screen. */
body.foryou-native-theme .fy-card-title .fy-center-badge { display:inline-block; width:auto; margin:0 5px 3px 0; vertical-align:middle; }