/* SingaporeEscort.net — shared stylesheet for inner silo pages */
:root{
  --ocean:#09090e;
  --ocean2:#111116;
  --ocean3:#191920;
  --water:#c9a84c;
  --water-dim:#8a6a28;
  --water-bright:#e8cc76;
  --text:#ede5d0;
  --text-dim:#7a7060;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ocean);color:var(--text);font-family:'Segoe UI','Helvetica Neue',system-ui,sans-serif;line-height:1.8;}
a{color:var(--water);}

/* NAV */
#top-nav{position:sticky;top:0;z-index:200;background:rgba(9,9,14,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.12);padding:0 1.5rem;}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;}
.nav-brand{font-size:.85rem;font-weight:700;color:var(--water);text-decoration:none;white-space:nowrap;letter-spacing:.12em;}
.nav-links{display:flex;list-style:none;overflow-x:auto;}
.nav-links li a{display:block;padding:0 .9rem;height:56px;line-height:56px;font-size:.78rem;color:var(--text-dim);text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;}
.nav-links li a:hover{color:var(--water);border-bottom-color:var(--water);}
.nav-cta{background:var(--water);color:#120f05;padding:.45rem 1.2rem;font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap;margin-left:1rem;flex-shrink:0;transition:background .2s;}
.nav-cta:hover{background:var(--water-bright);}

/* PAGE HEADER */
.page-header{position:relative;padding:5rem 1.5rem 4rem;text-align:center;background:linear-gradient(180deg,var(--ocean2),var(--ocean));border-bottom:1px solid rgba(201,168,76,.12);overflow:hidden;}
.breadcrumb{font-size:.72rem;letter-spacing:.08em;color:var(--text-dim);margin-bottom:1.5rem;}
.breadcrumb a{color:var(--water-dim);text-decoration:none;}
.breadcrumb a:hover{color:var(--water);}
.breadcrumb span{color:var(--water);}
.page-badge{display:inline-block;border:1px solid var(--water-dim);color:var(--water);padding:.32rem 1.4rem;font-size:.68rem;letter-spacing:.28em;margin-bottom:1.6rem;}
.page-header h1{font-size:clamp(1.9rem,5vw,3.4rem);font-weight:300;line-height:1.2;color:#fff;max-width:900px;margin:0 auto 1rem;}
.page-header h1 strong{font-weight:800;color:var(--water);}
.page-header .lede{font-size:clamp(.92rem,1.6vw,1.05rem);color:#a09070;max-width:680px;margin:0 auto 2.2rem;}
.header-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}
.btn-water{background:var(--water);color:#120f05;padding:.85rem 2.2rem;font-weight:800;font-size:.88rem;text-decoration:none;letter-spacing:.06em;transition:background .2s,transform .2s;}
.btn-water:hover{background:var(--water-bright);transform:translateY(-2px);}
.btn-outline-w{border:1px solid var(--water-dim);color:var(--water);padding:.85rem 2.2rem;font-weight:600;font-size:.88rem;text-decoration:none;letter-spacing:.06em;transition:background .2s,color .2s;}
.btn-outline-w:hover{background:var(--water);color:#120f05;}

/* ARTICLE */
.article{max-width:820px;margin:0 auto;padding:4rem 1.5rem;}
.article h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:300;color:#fff;margin:2.5rem 0 1rem;}
.article h2 strong{font-weight:800;color:var(--water);}
.article h2:first-child{margin-top:0;}
.article h3{font-size:1.1rem;font-weight:700;color:var(--water);margin:2rem 0 .8rem;}
.article p{font-size:.98rem;color:var(--text);opacity:.9;margin-bottom:1.2rem;line-height:1.95;}
.article ul,.article ol{margin:0 0 1.4rem 1.4rem;}
.article li{font-size:.96rem;color:var(--text-dim);margin-bottom:.55rem;line-height:1.85;}
.article a{color:var(--water);text-decoration:none;border-bottom:1px solid rgba(201,168,76,.3);}
.article a:hover{border-bottom-color:var(--water);}
.article .divider{width:60px;height:1px;background:var(--water-dim);margin:2.5rem 0;}
.callout{background:var(--ocean2);border-left:3px solid var(--water);padding:1.4rem 1.6rem;margin:2rem 0;font-size:.94rem;color:var(--text-dim);}
.callout strong{color:var(--water);}

/* SIBLINGS */
.siblings{background:var(--ocean2);padding:4rem 1.5rem;border-top:1px solid rgba(201,168,76,.1);}
.siblings-inner{max-width:1000px;margin:0 auto;}
.siblings h2{text-align:center;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:300;color:#fff;margin-bottom:.6rem;}
.siblings h2 strong{font-weight:800;color:var(--water);}
.siblings .sub{text-align:center;color:var(--text-dim);font-size:.9rem;margin-bottom:2.5rem;}
.sib-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}
.sib-card{background:var(--ocean3);border:1px solid rgba(201,168,76,.12);padding:1.6rem 1.4rem;text-align:center;text-decoration:none;display:block;transition:border-color .3s,transform .3s;}
.sib-card:hover{border-color:var(--water);transform:translateY(-3px);}
.sib-card .ic{font-size:1.6rem;margin-bottom:.5rem;}
.sib-card h3{font-size:.92rem;font-weight:700;color:var(--water);margin-bottom:.35rem;}
.sib-card p{font-size:.78rem;color:var(--text-dim);line-height:1.6;}

/* CTA BAND */
.cta-band{background:var(--ocean);padding:4.5rem 1.5rem;text-align:center;border-top:1px solid rgba(201,168,76,.1);}
.cta-band h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:300;color:#fff;margin-bottom:1rem;}
.cta-band h2 strong{font-weight:800;color:var(--water);}
.cta-band p{color:var(--text-dim);font-size:.95rem;max-width:600px;margin:0 auto 2rem;}
.cta-band .header-cta{justify-content:center;}

/* FAQ */
.faq-sec{background:var(--ocean2);padding:4.5rem 1.5rem;border-top:1px solid rgba(201,168,76,.1);}
.faq-sec .faq-inner{max-width:780px;margin:0 auto;}
.faq-sec h2{text-align:center;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:300;color:#fff;margin-bottom:2rem;}
.faq-sec h2 strong{font-weight:800;color:var(--water);}
.faq-item{border-bottom:1px solid rgba(201,168,76,.1);}
.faq-item input[type="checkbox"]{display:none;}
.faq-label{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 0;cursor:pointer;color:#fff;font-size:.94rem;font-weight:600;user-select:none;}
.faq-label::after{content:'+';font-size:1.4rem;color:var(--water-dim);transition:transform .3s;}
.faq-item input:checked+.faq-label::after{transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--text-dim);font-size:.9rem;padding-right:2rem;line-height:1.9;}
.faq-item input:checked~.faq-answer{max-height:340px;padding-bottom:1.3rem;}

/* FOOTER */
footer{background:#060607;border-top:1px solid rgba(201,168,76,.08);padding:4rem 1.5rem 2rem;}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;}
.footer-brand h3{font-size:1.05rem;color:var(--water);margin-bottom:1rem;font-weight:700;}
.footer-brand p{font-size:.85rem;color:var(--text-dim);line-height:1.85;}
.footer-brand a{color:var(--water-dim);text-decoration:none;}
.footer-col h4{font-size:.68rem;letter-spacing:.2em;color:var(--water-dim);margin-bottom:1.2rem;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:.6rem;}
.footer-col ul li a{font-size:.85rem;color:var(--text-dim);text-decoration:none;transition:color .2s;}
.footer-col ul li a:hover{color:var(--water);}
.footer-divider{max-width:1100px;margin:3rem auto 1.5rem;border:none;border-top:1px solid rgba(201,168,76,.06);}
.footer-bottom{max-width:1100px;margin:0 auto;text-align:center;}
.footer-bottom p{font-size:.75rem;color:#3a3428;}
.footer-bottom a{color:#3a3428;text-decoration:none;}

/* TG FLOAT */
.tg-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;background:#0088cc;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;text-decoration:none;box-shadow:0 4px 16px rgba(0,136,204,.5);transition:transform .2s;}
.tg-float:hover{transform:scale(1.1);}

@media(max-width:768px){.nav-brand{display:none}.nav-links li a{padding:0 .6rem;font-size:.72rem}}
@media(max-width:600px){.header-cta{flex-direction:column;align-items:center}}