.sy-legacy-library-map {
    --teal: #8B3F24;
    --teal-dark: #4A433C;
    --teal-light: #EADCC8;
    --gold: #D8B894;
    --gold-dark: #8B3F24;
    --cream: #F8F4EC;
    --charcoal: #4A433C;
    --muted: #4A433C;
    --white: #F8F4EC;
    --border: rgba(139,63,36,0.15);
    --radius: 12px;
    --radius-lg: 20px;
  }
.sy-legacy-library-map * { box-sizing: border-box; margin: 0; padding: 0; }
.sy-legacy-library-map { font-family: 'DM Sans', sans-serif; background: var(--cream); color: var(--charcoal); line-height: 1.6; }
.sy-legacy-library-map .hero {
    background: var(--teal);
    color: var(--cream);
    padding: 80px 40px 70px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
.sy-legacy-library-map .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, rgba(216,184,148,0.12) 0%, transparent 70%);
  }
.sy-legacy-library-map .hero-badge {
    display: inline-block;
    background: rgba(216,184,148,0.2);
    color: var(--gold);
    border: 1px solid rgba(216,184,148,0.4);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 100px;
    margin-bottom: 28px;
  }
.sy-legacy-library-map .hero h1 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
  }
.sy-legacy-library-map .hero h1 span { color: var(--gold); }
.sy-legacy-library-map .hero p {
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(248,244,236,0.8);
    max-width: 520px;
    margin: 0 auto 36px;
    position: relative;
  }
.sy-legacy-library-map .hero-stats {
    display: flex;
    justify-content: center;
    gap: 48px;
    position: relative;
  }
.sy-legacy-library-map .stat-num { font-family: 'Playfair Display', serif; font-size: 2rem; font-weight: 700; color: var(--gold); }
.sy-legacy-library-map .stat-label { font-size: 0.8rem; color: rgba(248,244,236,0.6); text-transform: uppercase; letter-spacing: 0.08em; }
.sy-legacy-library-map .section { max-width: 1100px; margin: 0 auto; padding: 70px 24px; }
.sy-legacy-library-map .section-label { font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--teal); margin-bottom: 12px; }
.sy-legacy-library-map .section-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 700; margin-bottom: 14px; }
.sy-legacy-library-map .section-sub { color: var(--muted); max-width: 520px; margin-bottom: 48px; }
.sy-legacy-library-map .map-wrap { background: var(--cream); border-radius: var(--radius-lg); overflow: hidden; box-shadow: 0 4px 32px rgba(139,63,36,0.1); margin-bottom: 48px; }
.sy-legacy-library-map #map-svg { width: 100%; height: auto; display: block; }
.sy-legacy-library-map .state { fill: var(--teal-light); stroke: var(--cream); stroke-width: 1.5; cursor: pointer; transition: fill 0.2s; }
.sy-legacy-library-map .state:hover { fill: #D8B894; }
.sy-legacy-library-map .state.has-library { fill: var(--teal); }
.sy-legacy-library-map .state.has-library:hover { fill: var(--teal-dark); }
.sy-legacy-library-map .map-dot { fill: var(--gold); stroke: var(--cream); stroke-width: 2; cursor: pointer; transition: r 0.2s; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); }
.sy-legacy-library-map .map-dot:hover { r: 9; }
.sy-legacy-library-map .tooltip {
    position: fixed;
    background: var(--cream);
    border-radius: var(--radius);
    padding: 16px 20px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.15);
    max-width: 240px;
    pointer-events: none;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.2s;
    border-left: 4px solid var(--gold);
  }
.sy-legacy-library-map .tooltip.show { opacity: 1; }
.sy-legacy-library-map .tooltip-name { font-weight: 600; font-size: 0.95rem; margin-bottom: 4px; }
.sy-legacy-library-map .tooltip-city { font-size: 0.8rem; color: var(--muted); margin-bottom: 8px; }
.sy-legacy-library-map .tooltip-story { font-size: 0.82rem; color: var(--charcoal); line-height: 1.5; }
.sy-legacy-library-map .gallery-section { background: var(--cream); }
.sy-legacy-library-map .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.sy-legacy-library-map .gallery-card {
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    transition: transform 0.2s, box-shadow 0.2s;
    background: var(--cream);
  }
