/* Patalox shared styles for generated pages (landing, blog, guests, planners) */
:root{--ivory:#FBF6EE;--card:#F5EDE1;--blush:#F7D9DE;--mist:#DCE9F6;--rose:#B3123A;--blue:#1F3F9E;--navy:#1B2445;--silver:#A9B3C1;--sage:#9DB39A;--muted:#6B7391;--line:rgba(27,36,69,.16);
--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--mono:"DM Mono",ui-monospace,monospace;--ur:"Noto Nastaliq Urdu","Cormorant Garamond",serif;--gut:20px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--ivory);color:var(--navy);font-family:var(--sans);font-size:17px;line-height:1.65;overflow-x:clip}
img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{padding-inline:var(--gut);max-width:1080px;margin-inline:auto}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.eyebrow{color:var(--rose);margin-bottom:12px}
.hd{position:sticky;top:0;z-index:50;background:rgba(251,246,238,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd .wrap{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hd .logo{line-height:0}.hd .logo svg{height:30px;width:auto}
.hd nav{display:none;gap:22px;font-size:15px}.hd nav a{text-decoration:none;color:var(--muted)}.hd nav a:hover{color:var(--rose)}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:99px;padding:15px 22px;line-height:1;border:1.5px solid var(--navy);transition:transform .2s}
.btn.fill{background:var(--rose);border-color:var(--rose);color:#fff}.btn:hover{transform:translateY(-1px)}
.hd .btn{padding:11px 16px;font-size:11px}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,10.5vw,76px);line-height:1.02;letter-spacing:-.01em}
h1 em,h2 em{color:var(--rose)}
h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,7vw,42px);line-height:1.1;margin:44px 0 12px}
h3{font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2}
.top{padding:54px 0 30px}.top .lead{font-size:19px;color:#3d4668;max-width:52ch;margin-top:16px}
.ur{font-family:var(--ur);direction:rtl;color:var(--muted);margin-top:12px;line-height:2}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
.dz{text-decoration:none;display:block}
.dz .im{aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.dz img{width:100%;height:100%;object-fit:cover;object-position:top}
.dz b{display:block;font-family:var(--serif);font-weight:500;font-size:20px;margin-top:8px;line-height:1.15}
.dz small{color:var(--muted);font-size:13.5px}
ul.pts{list-style:none;display:grid;gap:9px;margin-top:10px}
ul.pts li{padding-left:24px;position:relative}ul.pts li::before{content:"";position:absolute;left:0;top:.6em;width:11px;height:11px;border-radius:50%;background:var(--sage)}
details{border-top:1px solid var(--line);padding:14px 0}details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.25;list-style:none}summary::-webkit-details-marker{display:none}
details p{color:#4d5473;margin-top:8px}
.cta{background:var(--navy);color:var(--ivory);border-radius:26px;padding:34px 22px;margin:54px 0 10px}
.cta h2{margin:0 0 8px;color:var(--ivory)}.cta h2 em{color:var(--blush)}.cta p{color:rgba(251,246,238,.78);max-width:46ch}
.cta .btn{border-color:var(--blush);background:var(--blush);color:var(--navy)}.cta .btn.o{background:none;color:var(--ivory)}
.more{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.more a{border:1px solid var(--line);border-radius:99px;padding:8px 16px;text-decoration:none;font-size:15px}.more a:hover{border-color:var(--rose);color:var(--rose)}
.art{max-width:680px}.art p{margin:14px 0;color:#2b3454}.art h2{margin-top:36px}.art ul{margin:12px 0 12px 22px}.art li{margin:6px 0}
.art .meta{color:var(--muted);font-size:14px;margin-top:10px}
.posts{display:grid;gap:14px;margin-top:20px}.posts a{display:block;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.posts a:hover{border-color:var(--rose)}.posts p{color:var(--muted);font-size:15.5px;margin-top:6px}
.ft{border-top:1px solid var(--line);margin-top:60px;padding:30px 0 60px;color:var(--muted);font-size:14.5px}
.ft .cols{display:grid;gap:18px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.ft b{display:block;color:var(--navy);font-weight:500;margin-bottom:6px}.ft a{display:block;text-decoration:none;padding:3px 0}.ft a:hover{color:var(--rose)}
.ft svg{height:32px;width:auto;margin-bottom:12px}
.tool{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:22px;display:grid;gap:14px}
.tool label{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.tool input,.tool textarea,.tool select{width:100%;font:inherit;font-size:16px;padding:13px 15px;border:1.5px solid var(--line);border-radius:14px;background:var(--ivory);color:var(--navy)}
.tool textarea{min-height:140px;resize:vertical}
.gl{list-style:none;display:grid;gap:8px;margin-top:6px}
.gl li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff}
.gl span{flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl a,.gl button{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--navy);border-radius:99px;padding:9px 12px;line-height:1;white-space:nowrap}
.gl a.w{background:#25D366;border-color:#25D366;color:#073b1b}
.note{font-size:14.5px;color:var(--muted);margin-top:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 18px;border-radius:99px;font-size:14px;opacity:0;pointer-events:none;transition:.3s}.toast.on{opacity:1}
@media(min-width:760px){:root{--gut:40px}.hd nav{display:flex}.grid{grid-template-columns:repeat(4,1fr)}.posts{grid-template-columns:repeat(2,1fr)}.ft .cols{grid-template-columns:repeat(4,1fr)}.cta{padding:48px}}

/* normal (lining) numerals: Cormorant's default 1 reads as a roman I */
*{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}