/* Family guide page only (loads after new-directories.css). Same look as Outdoors: cream, ink, gold, brown accent. */
html,body{overflow-x:hidden}
.fam-art{display:flex;align-items:center;justify-content:center;height:88px;color:#3d4a3f;border-bottom:1px solid #e3d8c6}
.fam-art svg{width:40px;height:40px;opacity:.78}
.fam-art-classes{background:linear-gradient(135deg,#f6ecd6,#ebd7ab 55%,#dfc48c);color:#71582a}
.fam-art-indoor{background:linear-gradient(135deg,#f3eee4,#e5d6b8 55%,#d6c29c);color:#5b4626}
.fam-art-eat{background:linear-gradient(135deg,#f7e3d3,#e9c9b5 55%,#dcb9a8);color:#7a4434}
.fam-art-events{background:linear-gradient(135deg,#fdf1d6,#f3d9a4 55%,#e9c787);color:#6d4a1e}
.fam-art-story{background:linear-gradient(135deg,#efe6d6,#ddcbb0 55%,#cdb48f);color:#6a4e2b}
.fam-art-play{background:linear-gradient(135deg,#e5f0ea,#c9e0d3 55%,#b2d1c1);color:#2f5a49}
.fam-art-museums{background:linear-gradient(135deg,#eef0ea,#d5d9cc 55%,#c2c8b6);color:#3e4a3a}
.fam-art-outdoors{background:linear-gradient(135deg,#e8efdc,#cfdfbf 55%,#b9cfa7);color:#3a5a33}
.fam-art-trains{background:linear-gradient(135deg,#efe6d6,#dccab0 55%,#c7ac79);color:#5b3d1d}
.fam-art-all{background:linear-gradient(135deg,#f3eee4,#e5dccb);color:#5b5244}
.fam-art-wide{height:120px;border-radius:10px;border:0;margin:14px 0 6px}
.fam-photo{display:block;height:170px;overflow:hidden;background:#e5dccb;border-bottom:1px solid #e3d8c6}
.fam-photo img{display:block;width:100%;height:100%;object-fit:cover}
.fam-photo.fam-art-wide{height:auto;aspect-ratio:3/2;max-height:300px;border-radius:10px;border:0;margin:14px 0 4px}
.fam-credit{font-size:11px!important;line-height:1.35;color:#6b6255;margin:0 0 8px!important;overflow-wrap:anywhere}
.fam-credit a{color:inherit}
#fam-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#fam-cards article{display:flex;flex-direction:column;border:1px solid #d9cdb9;background:#fffaf1;border-radius:14px;overflow:hidden;min-width:0}
#fam-cards article>button{display:flex;flex-direction:column;flex:1;width:100%;padding:0;border:0;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer}
.fam-card-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px;min-width:0}
#fam-cards h3{font:24px/1.15 'DM Serif Display',Georgia,serif;margin:10px 0;overflow-wrap:anywhere}
#fam-cards p{font-size:13px;margin:6px 0}
#fam-cards strong{font-size:13px;margin-top:auto;padding-top:14px}
.fam-when{font-weight:600;color:#5a4a2c}
.fam-ages{font-size:12px!important;color:#6b6255}
.fam-tags{display:flex;flex-wrap:wrap;gap:6px}
.fam-tags span{font-size:11px;font-weight:600;border:1px solid #d9cdb9;border-radius:20px;padding:2px 9px;color:#895b2d;background:#f6f2e9}
.directory-card-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:0 20px 18px;font-size:13px}
.directory-card-actions button{border:1px solid #c7ac79;border-radius:20px;background:#fffaf1;padding:8px 14px;min-height:40px;font:600 13px system-ui;cursor:pointer;color:#2c281e}
#fam-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 8px}
.fam-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;border:1px solid #d9cdb9;border-radius:12px;overflow:hidden;background:#fffaf1;color:inherit;font:600 14px 'DM Sans',system-ui;cursor:pointer;min-height:44px}
.fam-tile .fam-art{height:64px}
.fam-tile span:not(.fam-art){padding:10px 12px 0}
.fam-tile small{padding:0 12px 10px;font-weight:400;color:#6b6255}
.fam-tile[aria-pressed="true"]{outline:3px solid #895b2d;outline-offset:-3px}
.fam-quick{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.fam-quick button{min-height:44px;padding:10px 18px;border:1px solid #c7ac79;border-radius:24px;background:#fffaf1;color:#2c281e;font:600 14px 'DM Sans',system-ui;cursor:pointer}
.fam-quick button small{font-weight:400;color:#6b6255;margin-left:4px}
.fam-quick button[aria-pressed="true"]{background:#edc272;border-color:#895b2d}
.fam-controls{grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 10px}
.fam-search{grid-column:1/-1}
.fam-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px}
#fam-clear{border:0;background:none;padding:6px 0;min-height:36px;font:600 13px 'DM Sans',system-ui;color:#895b2d;text-decoration:underline;cursor:pointer}
#fam-more{min-height:44px;padding:12px 20px;border:1px solid #c7ac79;border-radius:24px;background:#edc272;color:#2c281e;font:600 14px system-ui;margin:20px 0;cursor:pointer}
#fam-more[hidden]{display:none}
.fam-facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:14px;margin:16px 0}
.fam-facts dt{font-weight:700}.fam-facts dd{margin:0;overflow-wrap:anywhere}
#fam-detail h2{font:32px/1.1 'DM Serif Display',Georgia,serif;margin:8px 0}
.fam-fine{font-size:12px;color:#6b6255;margin:34px 0 18px}
@media(max-width:1000px){.fam-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#fam-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#fam-cards,.fam-controls{grid-template-columns:1fr}#fam-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fam-art{height:64px}.fam-photo{height:150px}.fam-tile .fam-art{height:56px}.fam-facts{grid-template-columns:1fr;gap:2px}.fam-facts dd{margin-bottom:8px}}