.sy-legacy-library-map .gallery-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(139,63,36,0.15); }
.sy-legacy-library-map .gallery-card img { width: 100%; height: 280px; object-fit: cover; object-position: center; display: block; }
.sy-legacy-library-map .card-body { padding: 18px 20px; }
.sy-legacy-library-map .card-name { font-weight: 600; font-size: 0.95rem; margin-bottom: 4px; }
.sy-legacy-library-map .card-city { font-size: 0.78rem; color: var(--teal); font-weight: 500; margin-bottom: 10px; display: flex; align-items: center; gap: 4px; }
.sy-legacy-library-map .card-story { font-size: 0.84rem; color: var(--muted); line-height: 1.55; }
.sy-legacy-library-map .form-section { background: linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%); }
.sy-legacy-library-map .form-section .section-label { color: var(--gold); }
.sy-legacy-library-map .form-section .section-title { color: var(--cream); }
.sy-legacy-library-map .form-section .section-sub { color: rgba(248,244,236,0.7); }
.sy-legacy-library-map .form-card {
    background: var(--cream);
    border-radius: var(--radius-lg);
    padding: 40px;
    max-width: 680px;
  }
.sy-legacy-library-map .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.sy-legacy-library-map .form-group { margin-bottom: 20px; }
.sy-legacy-library-map .form-group label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 8px; color: var(--charcoal); }
.sy-legacy-library-map .form-group input, .sy-legacy-library-map .form-group textarea, .sy-legacy-library-map .form-group select {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--border);
    border-radius: var(--radius);
    font-family: inherit;
    font-size: 0.9rem;
    color: var(--charcoal);
    background: var(--cream);
    transition: border-color 0.2s;
    outline: none;
  }
.sy-legacy-library-map .form-group input:focus, .sy-legacy-library-map .form-group textarea:focus, .sy-legacy-library-map .form-group select:focus { border-color: var(--teal); background: var(--cream); }
.sy-legacy-library-map .form-group textarea { resize: vertical; min-height: 100px; }
.sy-legacy-library-map .upload-zone {
    border: 2px dashed var(--border);
    border-radius: var(--radius);
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    background: var(--cream);
  }
.sy-legacy-library-map .upload-zone:hover { border-color: var(--teal); background: var(--teal-light); }
.sy-legacy-library-map .upload-icon { font-size: 2rem; margin-bottom: 8px; }
.sy-legacy-library-map .upload-zone p { font-size: 0.85rem; color: var(--muted); margin: 4px 0; }
.sy-legacy-library-map #photo-preview { margin-top: 12px; display: none; }
.sy-legacy-library-map #photo-preview img { width: 100%; max-height: 200px; object-fit: cover; border-radius: var(--radius); }
.sy-legacy-library-map .privacy-note {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: var(--teal-light);
    border-radius: var(--radius);
    padding: 14px 16px;
    font-size: 0.82rem;
    color: var(--teal-dark);
    margin-bottom: 20px;
  }
.sy-legacy-library-map .consent-row { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 24px; font-size: 0.83rem; color: var(--muted); }
.sy-legacy-library-map .consent-row input { margin-top: 3px; flex-shrink: 0; accent-color: var(--teal); }
.sy-legacy-library-map .btn-submit {
    width: 100%;
    padding: 16px;
    background: var(--teal);
    color: var(--cream);
    border: none;
    border-radius: var(--radius);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
  }
