/* Mindful Space brand identity v1 — integrated with the existing six pages and CMS. */
:root{--paper:var(--ms-paper);--ink:var(--ms-ink);--green:var(--ms-blue);--sand:var(--ms-mist);--clay:var(--ms-clay);--line:var(--ms-line);--body:var(--ms-body);--serif:var(--ms-display);--script:var(--ms-accent)}
body{background:var(--paper);color:var(--ink);font:400 18px/1.75 var(--body)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15}h1{font-size:clamp(42px,5.5vw,72px)}h2{font-size:clamp(34px,3.5vw,48px)}h3{font-size:30px;line-height:1.25}
.brand{display:inline-flex;align-items:center;flex-shrink:0;white-space:normal}.brand-logo{display:block;width:245px;height:auto;max-width:100%;object-fit:contain;flex-shrink:0}.header-inner{gap:24px}.site-header{background:var(--paper)}nav{gap:22px}nav a{font-size:12px;font-weight:700;letter-spacing:.2px}.menu-toggle{min-height:44px;min-width:64px}
.eyebrow,.footer-label,.number,.contact-item span,.about-quote p,.preview-meta{color:var(--ms-copper)}.eyebrow{font-weight:700}.muted,.footer-bottom,.experience p,.topic p,.education-grid p,.small.muted{color:var(--ms-muted)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ms-deep);outline-offset:4px}
.btn{min-height:48px;border-radius:4px;background:var(--ms-deep);border-color:var(--ms-deep);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;padding:12px 24px;line-height:1.5}.btn:hover{background:#354f70;border-color:#354f70;color:#fff}.btn.secondary{border-color:var(--ms-deep);color:var(--ms-deep)}.btn.secondary:hover{background:var(--ms-mist);color:var(--ms-deep)}.header-cta,.cta .btn{background:var(--ms-copper);border-color:var(--ms-copper);font-size:13px}.header-cta:hover,.cta .btn:hover{background:#784b2e;border-color:#784b2e}.text-link{color:var(--ms-deep);letter-spacing:.4px;font-size:13px;text-transform:none}.btn:disabled,.admin-page .btn:disabled{background:var(--ms-line);border-color:var(--ms-line);color:var(--ms-ink);opacity:1;cursor:not-allowed}
.lisa-hero{height:480px}.lisa-hero:after{background:linear-gradient(90deg,#243640a8,#354f7099)}.name-ribbon{font:700 14px/1.5 var(--body);width:auto;display:table;padding:8px 20px;background:#24364073;letter-spacing:.6px;margin-bottom:18px}.lisa-hero h1{font:500 clamp(42px,5.5vw,72px)/1.14 var(--serif);letter-spacing:-1px;margin-bottom:20px}.hero-subtitle{font:400 18px/1.7 var(--body);max-width:none}.brand-hero-accent{font:500 32px/1.35 var(--script);margin:20px 0 0;color:#fff}
.home-intro h2{font:500 42px/1.2 var(--serif);color:var(--ink);letter-spacing:-.4px}.home-intro p{font:400 18px/1.75 var(--body);color:var(--ms-ink)}.home-intro .btn{letter-spacing:0}.home-welcome,.home-reflection{background:var(--ms-deep)}.home-welcome h2{font:500 32px/1.3 var(--serif)}.home-welcome p{font:400 18px/1.75 var(--body)}.feature-grid h2{font:500 36px/1.2 var(--serif);color:var(--ink)}.feature-grid p{font:400 17px/1.75 var(--body);color:var(--ms-muted)}.feature-inner,.feature-contact{color:var(--ms-deep)}.feature-image span{font-weight:500}.home-reflection h2{font:500 44px/1.2 var(--serif)}.home-reflection p{font:400 19px/1.75 var(--body)}.home-reflection .text-link{color:#fff}
.section-heading p,.prose p,.journal-empty p,.topic p{font:400 18px/1.75 var(--body)}.section-heading>p{padding-top:18px}.experience h3{font-size:28px}.experience p{font:400 16px/1.75 var(--body)}.journal-empty h3{font-size:32px}.small{font-size:14px;line-height:1.65}.tag{font-size:12px;font-weight:400}.page-hero>p{font:400 20px/1.7 var(--body)}.about-lead{font:400 21px/1.7 var(--body)}.about-hero h1{font-size:96px}.education-grid p{font:400 17px/1.75 var(--body)}.about-quote h2{font-weight:500}.about-approach{background:var(--ms-deep)}.about-approach .eyebrow{color:#f1c7ac}.about-approach .prose p{color:#fff}.signature{font-weight:500}
.brand-emblem{display:flex;align-items:center;justify-content:center;min-width:0}.brand-emblem img{display:block;width:100%;max-width:400px;height:auto}.inner-layout{gap:80px}.faq summary{font-size:16px;font-weight:700}.faq details p{font:400 18px/1.75 var(--body)}
.contact-form{border:1px solid var(--line);border-radius:8px;padding:32px;background:#fff}.contact-form h3{font-size:34px}.contact-form label{font-size:14px;font-weight:700}.contact-form input:not([type=checkbox]),.contact-form textarea{min-height:48px;border:1px solid var(--ms-muted);border-radius:4px;padding:12px 14px;font:400 16px/1.5 var(--body);color:var(--ink)}.contact-form textarea{min-height:144px}.contact-form .form-consent{font-size:13px;line-height:1.65}.contact-form .form-privacy{font-size:13px}.contact-form .form-consent input{accent-color:var(--ms-deep)}.contact-form .small a{color:var(--ms-deep)}.contact-item a{font:500 27px/1.35 var(--serif)}
.footer-main p{font:400 14px/1.8 var(--body)}.footer-main a:not(.brand){font-size:13px}.footer-main .brand{margin-bottom:18px}.footer-bottom{font-size:12px;line-height:1.6;flex-wrap:wrap}footer{background:var(--ms-mist)}
/* Article text and editor keep the same storage/actions, with the brand reading font. */
.article-body{font:400 18px/1.8 var(--body)}.article-body h1,.article-body h2,.article-body h3{font-family:var(--serif);font-weight:500}.article-body h1,.article-reading h1{font-size:56px}.article-body h2{font-size:38px}.article-body h3{font-size:30px}.article-body blockquote{font:500 30px/1.4 var(--serif);color:var(--ms-deep)}.article-byline{font:400 13px/1.7 var(--body)}.journal-post p{font-size:17px;line-height:1.75}.journal-post h3{font-weight:500}.journal-filters button{font-size:13px;min-height:44px}.journal-filters button[aria-pressed=true]{background:var(--ms-deep);border-color:var(--ms-deep)}
.admin-brand{gap:20px}.admin-brand .brand-logo{width:245px}.admin-brand>span{font:700 10px var(--body);color:var(--ms-copper)}.admin-header{min-height:94px}.admin-layout{min-height:calc(100vh - 94px)}.admin-page{font:400 14px/1.7 var(--body)}.admin-page .title-input{font-weight:500}.admin-page .btn{min-height:44px;font-size:13px;letter-spacing:0;padding:10px 18px}.admin-page .plain-button{min-height:44px;font-size:12px;border-radius:4px}.list-tabs button[aria-pressed=true]{border-bottom-color:var(--ms-deep)}.post-list-item[aria-current=true]{border-color:var(--ms-deep)}.post-list-item strong{font-weight:500}.admin-page #preview-panel .article-byline{font-size:13px}.status-chip{color:var(--ms-deep)}
@media(max-width:1260px){.header-cta{display:none}.header-inner{width:90%}nav{gap:18px}.admin-brand>span{display:none}}
@media(max-width:1000px){.menu-toggle{display:block}nav{display:none;position:absolute;top:93px;left:0;right:0;background:var(--paper);padding:18px 6%;z-index:10;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);gap:0}nav.open{display:flex}nav a{font-size:14px;padding:14px 0}nav a[aria-current=page]:after{right:auto;width:35px}.home-intro-grid{gap:40px}.inner-layout{gap:40px}}
@media(max-width:760px){body{font-size:17px;line-height:1.75}.brand-logo{width:220px}.header-inner{width:88%;gap:16px}nav{top:81px}.lisa-hero{height:465px}.lisa-hero h1{font-size:44px;line-height:1.16}.name-ribbon{font-size:12px;margin-bottom:22px;padding:8px 12px}.hero-subtitle{font-size:16px;max-width:300px}.brand-hero-accent{font-size:30px;margin-top:22px}.home-intro h2{font-size:36px;line-height:1.2}.home-intro p{font-size:17px}.home-welcome h2{font-size:30px}.home-welcome p{font-size:17px}.home-reflection h2{font-size:36px}.home-reflection p{font-size:17px}.feature-grid p{font-size:17px}.section-heading p,.prose p,.journal-empty p,.topic p{font-size:17px}.section-heading>p{padding-top:0}.page-hero h1{font-size:44px}.page-hero>p{font-size:18px}.about-hero h1{font-size:76px}.about-lead{font-size:19px}.about-quote h2{font-size:42px}.brand-emblem img{max-width:340px}.contact-form{padding:24px}.contact-form h3{font-size:32px}.contact-item a{font-size:26px}.footer-main .brand-logo{width:220px}.footer-main{gap:30px}.small{font-size:14px}.article-body h1,.article-reading h1{font-size:42px}.article-body{font-size:17px}.article-body h2{font-size:34px}.article-body h3{font-size:28px}.article-body blockquote{font-size:27px}.admin-header{min-height:82px}.admin-brand .brand-logo{width:220px}.admin-header>div{gap:10px}.admin-layout{min-height:calc(100vh - 82px)}.admin-brand{min-width:0}.admin-header{padding:0 5%}}
@media(max-width:440px){.admin-header>div>a{max-width:85px;line-height:1.4}.admin-header{gap:10px}.admin-brand .brand-logo{width:210px}.lisa-hero h1{font-size:42px}.btn{padding:12px 20px}.admin-page .btn{padding:10px 15px}}
.contact-form input:focus-visible,.contact-form textarea:focus-visible,.admin-page input:focus-visible,.admin-page textarea:focus-visible,.admin-page select:focus-visible{outline:3px solid var(--ms-deep);outline-offset:4px}

/* Keep natural headroom for the real portrait in responsive frames. */
.portrait img{object-position:50% 20%}

/* Contact icons share the site's soft blue palette and remain part of each link. */
.footer-contact-links{display:grid;gap:6px}.footer-contact-links a{display:flex;align-items:center;gap:12px;min-height:40px;width:fit-content;max-width:100%;line-height:1.5}.footer-contact-links a>span:last-child{overflow-wrap:anywhere;min-width:0}.footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #6788b54d;border-radius:50%;color:#526d94;background:#ffffff66;transition:color .2s,border-color .2s,background .2s}.footer-contact-icon svg{display:block;width:18px;height:18px}.footer-contact-links a:hover .footer-contact-icon,.footer-contact-links a:focus-visible .footer-contact-icon{color:var(--clay);border-color:currentColor;background:#fff}