:root{--green:#397653;--dark:#244c35;--ink:#202923;--muted:#758078;--line:#e2e8e3;--wash:#f4f6f4;--pale:#eaf3ed;--sans:"Facebook Sans",Helvetica,Arial,sans-serif;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:15px/1.48 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:64px;position:sticky;top:0;z-index:10;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 max(18px,calc((100vw - 1380px)/2));box-shadow:0 2px 8px #18362208}.brand{display:flex;align-items:center;gap:9px;color:var(--green);font-size:23px;font-weight:800;white-space:nowrap;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;width:34px;height:34px;border-radius:10px}.search{position:relative;flex:1;max-width:430px}.search span{position:absolute;left:13px;top:8px;color:var(--muted);font-size:20px}.search input{width:100%;border:0;background:var(--wash);border-radius:25px;padding:11px 14px 11px 38px;outline-color:var(--green)}.topbar nav{display:flex;align-items:center;gap:15px;margin-left:auto;font-weight:700;color:#5f6c63;font-size:13px;white-space:nowrap}.topbar nav a:hover{color:var(--green)}.top-right{display:flex;align-items:center;gap:10px}.avatar-link{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700}.avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;background:#e1e9e3}.page{max-width:1380px;margin:22px auto;padding:0 18px;min-height:70vh}.layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(380px,1.65fr) minmax(250px,.9fr);gap:18px;align-items:start}.col{display:grid;gap:16px;min-width:0}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 9px #1c342208}.pad{padding:17px}.card-title{font-size:16px;margin:0 0 13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.muted,.subtle{color:var(--muted);font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:white;border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-weight:700;color:var(--ink);cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.soft{background:var(--pale);border-color:transparent;color:var(--dark)}.btn.small{padding:7px 10px;font-size:12px}.btn:hover{filter:brightness(.98)}.flash{padding:12px 15px;border:1px solid #c8ddce;background:#eef7f0;color:#285d3c;border-radius:10px;margin-bottom:15px}.composer{padding:15px;display:flex;align-items:center;gap:10px}.composer input{flex:1;min-width:0;border:0;border-radius:22px;background:var(--wash);padding:12px 15px;outline-color:var(--green)}.composer-actions{border-top:1px solid var(--line);padding:10px 14px;display:flex;gap:8px}.composer-actions a{flex:1;text-align:center;padding:7px;border-radius:8px;color:var(--muted);font-weight:700;font-size:13px}.post{padding:16px}.post-head{display:flex;align-items:center;gap:10px}.post-head .avatar{width:43px;height:43px}.author{flex:1}.author strong{display:block}.author small{color:var(--muted);font-size:12px}.post-body{margin:13px 0;white-space:pre-line}.post-place{color:var(--green);font-weight:700;font-size:13px;margin-bottom:10px}.media{margin:0 -16px;max-height:520px;background:#e4eae5;overflow:hidden}.media img{width:100%;max-height:520px;object-fit:cover}.media video{width:100%;max-height:520px;display:block}.post-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;color:var(--muted);font-size:12px}.post-actions{display:flex;gap:5px;padding-top:7px}.post-actions button{flex:1;border:0;background:transparent;padding:9px 3px;border-radius:8px;color:var(--muted);font-weight:700}.post-actions button:hover,.post-actions button.liked{background:var(--pale);color:var(--green)}.comment-list{border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.comment{display:flex;gap:8px;margin:9px 0}.comment .avatar{width:30px;height:30px}.bubble{background:var(--wash);border-radius:12px;padding:9px 11px;font-size:13px;flex:1}.bubble strong{display:block}.comment-form{display:flex;gap:7px;margin-top:10px}.comment-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:22px;padding:9px 12px}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.place-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.place-card img{width:100%;height:155px;object-fit:cover}.place-card .place-info{padding:12px}.place-card h3{font-size:15px;margin:0 0 4px}.place-card p{font-size:12px;color:var(--muted);margin:0 0 9px}.place-type{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--green);font-weight:800}.list{display:grid;gap:13px}.list-row{display:flex;align-items:center;gap:10px}.list-row img{width:58px;height:56px;object-fit:cover;border-radius:9px}.list-row .row-text{min-width:0;flex:1}.list-row strong{display:block;font-size:13px}.list-row small{color:var(--muted);font-size:11px}.person-row{display:flex;align-items:center;gap:10px;margin:12px 0}.person-row .avatar{width:42px;height:42px}.person-row .row-text{flex:1;min-width:0}.person-row strong{display:block;font-size:13px}.person-row small{color:var(--muted);font-size:11px}.follow{border:0;background:var(--pale);color:var(--green);padding:7px 9px;border-radius:8px;font-size:12px;font-weight:700}.hero{border-radius:15px;background:linear-gradient(100deg,#12291dc4,#10291d0c),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1600&q=85') center/cover;color:white;padding:38px 34px;min-height:245px;display:flex;align-items:end}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.06;letter-spacing:-1px;max-width:640px;margin:0 0 10px}.hero p{max-width:600px;color:#eef5ef;margin:0 0 17px}.category-pills{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.category-pills a{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:25px;font-size:12px;font-weight:700}.category-pills a.active{background:var(--green);color:white;border-color:var(--green)}.profile-cover{height:220px;background:linear-gradient(90deg,#122b1db3,#122b1d00),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1600&q=85') center/cover}.profile-top{padding:0 23px 18px}.profile-id{display:flex;gap:16px;align-items:end;margin-top:-48px}.profile-id .avatar{width:112px;height:112px;border:5px solid white}.profile-id h1{margin:0;font-size:27px}.profile-id .id-text{flex:1;padding-bottom:8px}.stats{display:flex;gap:22px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line);flex-wrap:wrap}.stats strong{font-size:17px}.stats span{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:18px;padding:0 23px;border-top:1px solid var(--line);overflow:auto}.tabs a{padding:14px 0;font-weight:700;color:var(--muted);white-space:nowrap}.tabs a.active{color:var(--green);border-bottom:3px solid var(--green)}.form-wrap{max-width:570px;margin:35px auto}.form-wrap h1{margin-top:0}.form-grid{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-weight:700;font-size:13px}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:9px;padding:11px 12px;width:100%;background:white;outline-color:var(--green)}.field textarea{min-height:105px;resize:vertical}.field .help{font-size:12px;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:25px;text-align:center;color:var(--muted);font-size:13px}.footer{max-width:1380px;margin:0 auto;padding:22px 20px 30px;color:var(--muted);font-size:11px}.footer span{float:right}.media-thumb{width:100%;height:180px;object-fit:cover;border-radius:10px}.badge{display:inline-block;padding:4px 7px;border-radius:6px;background:var(--pale);color:var(--green);font-size:10px;font-weight:800}.sponsored img{width:100%;height:125px;object-fit:cover;border-radius:9px;margin:10px 0}.notice{font-size:12px;color:var(--muted);background:var(--wash);padding:10px;border-radius:9px;margin-top:10px}.reel-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reel{aspect-ratio:9/14;position:relative;overflow:hidden;border-radius:10px;background:#24372b}.reel img{width:100%;height:100%;object-fit:cover}.reel:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#09180dd9)}.reel b{position:absolute;z-index:1;bottom:10px;left:8px;right:8px;color:white;font-size:12px}.reel span{position:absolute;z-index:1;top:8px;left:8px;color:white}.table-like{width:100%;border-collapse:collapse}.table-like td{padding:9px;border-bottom:1px solid var(--line);font-size:13px}.hidden{display:none!important}@media(max-width:1080px){.layout{grid-template-columns:minmax(200px,.8fr) minmax(360px,1.6fr)}.right-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar nav{gap:9px}.topbar nav a{font-size:12px}}@media(max-width:720px){.topbar{height:auto;min-height:58px;padding:10px 12px;gap:10px;flex-wrap:wrap}.brand{font-size:20px}.search{order:3;flex-basis:100%;max-width:none}.topbar nav{margin-left:auto;gap:10px}.topbar nav a{font-size:11px}.top-right .avatar-link span{display:none}.page{padding:0 10px;margin:12px auto}.layout{display:flex;flex-direction:column}.middle-col{order:0;width:100%}.left-col{order:1;width:100%}.right-col{order:2;width:100%;display:grid;grid-template-columns:1fr}.hero{padding:26px 20px;min-height:235px}.tile-grid{gap:8px}.place-card img{height:120px}.profile-cover{height:155px}.profile-top{padding:0 13px 14px}.profile-id{gap:10px;flex-wrap:wrap}.profile-id .avatar{width:86px;height:86px}.profile-id .id-text{padding-top:39px;margin-left:-96px;flex-basis:100%}.profile-id h1{font-size:23px}.profile-id .profile-actions{position:absolute;right:15px;margin-top:-46px}.tabs{padding:0 13px;gap:14px}.two{grid-template-columns:1fr}.footer span{float:none;display:block;margin-top:5px}}

.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.album-grid a{position:relative;display:block;overflow:hidden;border-radius:7px;background:#edf2ee}.album-grid img,.album-grid video{width:100%;height:92px;object-fit:cover;display:block}.album-grid .video-mark{position:absolute;right:6px;bottom:6px;color:#fff;background:#14251aaa;border-radius:6px;padding:3px 6px;font-size:11px}
.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.link{color:var(--green);font-weight:700;font-size:13px}.post-actions form{flex:1;display:flex}.post-actions form button{width:100%}
/* Async interactions and multi-file media grid */
.upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin-top:12px}.upload-preview{position:relative;min-width:0;border:1px solid #dce5df;border-radius:12px;overflow:hidden;background:#f5f8f6;aspect-ratio:1;display:flex;align-items:flex-end}.upload-preview img,.upload-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.upload-preview span{position:relative;z-index:1;background:rgba(255,255,255,.92);font-size:11px;padding:5px 7px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-progress{margin:12px 0}.upload-progress-track{height:8px;border-radius:99px;background:#e5ece7;overflow:hidden}.upload-progress-track span{display:block;width:0;height:100%;background:#397653;transition:width .12s linear}.upload-progress small{display:block;margin-top:6px;color:#627268}.form-status{margin:8px 0;padding:9px 12px;border-radius:9px;font-size:14px}.form-status:empty{display:none}.form-status.success{background:#e9f6ed;color:#215b35}.form-status.error{background:#fff0ef;color:#8a3028}.ajax-upload-form button:disabled{opacity:.7;cursor:wait}
/* Respect the five supplied SafariAnts design families while keeping shared data-driven components functional. */
body.layout-profile,body.layout-business,body.layout-destination,body.layout-feed,body.layout-home{font-family:"Facebook Sans",Helvetica,Arial,sans-serif}
body.layout-profile .topbar,body.layout-business .topbar,body.layout-destination .topbar,body.layout-feed .topbar,body.layout-home .topbar{background:#fff;border-bottom:1px solid #e5e9e6}
body.layout-profile .brand,body.layout-business .brand,body.layout-destination .brand,body.layout-feed .brand,body.layout-home .brand{color:#263b2e;font-weight:800;letter-spacing:-.4px}
body.layout-profile .card,body.layout-business .card,body.layout-destination .card,body.layout-feed .card,body.layout-home .card{border:1px solid #e2e8e3;border-radius:16px;box-shadow:0 2px 8px rgba(24,47,31,.035)}
body.layout-profile .btn.primary,body.layout-business .btn.primary,body.layout-destination .btn.primary,body.layout-feed .btn.primary,body.layout-home .btn.primary{background:#397653;border-color:#397653}
body.layout-profile .page{max-width:1240px}body.layout-business .page,body.layout-destination .page{max-width:1280px}body.layout-feed .page{max-width:1440px}body.layout-home .page{max-width:1360px}
body.layout-business .post,body.layout-destination .post,body.layout-home .post,body.layout-feed .post{overflow:hidden}
body.layout-home .layout{align-items:start}

/* Page-specific layout tuning */
body.layout-home .topbar{background:linear-gradient(100deg,#087b43,#079852);color:#fff;box-shadow:0 3px 12px #103b2824}
body.layout-home .topbar nav,body.layout-home .brand{color:#fff}
body.layout-home .brand-mark{background:rgba(255,255,255,.18);color:#fff;border:1px solid #ffffff55}
body.layout-home .page>.layout{height:auto;min-height:0;max-width:none;padding:0;grid-template-columns:1fr 1fr}
body.layout-business .page,body.layout-destination .page{display:block;height:auto;min-height:70vh;overflow:visible;padding-top:22px}
body.layout-business .page>.layout,body.layout-destination .page>.layout{height:auto;min-height:0;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);padding:0;margin-top:18px}
body.layout-profile .page>.layout{grid-template-columns:minmax(220px,.8fr) minmax(380px,1.65fr) minmax(250px,.9fr)}
@media(max-width:720px){body.layout-home .page>.layout,body.layout-business .page>.layout,body.layout-destination .page>.layout,body.layout-profile .page>.layout{display:flex;flex-direction:column;padding:0;gap:14px}}