.sy-legacy-library-map .btn-submit:hover { background: var(--teal-dark); transform: translateY(-1px); }
.sy-legacy-library-map .success-msg { display: none; text-align: center; padding: 40px; }
.sy-legacy-library-map .success-msg .check { font-size: 3rem; margin-bottom: 16px; }
.sy-legacy-library-map .success-msg h4 { font-family: 'Playfair Display', serif; font-size: 1.5rem; margin-bottom: 12px; }
.sy-legacy-library-map .success-msg p { color: var(--muted); }
@media (max-width: 640px) {
.sy-legacy-library-map .hero { padding: 60px 20px 50px; }
.sy-legacy-library-map .hero-stats { gap: 24px; }
.sy-legacy-library-map .form-grid { grid-template-columns: 1fr; }
.sy-legacy-library-map .form-card { padding: 24px; }
}
/* Adapt only the restored page to the current header/footer container. */
body.page-id-1727 #sy-main.sy-container {max-width:none;width:100%;padding:0;margin:0;}
body.page-id-1727 #sy-main > nav {display:none;}
.sy-legacy-library-map {font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.6;font-size:16px;}
.sy-legacy-library-map .section {width:100%;}
.sy-legacy-library-map .section-title {color:var(--charcoal);line-height:1.2;}
.sy-legacy-library-map .hero h1 {color:#F8F4EC;letter-spacing:normal;}
.sy-legacy-library-map .hero-badge {line-height:1.6;}
.sy-legacy-library-map .gallery-card img {max-width:100%;}
.sy-legacy-library-map .gallery-card > img {border-radius:0;}
.sy-legacy-library-map #sylbray-map .leaflet-marker-icon > div {background-color:#8B3F24!important;}
.sy-legacy-library-map .leaflet-container {font-family:'DM Sans',sans-serif;line-height:1.5;}
.sy-legacy-library-map .leaflet-popup-content p {margin:0;}
.sy-legacy-library-map .leaflet-control a {text-decoration:none;}
.sy-legacy-library-map .leaflet-marker-icon:focus-visible {outline:3px solid var(--teal-dark);outline-offset:4px;}
.sy-legacy-library-map .form-card .wpforms-container {margin:0;}
.sy-legacy-library-map .form-card .wpforms-field {padding:10px 0;}
.sy-legacy-library-map .form-card .wpforms-field-label {margin-bottom:8px;}
.sy-legacy-library-map .form-card .wpforms-field input,
.sy-legacy-library-map .form-card .wpforms-field textarea {font-family:inherit;}
.sy-legacy-library-map .form-card .wpforms-submit {background:var(--teal);color:#F8F4EC;border-radius:12px;}
@media(max-width:640px){
 .sy-legacy-library-map .section {padding:48px 20px;}
 .sy-legacy-library-map .gallery-grid {grid-template-columns:minmax(0,1fr);}
 .sy-legacy-library-map #sylbray-map {height:400px!important;}
 .sy-legacy-library-map .leaflet-popup-content {max-width:220px;}
 .sy-legacy-library-map .hero-stats {gap:20px;}
 .sy-legacy-library-map .stat-label {font-size:.7rem;}
 .sy-legacy-library-map .form-card {min-width:0;}
}

/* Replace only this page's contribution form with the supplied email guidance. */
.sy-legacy-library-map .contribution-card {
  padding:40px; background:#EADCC8; color:#4A433C; border-radius:12px;
}
.sy-legacy-library-map .contribution-card h2 {
  font-family:'Playfair Display',serif; font-size:clamp(1.6rem,3.5vw,2.4rem);
  line-height:1.2; font-weight:700; color:#8B3F24; margin:0 0 24px;
}
.sy-legacy-library-map .contribution-card p {margin:0 0 14px;line-height:1.6;}
.sy-legacy-library-map .contribution-card ul {list-style:disc;padding-left:24px;margin:0 0 14px;}
.sy-legacy-library-map .contribution-card li {margin-bottom:6px;}
.sy-legacy-library-map .contribution-email {font-weight:700;color:#4A433C;text-decoration:underline;text-underline-offset:3px;}
.sy-legacy-library-map .contribution-button {
  display:inline-block;margin-top:6px;padding:14px 24px;background:#8B3F24;color:#F8F4EC;
  border:1px solid #8B3F24;border-radius:5px;font-size:15px;font-weight:600;text-decoration:none;
}
.sy-legacy-library-map .contribution-button:hover {background:#4A433C;border-color:#4A433C;color:#F8F4EC;}
.sy-legacy-library-map .contribution-button:focus-visible,
.sy-legacy-library-map .contribution-email:focus-visible {outline:3px solid #8B3F24;outline-offset:4px;}
@media(max-width:640px){
 .sy-legacy-library-map .contribution-card {padding:28px 24px;}
 .sy-legacy-library-map .contribution-email {overflow-wrap:anywhere;}
}

/* Banner dimensions follow Community & News. High-resolution art has no text. */
body.page-id-1727 #sy-main > .sy-crumbs {
  display:block;width:min(1304px,100%);padding-inline:40px;margin-inline:auto;
}
.sy-map-landscape-wrap {margin-top:30px;}
.sy-map-landscape {
  position:relative;overflow:hidden;min-height:330px;border-radius:8px;isolation:isolate;
}
.sy-map-landscape img {
  position:absolute;inset:0;width:100%;height:100%;max-width:none!important;
  border-radius:0!important;object-fit:cover;object-position:50% 50%;display:block;z-index:-2;
}
.sy-map-landscape__copy {position:relative;padding:55px 50px;max-width:780px;}
.sy-map-landscape .sy-map-landscape__title {
  font-family:'Playfair Display',serif;font-size:54px;font-weight:400;line-height:1.08;
  color:#F8F4EC;margin:0 0 20px;letter-spacing:normal;
}
.sy-map-landscape .sy-map-landscape__subtitle {
  font-family:'Playfair Display',serif;font-size:23px;font-weight:400;line-height:1.45;
  color:#F8F4EC;margin:0;max-width:530px;
}
@media(max-width:600px){
 .sy-map-landscape {min-height:360px;}
 .sy-map-landscape img {object-position:100% 50%;}
 .sy-map-landscape::before {
   content:'';position:absolute;inset:0;z-index:-1;
   background:linear-gradient(90deg,rgba(74,43,25,.85),rgba(74,43,25,.44) 65%,rgba(74,43,25,.12));
 }
 .sy-map-landscape__copy {padding:35px 27px;}
 .sy-map-landscape .sy-map-landscape__title {font-size:37px;}
 .sy-map-landscape .sy-map-landscape__subtitle {font-size:19px;max-width:240px;}
}
/* Keep the existing Community block and its content; change only its palette. */
.sy-legacy-library-map .hero {background:#F8F4EC;color:#4A433C;}
.sy-legacy-library-map .hero::before {display:none;}
.sy-legacy-library-map .hero h1,
.sy-legacy-library-map .hero p,
.sy-legacy-library-map .hero .stat-num,
.sy-legacy-library-map .hero .stat-label {color:#4A433C;}
.sy-legacy-library-map .hero h1 span {color:#8B3F24;}
.sy-legacy-library-map .hero-badge {background:#EADCC8;color:#4A433C;border-color:#8B3F24;}
@media(max-width:1100px){
 body.page-id-1727 #sy-main > .sy-crumbs {padding-inline:28px;}
}
@media(max-width:600px){
 body.page-id-1727 #sy-main > .sy-crumbs {padding-inline:22px;}
 .sy-map-landscape-wrap {margin-top:22px;}
}

/* Halve only the three requested gaps on Library Map. */
.sy-legacy-library-map .hero {padding-bottom:35px;}
.sy-legacy-library-map > .section:not(.contribution-section) {padding-top:35px;padding-bottom:35px;}
.sy-legacy-library-map .map-wrap {margin-bottom:24px;}
.sy-legacy-library-map .gallery-section > .section {padding-top:35px;padding-bottom:35px;}
.sy-legacy-library-map > .contribution-section {padding-top:35px;}
@media(max-width:640px){
 .sy-legacy-library-map .hero {padding-bottom:25px;}
 .sy-legacy-library-map > .section:not(.contribution-section) {padding-top:24px;padding-bottom:24px;}
 .sy-legacy-library-map .gallery-section > .section {padding-top:24px;padding-bottom:24px;}
 .sy-legacy-library-map > .contribution-section {padding-top:24px;}
}
