/* The Tapestry of Us — UX Phases 1-3 centralized layer */
:root{--ttu-gold:#d7b46a;--ttu-cream:#fff7e8;--ttu-panel:rgba(255,247,232,.065);--ttu-border:rgba(215,180,106,.30);--ttu-shadow:0 22px 75px rgba(0,0,0,.30)}
.ux-shell{max-width:1180px;margin:42px auto;padding:22px;color:var(--ttu-cream);font-family:Georgia,serif}.ux-hero{border:1px solid var(--ttu-border);border-radius:34px;padding:clamp(28px,5vw,58px);background:radial-gradient(circle at 16% 0%,rgba(215,180,106,.20),transparent 35%),radial-gradient(circle at 90% 18%,rgba(120,92,150,.15),transparent 34%),linear-gradient(135deg,rgba(37,20,30,.96),rgba(8,15,29,.96));box-shadow:var(--ttu-shadow)}.ux-kicker{color:var(--ttu-gold);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;margin:0 0 10px}.ux-hero h1,.ux-title{color:var(--ttu-gold);margin:0 0 14px;line-height:1.05}.ux-hero h1{font-size:clamp(2.2rem,5vw,5rem)}.ux-hero p,.ux-card p,.ux-card li{line-height:1.68;color:rgba(255,247,232,.86)}.ux-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:24px}.ux-card{border:1px solid var(--ttu-border);border-radius:26px;padding:22px;background:var(--ttu-panel);box-shadow:0 16px 45px rgba(0,0,0,.18);transition:.22s ease}.ux-card:hover{transform:translateY(-4px);border-color:rgba(215,180,106,.58);box-shadow:var(--ttu-shadow)}.ux-card h2,.ux-card h3{color:var(--ttu-gold);margin:0 0 10px}.ux-button,.ux-card a:not(.plain),.daily-action{display:inline-block;margin-top:10px;border:1px solid rgba(215,180,106,.44);border-radius:999px;padding:10px 15px;background:rgba(215,180,106,.11);color:var(--ttu-gold)!important;text-decoration:none!important}.ux-progress{height:12px;border-radius:999px;background:rgba(255,247,232,.12);overflow:hidden;border:1px solid rgba(215,180,106,.25)}.ux-progress span{display:block;height:100%;width:var(--p,0%);border-radius:999px;background:linear-gradient(90deg,#8aa6c4,#d7b46a)}.ux-steps{counter-reset:journey;display:grid;gap:14px}.ux-step{counter-increment:journey;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;border:1px solid var(--ttu-border);border-radius:22px;padding:18px;background:rgba(255,247,232,.055)}.ux-step:before{content:counter(journey);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(215,180,106,.5);color:var(--ttu-gold);background:rgba(215,180,106,.1)}.living-event-feed{display:grid;gap:12px}.living-event{border-left:3px solid var(--ttu-gold);padding:12px 14px;background:rgba(255,247,232,.06);border-radius:16px}.relationship-web{position:relative;min-height:440px;border:1px solid var(--ttu-border);border-radius:30px;background:radial-gradient(circle at center,rgba(215,180,106,.12),transparent 38%),rgba(255,247,232,.045);overflow:hidden}.relation-node{position:absolute;transform:translate(-50%,-50%);border:1px solid rgba(215,180,106,.5);background:rgba(20,12,18,.95);border-radius:999px;padding:10px 14px;color:var(--ttu-gold);box-shadow:0 10px 30px rgba(0,0,0,.35);white-space:nowrap}.relation-node small{display:block;color:rgba(255,247,232,.78)}.relation-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(215,180,106,.65),transparent);transform-origin:left center}.museum-room{min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(255,247,232,.05),rgba(0,0,0,.18));position:relative;overflow:hidden}.museum-room:before{content:"";position:absolute;inset:20px;border:1px solid rgba(215,180,106,.16);border-radius:18px;pointer-events:none}.seasonal-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(215,180,106,.35);border-radius:999px;padding:8px 12px;color:var(--ttu-gold);background:rgba(215,180,106,.08)}.mobile-quick-nav{display:none}@media(max-width:760px){.ux-shell{margin:24px auto;padding:14px}.ux-hero{border-radius:24px;padding:26px 18px}.ux-grid{grid-template-columns:1fr}.relationship-web{min-height:520px}.relation-node{font-size:.88rem}.mobile-quick-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:99998;background:rgba(16,10,16,.96);backdrop-filter:blur(16px);border-top:1px solid rgba(215,180,106,.28)}.mobile-quick-nav a{padding:9px 4px;text-align:center;color:var(--ttu-gold);text-decoration:none;font-size:.78rem}.mobile-quick-nav span{display:block;font-size:1.15rem;margin-bottom:2px}body{padding-bottom:82px!important}}

/* Build polish: compact typography + index-style page headers for new UX pages */
.ux-compact-page .page-title-top.ux-generated-page-top{max-width:1180px;margin:28px auto 8px;padding:18px 22px;border:1px solid rgba(215,180,106,.24);border-radius:22px;background:linear-gradient(135deg,rgba(37,20,30,.74),rgba(8,15,29,.70));box-shadow:0 12px 42px rgba(0,0,0,.18);color:var(--ttu-cream)}
.ux-compact-page .page-title-top.ux-generated-page-top h1{font-size:clamp(1.65rem,3.4vw,2.65rem);line-height:1.12;margin:0 0 6px;color:var(--ttu-gold);letter-spacing:.01em}
.ux-compact-page .page-title-top.ux-generated-page-top .breadcrumb-path{font-size:.9rem;color:rgba(255,247,232,.72);letter-spacing:.03em}
.ux-compact-page .site-breadcrumb.ux-generated-page-top{max-width:1180px;margin:0 auto 16px;padding:0 22px;color:rgba(255,247,232,.70);font-size:.88rem}
.ux-compact-page .site-breadcrumb.ux-generated-page-top a{color:var(--ttu-gold);text-decoration:none;border-bottom:1px solid rgba(215,180,106,.35)}
.ux-compact-shell{margin-top:18px!important}
.ux-compact-page .ux-inner-hero{padding:clamp(22px,3.5vw,38px)!important;border-radius:26px}
.ux-compact-page .ux-inner-hero h1{font-size:clamp(1.8rem,4vw,3.15rem)!important;line-height:1.1}
.ux-compact-page .ux-kicker{font-size:.74rem;letter-spacing:.12em}
.ux-compact-page .ux-hero p{font-size:clamp(.96rem,1.5vw,1.08rem);max-width:880px}
.ux-compact-page .ux-card{padding:18px 19px;border-radius:22px}
.ux-compact-page .ux-card h2{font-size:clamp(1.2rem,2.1vw,1.55rem);line-height:1.18}
.ux-compact-page .ux-card h3,.ux-compact-page .ux-step h3{font-size:clamp(1.02rem,1.8vw,1.22rem);line-height:1.2;margin-bottom:6px}
.ux-compact-page .ux-card p,.ux-compact-page .ux-card li,.ux-compact-page .ux-step p{font-size:.98rem;line-height:1.58}
.ux-compact-page .ux-button,.ux-compact-page .ux-card a:not(.plain),.ux-compact-page .daily-action{font-size:.92rem;padding:8px 13px}
.ux-compact-page .ux-grid{gap:16px;margin-top:20px}
.ux-compact-page .ux-steps{gap:12px}
.ux-compact-page .ux-step{padding:15px;border-radius:19px}
@media(max-width:760px){.ux-compact-page .page-title-top.ux-generated-page-top{margin:18px 14px 8px;padding:15px 16px;border-radius:18px}.ux-compact-page .site-breadcrumb.ux-generated-page-top{padding:0 16px;margin-bottom:10px;font-size:.8rem}.ux-compact-shell{margin-top:10px!important}.ux-compact-page .ux-inner-hero h1{font-size:clamp(1.55rem,8vw,2.25rem)!important}.ux-compact-page .ux-card p,.ux-compact-page .ux-card li,.ux-compact-page .ux-step p{font-size:.94rem}.ux-compact-page .ux-card h2{font-size:1.18rem}}
.ux-compact-page .ux-inner-hero h2{font-size:clamp(1.45rem,3vw,2.2rem)!important;line-height:1.15;margin:0 0 10px;color:var(--ttu-gold)}
@media(max-width:760px){.ux-compact-page .ux-inner-hero h2{font-size:clamp(1.35rem,6.5vw,1.85rem)!important}}