:root{--ink:#2e2420;--muted:#7a6b60;--accent:#c07a5b;--accent-d:#a45b4d;--accent-soft:#F3E4DB;--blush:#E3B9AC;--cta:#2e2420;--cta-d:#a45b4d;--line:#E7DCD2;--bg:#ffffff;--paper:#F8F1EA;
--book:#2E7D57;--book-d:#245F42;--ok:#4C7A55;--ok-bg:#EEF4EF;--bad:#8a3324;--bad-bg:#f7ece8;--warn:#6b5b22;--warn-bg:#f6f1e0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16.5px/1.65 "Helvetica Neue",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.01em}
a{color:#a45b4d;text-decoration-color:#e0c3b6}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:600}
header.site{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(6px)}
.bar{max-width:1100px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;white-space:nowrap}
.logo .mark{width:44px;height:44px;flex:0 0 auto}
.logo .wm{font-family:Georgia,serif;font-weight:700;color:var(--ink);font-size:1.18rem;line-height:1;letter-spacing:.02em}
.logo .wm small{display:block;font-weight:400;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:4px}
nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
nav a{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:6px 8px}
nav a:hover{color:var(--ink)}
nav a.active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--accent)}
nav .has-sub{position:relative}
nav .has-sub>.sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.12);padding:6px;min-width:260px;z-index:40}
nav .has-sub:hover>.sub,nav .has-sub:focus-within>.sub{display:block}
nav .sub a{display:block;white-space:nowrap;padding:8px 11px;font-size:.78rem;text-transform:none;letter-spacing:.02em}
nav .sub a:hover{background:#f0f0f0;color:var(--ink)}
/* third-level (nested) flyout for the Massages branch */
nav .sub .has-sub{display:block;position:relative}
nav .sub .has-sub>a::after{content:" ›";color:var(--muted)}
nav .sub .sub2{top:0;left:100%;margin-left:-1px}
/* service cards on the Massages hub */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:1.4em 0}
@media(max-width:640px){.svc-grid{grid-template-columns:1fr}}
.svc-card{border:1px solid var(--line);border-radius:10px;padding:14px 18px 18px;background:var(--paper)}
.svc-card h2{margin:.1em 0 .4em}
.svc-card ul{margin:.4em 0 0;padding-left:1.15em}
.soon{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:1px 7px;margin-left:5px;vertical-align:middle;white-space:nowrap}
.phone-top{font-size:.85rem;color:var(--ink);text-decoration:none;white-space:nowrap}
.cta-call{background:var(--book);color:#fff !important;padding:10px 22px;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;text-decoration:none;white-space:nowrap;transition:.2s;border-radius:999px;box-shadow:0 5px 14px rgba(46,125,87,.32)}
.cta-call:hover{background:var(--book-d);box-shadow:0 7px 18px rgba(36,95,66,.42)}
.cta-wrap{position:relative}
.cta-wrap>.sub{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.12);padding:6px;min-width:210px;z-index:50;border-radius:6px}
.cta-wrap:hover>.sub,.cta-wrap:focus-within>.sub{display:block}
.cta-wrap>.sub a{display:block;padding:9px 14px;text-decoration:none;color:var(--ink);white-space:nowrap;font-size:.9rem;text-transform:none;letter-spacing:0;font-weight:500}
.cta-wrap>.sub a:hover{background:var(--paper);color:var(--accent-d)}
/* --- mobile hamburger menu (CSS-only, no JS) --- */
#navtoggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.nav-burger{display:none;margin-left:auto;width:26px;height:20px;flex-direction:column;justify-content:space-between;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.nav-burger span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:.25s}
#navtoggle:checked~.nav-burger span:nth-child(1){transform:translateY(9px) rotate(45deg)}
#navtoggle:checked~.nav-burger span:nth-child(2){opacity:0}
#navtoggle:checked~.nav-burger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
@media(max-width:720px){
  .logo{font-size:1.05rem}
  .nav-burger{display:flex}
  nav{order:5;flex-basis:100%;display:none;flex-direction:column;gap:0;margin:6px 0 0}
  #navtoggle:checked~nav{display:flex}
  nav a{padding:13px 4px;border-top:1px solid var(--line);font-size:.84rem}
  nav a.active{border-bottom:none}
  nav .has-sub{position:static}
  nav .has-sub>.sub{display:block;position:static;border:none;box-shadow:none;min-width:0;padding:0 0 8px 16px}
  nav .sub a{border-top:none;padding:8px 4px;color:var(--muted);text-transform:none}
  .cta-wrap{order:6;flex-basis:100%;display:none}
  #navtoggle:checked~.cta-wrap{display:block}
  .cta-wrap .cta-call{display:block;text-align:center;padding:14px 20px;margin-top:8px}
  .cta-wrap>.sub{position:static;display:block;border:none;box-shadow:none;padding:6px 0 0 16px;min-width:0}
  .cta-wrap>.sub a{text-align:left}
}
main{max-width:860px;margin:0 auto;padding:34px 20px 70px}
h1{font-size:2rem;line-height:1.15;margin:.2em 0 .5em}
h2{font-size:1.45rem;margin:1.7em 0 .5em}
.kicker{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:2.2em 0 .2em}
.kicker+h2{margin-top:0}
.hero{position:relative;margin:-34px calc(50% - 50vw) 34px;min-height:72vh;display:flex;align-items:center;overflow:hidden;background:#2e2420;color:var(--ink)}
.hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.85) sepia(.18) contrast(1.02);z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(248,241,234,.88) 0%,rgba(246,238,231,.74) 50%,rgba(46,36,32,.42) 100%),linear-gradient(90deg,rgba(248,241,234,.55),rgba(248,241,234,0) 62%)}
.hero-frame{position:absolute;inset:18px;border:1px solid rgba(46,36,32,.3);z-index:2;pointer-events:none}
.hero-in{position:relative;z-index:3;max-width:900px;margin:0 auto;padding:58px 40px;width:100%;text-shadow:0 1px 14px rgba(248,241,234,.55)}
.hero-kicker{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-d);margin:0 0 16px;display:flex;align-items:center;gap:9px}
.hero-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero .slogan{font-family:"Didot","Bodoni 72",Georgia,"Times New Roman",serif;line-height:1.02;margin:0 0 16px}
.hero .slogan .l1{display:block;font-size:clamp(1.75rem,4.3vw,2.95rem);font-weight:500;color:#a45b4d;letter-spacing:.005em}
.hero .slogan .l2{display:inline-block;font-size:clamp(2.25rem,5.7vw,3.85rem);font-weight:800;color:#241a15;letter-spacing:-.01em;border-bottom:2px solid var(--accent);padding-bottom:6px;margin-top:2px}
.hero-lede{font-size:1.08rem;max-width:34em;color:#4a3d35;margin:0 0 22px}
@media(max-width:640px){.hero-in{padding:40px 24px}.hero{min-height:82vh}}
.btn{display:inline-block;background:var(--cta);color:#fff!important;padding:13px 28px;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;text-decoration:none;margin-top:8px;border-radius:999px;transition:.18s}
.btn.ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)!important}
.btn.book{background:var(--book);color:#fff!important;font-weight:700;padding:15px 34px;box-shadow:0 8px 22px rgba(46,125,87,.38)}
.btn.book:hover{background:var(--book-d);transform:translateY(-1px);box-shadow:0 11px 28px rgba(36,95,66,.48)}
.senses{margin-top:26px;display:flex;flex-direction:column;gap:10px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-weight:600}
.senses span{text-shadow:0 1px 9px rgba(248,241,234,.75)}
.senses b{color:var(--accent-d);font-weight:800}
.anchor{background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:3px;padding:12px 18px;margin:22px 0;font-size:.98rem;color:var(--ink)}
.stars{color:var(--accent);font-size:1.35rem;letter-spacing:.18em}
.rev{background:var(--paper);border:1px solid var(--line);padding:18px 22px;margin:10px 0}
.rev p{margin:0 0 6px;font-family:Georgia,serif;font-style:italic}
.rev span{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cards{display:grid;gap:14px;grid-template-columns:1fr;margin:16px 0}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr 1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--ink);padding:20px}
.card h3{margin:.1em 0 .3em;font-size:1.05rem}
.card .price{color:var(--ink);font-weight:700}
.card a{display:inline-block;margin-top:8px;font-weight:600;text-decoration:none;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.card a:hover{color:var(--cta)}
table.prices{width:100%;border-collapse:collapse;margin:.6em 0;background:var(--paper)}
table.prices th,table.prices td{border:1px solid var(--line);padding:10px 13px;text-align:left}
table.prices th{background:#F2F0E9;font-family:Georgia,serif}
.note{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);padding:13px 17px;margin:14px 0;font-size:.96rem}
.warn{background:var(--warn-bg);border:1px solid #e8dcc0;border-left:4px solid var(--warn);padding:13px 17px;margin:14px 0;font-size:.96rem;color:#57430f}
.stage{background:var(--paper);border:1px solid var(--line);padding:15px 19px;margin:10px 0}
.stage b{color:var(--ink)}
.receipt{max-width:540px;margin:20px auto;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 30px rgba(46,36,32,.10);overflow:hidden;color:var(--ink)}
.receipt .r-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px 20px;border-bottom:2px solid var(--ink)}
.receipt .r-assoc{font-size:.72rem;line-height:1.35;color:var(--muted)}
.receipt .r-assoc b{display:block;font-size:1rem;letter-spacing:.08em;color:var(--ink);font-family:Georgia,serif}
.receipt .r-no{flex:0 0 42%;font-size:.72rem;color:var(--muted)}
.receipt .r-no small{font-style:italic}
.receipt .r-title{text-align:center;font-weight:700;font-size:1rem;padding:11px 20px;background:var(--paper);border-bottom:1px solid var(--line);font-family:Georgia,serif}
.receipt .r-title span{display:block;font-size:.78rem;font-weight:400;color:var(--muted)}
.receipt .r-body{padding:14px 22px}
.receipt .r-row{display:flex;align-items:flex-end;gap:10px;margin:12px 0}
.receipt .r-label{flex:0 0 42%;font-size:.9rem;font-family:Georgia,serif}
.receipt .r-label small{display:block;font-size:.72rem;font-style:italic;color:var(--muted)}
.receipt .r-fill{flex:1 1 auto;border-bottom:1px solid #b9ada2;min-height:1.15em}
.receipt .r-tag{font-style:italic;text-align:center;padding:6px 20px 14px;font-size:.82rem;color:var(--accent-d);font-family:Georgia,serif}
.receipt .r-foot{padding:10px 20px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
.flags{display:grid;gap:14px;grid-template-columns:1fr;margin:14px 0}
@media(min-width:640px){.flags{grid-template-columns:1fr 1fr}}
.flag{padding:16px 18px;border:1px solid var(--line);display:flex;flex-direction:column}
.flag>p:last-child{margin-top:auto!important;text-align:center;padding-top:10px}
.flag.green{background:var(--ok-bg);border-color:#cfe0cf}
.flag.red{background:var(--bad-bg);border-color:#ecd0c6}
.flag h3{margin:.1em 0 .5em;font-size:1.02rem}
.flag.green h3{color:var(--ok)}
.flag.red h3{color:var(--bad)}
.flag ul{margin:.2em 0;padding-left:1.1em}
.flag li{margin:.3em 0}
.issue-grid{display:grid;gap:12px;grid-template-columns:1fr;margin:16px 0}
@media(min-width:640px){.issue-grid{grid-template-columns:1fr 1fr}}
.issue-grid a{display:block;background:var(--paper);border:1px solid var(--line);padding:14px 16px;text-decoration:none;color:var(--ink)}
.issue-grid a:hover{border-color:#555}
.issue-grid b{color:var(--ink);display:block;margin-bottom:2px;font-family:Georgia,serif}
.issue-grid span{color:var(--muted);font-size:.88rem}
.related{background:var(--paper);border:1px solid var(--line);padding:12px 16px;margin:16px 0;font-size:.94rem}
.related b{color:var(--ink)}
footer.site{background:#241a15;color:#c9bcb2;margin-top:44px}
footer .fbar{max-width:860px;margin:0 auto;padding:32px 20px;font-size:.92rem;text-align:center}
.foot-addr{margin:18px 0 0;color:#c9bcb2}
.foot-map{color:#e8ddd2;text-decoration:underline;text-decoration-color:#6b594d}
.foot-map:hover{color:#fff}
footer a{color:#ddd}
footer a:hover{color:#fff}
footer .big{color:#fff;font-size:1.15rem;font-weight:700;font-family:Georgia,serif}
.soc{display:flex;gap:12px;margin:14px 0 4px}
.soc a{border:1px solid #444;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.66rem;letter-spacing:.04em;text-decoration:none}
.soc a:hover{border-color:#fff}
.disc{font-size:.78rem;color:#8a8a8a;margin-top:14px}
.svc-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:2px;margin:4px 0 24px;display:block;filter:saturate(.92)}

/* --- client reviews carousel (Trust Creator) --- */
.reviews{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0;padding:34px 0}
.reviews-inner{max-width:1000px;margin:0 auto;padding:0 22px}
.reviews .kicker{margin:0 0 .2em}
.reviews h3.rev-h{font-family:Georgia,serif;font-size:1.5rem;margin:.1em 0 .5em}
.reviews-pretext{font-size:.92rem;color:var(--muted);max-width:60em;margin:0 0 20px;line-height:1.6}
.rev-carousel{position:relative}
.rev-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px 2px 10px;scrollbar-width:none}
.rev-track::-webkit-scrollbar{display:none}
.rev-card{flex:0 0 100%;scroll-snap-align:center;background:var(--bg);border:1px solid var(--line);border-top:3px solid var(--accent);padding:22px 24px;box-sizing:border-box;display:flex;flex-direction:column}
@media(min-width:760px){.rev-card{flex-basis:calc(50% - 8px)}}
.rev-stars{color:var(--accent);letter-spacing:.16em;font-size:1.02rem;margin-bottom:9px}
.rev-text{font-family:Georgia,serif;font-style:italic;color:var(--ink);margin:0 0 14px;line-height:1.55;font-size:1rem}
.rev-meta{margin-top:auto;font-size:.78rem;letter-spacing:.03em;color:var(--muted)}
.rev-meta b{color:var(--ink);font-style:normal}
.rev-nav{position:absolute;top:44%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.rev-nav:hover{border-color:var(--accent);color:var(--accent)}
.rev-nav.prev{left:-10px}.rev-nav.next{right:-10px}
@media(max-width:560px){.rev-nav{display:none}}


/* --- responsive video embed (TV features) --- */
.video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:14px 0 6px;border:1px solid var(--line);background:#000;border-radius:2px;overflow:hidden}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}


/* --- Square Appointments inline booking widget --- */
/* --- branded booking box (holds the Square booking button) --- */
.book-block{margin:2.6em 0 1.2em;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 14px 38px rgba(46,36,32,.16);scroll-margin-top:90px}
.book-head{background:var(--ink);color:#fff;padding:20px 24px 18px}
.book-head .book-kick{display:block;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--blush);font-weight:700;margin-bottom:5px}
.book-head h2{color:#fff;margin:0;font-size:1.6rem;line-height:1.15}
.book-head .booknote{color:#d8cabf;font-size:.92rem;margin:.55em 0 0}
.book-head .booknote a{color:#fff;text-decoration-color:var(--blush)}
.sqbook{margin:0;padding:14px 14px 18px;background:#fff}
.sqbook .sqframe{display:block;width:100%;max-width:560px;margin:0 auto;border:0;border-radius:4px}
.booknote{color:var(--muted);font-size:.95rem;margin:0 0 10px}
/* --- bold Warm-Oil booking button (opens hosted Square widget) --- */
.btn-book{display:inline-block;background:var(--book);color:#fff!important;padding:16px 34px;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;text-decoration:none;border-radius:999px;box-shadow:0 10px 26px rgba(46,125,87,.42);transition:.18s}
.btn-book:hover{background:var(--book-d);transform:translateY(-1px);box-shadow:0 12px 30px rgba(36,95,66,.5)}

.rev-link{display:inline-block;margin-top:9px;font-size:.76rem;letter-spacing:.04em;color:var(--accent-d);text-decoration:none}
.rev-link:hover{text-decoration:underline}

/* --- referral form --- */
.refform{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--accent);padding:22px 24px;margin:16px 0}
.refform label{display:block;font-size:.86rem;font-weight:600;color:var(--ink);margin:0 0 14px}
.refform input,.refform select,.refform textarea{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);font:inherit;font-weight:400;color:var(--ink);border-radius:2px}
.refform textarea{resize:vertical}
.refform .two-col{display:grid;gap:0 16px;grid-template-columns:1fr}
@media(min-width:560px){.refform .two-col{grid-template-columns:1fr 1fr}}
.refform .req{color:var(--bad)}
.refform .fieldnote{font-size:.8rem;color:var(--muted);margin:-6px 0 14px}
.refform .btn{margin-top:4px}
.refform .hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* --- issue/symptom page + hub-card images --- */
.issue-hero{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:2px;margin:2px 0 18px;filter:saturate(.95)}
.geoline{font-size:.95rem;color:var(--muted);margin:.2em 0 1.4em;border-left:3px solid var(--accent-soft);padding-left:13px}
.geoline a{white-space:nowrap}
.issue-grid a{overflow:hidden}
.issue-grid a img{display:block;margin:-14px -16px 12px;width:calc(100% + 32px);height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line);filter:saturate(.95)}
/* --- about portrait --- */
.portrait{float:right;width:210px;max-width:42%;height:auto;border:1px solid var(--line);border-radius:2px;margin:0 0 14px 22px;filter:saturate(.96);box-shadow:0 6px 22px rgba(46,36,32,.10)}
@media(max-width:520px){.portrait{float:none;display:block;width:170px;margin:0 auto 18px}}
.alex-mini{float:right;width:108px;height:108px;border-radius:50%;object-fit:cover;object-position:50% 22%;margin:4px 0 8px 18px;border:3px solid #fff;box-shadow:0 6px 18px rgba(46,36,32,.20)}
@media(max-width:520px){.alex-mini{width:88px;height:88px;margin:2px 0 6px 14px}}
/* --- callout (research pointer) --- */
.callout{background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);padding:14px 18px;margin:18px 0;border-radius:2px}
.callout a{font-weight:600;white-space:nowrap}
/* --- thermal ritual figure row --- */
.figrow{display:grid;gap:12px;grid-template-columns:1fr;margin:18px 0}
@media(min-width:640px){.figrow{grid-template-columns:1fr 1fr 1fr}}
.figrow figure{margin:0}
.figrow img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:2px;filter:saturate(.96)}
.figrow figcaption{font-size:.8rem;color:var(--muted);margin-top:6px;line-height:1.45}
/* --- academic thesis / references typography --- */
.thesis-meta{font-size:.9rem;color:var(--muted);margin:-4px 0 18px}
.thesis{max-width:760px}
.thesis h2{font-size:1.4rem;margin:1.7em 0 .4em;padding-top:.5em;border-top:1px solid var(--line)}
.thesis h3{font-size:1.12rem;margin:1.4em 0 .3em;color:var(--accent-d)}
.thesis h4{font-family:Georgia,serif;font-size:1rem;margin:1.1em 0 .2em}
.thesis p{margin:.7em 0}
.thesis ul,.thesis ol{margin:.6em 0 .9em;padding-left:1.4em}
.thesis li{margin:.3em 0}
.thesis .toc{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:14px 18px 14px 34px;font-size:.94rem}
.reflist{padding-left:1.5em}
.reflist li{margin:.55em 0;line-height:1.5}
.reflist a{text-decoration:none}
.reflist a:hover{text-decoration:underline}
/* --- systems diagram + pull quote (IT page) --- */
.systree{margin:24px 0;text-align:center}
.systree .node{display:inline-block;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:4px;padding:12px 18px;max-width:340px;text-align:left}
.systree .node b{color:var(--ink)}
.systree .node span{display:block;font-size:.82rem;color:var(--muted);margin-top:4px;line-height:1.4}
.systree .root{border-top-color:var(--accent-d)}
.systree .branches{display:grid;gap:16px;grid-template-columns:1fr;margin-top:20px;position:relative}
.systree .branches::before{content:"";position:absolute;top:-20px;left:50%;width:1px;height:20px;background:var(--line)}
@media(min-width:620px){.systree .branches{grid-template-columns:1fr 1fr}}
.pull{margin:20px 0;padding:14px 20px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:3px;font-family:Georgia,serif;font-style:italic;font-size:1.08rem;color:var(--ink)}
.sacred{display:block;margin:0 auto 1.4em;width:92px;height:92px;opacity:.5}
.sacred circle{fill:none;stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke}
.sacred .rim{opacity:.65}
.divider-mark{display:block;margin:2.6em auto 1.8em;width:34px;height:34px;opacity:.55}
.divider-mark circle{fill:none;stroke:var(--accent);stroke-width:1.3;vector-effect:non-scaling-stroke}
/* --- location map --- */
.mapwrap{position:relative;width:100%;aspect-ratio:16/10;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:16px 0}
.mapwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* --- parking perk pill --- */
.perk{display:inline-block;background:var(--accent-soft);color:var(--clayd);font-size:.82rem;font-weight:700;letter-spacing:.03em;padding:9px 18px;border-radius:999px;border:1px solid var(--line)}
/* ALX Massage rebrand: compact header on small screens so burger stays on one row */
@media(max-width:480px){.logo .wm{font-size:.98rem}.logo .wm small{font-size:.52rem}.logo .mark{width:38px;height:38px}.logo{gap:8px}}