/* Shared member surfaces. Public welcome, sign-in and sign-up keep their own footers. */
@font-face{font-family:'Rozha One';src:url('/assets/fonts/RozhaOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Ruluko';src:url('/assets/fonts/Ruluko-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
body[class] .wordmark,body[class] .public-wordmark{font-family:'Rozha One',Georgia,serif!important;font-weight:400!important;letter-spacing:0!important}
body[class] h1,body[class] h2,body[class] h3,body[class] .account-title{font-family:'Ruluko',Georgia,serif!important;font-weight:400!important}
body.home-mode .profile-greeting p{font-family:'Ruluko',Georgia,serif!important;font-weight:400!important}
.resources-mode .national-resource,.resources-mode .directory-panel,.resources-mode .directory-examples{background:rgba(250,245,237,.84);color:#092b50;box-shadow:0 8px 26px rgba(52,68,94,.09);border-color:rgba(203,185,160,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.resources-mode .directory-example{border-bottom-color:rgba(160,139,109,.26)}
.resources-mode .directory-panel:before{background:rgba(160,139,109,.3)}
.resources-mode .directory-example button{color:#092b50}
body.account-mode{background:linear-gradient(135deg,#f4e8d7,#e8d5ba 58%,#f1e2ce);background-attachment:fixed}
body.journal-mode{background-color:#eee4d5;background-image:linear-gradient(rgba(255,252,247,.3),rgba(247,239,227,.42)),url('/assets/journal-coastal-flatlay-v2.jpg');background-position:38% top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
body.journal-mode .journal-card{background:rgba(255,250,243,.86);box-shadow:0 8px 28px rgba(86,67,48,.08);backdrop-filter:blur(2px)}
body.journal-mode .journal-entry-link:hover{background:#e7d2b8}
body.journal-mode .journal-heading{margin-left:-12px;padding:10px 18px;border-radius:14px;background:linear-gradient(90deg,rgba(255,250,243,.83),rgba(255,250,243,.54) 62%,transparent 100%);width:max-content;max-width:calc(100% + 12px)}
body.non-home:has(.cove-page){position:relative;isolation:isolate;background:#887f8d!important}
body.non-home:has(.cove-page)::before{content:'';position:fixed;z-index:-2;inset:0;background:url('/assets/cove-sunset-cliff-v1.jpg') center/cover no-repeat;filter:none;transform:none}
body.non-home:has(.cove-page)::after{content:'';position:fixed;z-index:-1;inset:0;background:linear-gradient(120deg,rgba(31,49,70,.22),rgba(116,77,89,.12) 54%,rgba(32,48,65,.27))}
body.non-home:has(.cove-page) .cove-title h1{color:#f1f5f2!important;text-shadow:0 2px 16px rgba(14,30,47,.5)}
body.non-home:has(.cove-page) .cove-title>p{color:#dce8e9!important;text-shadow:0 2px 12px rgba(14,30,47,.58)}
body.resources-mode{background-color:#1b6877;background-image:linear-gradient(rgba(8,42,63,.18),rgba(18,62,77,.24)),url('/assets/resources-marble-v1.jpg');background-size:auto,cover;background-position:center;background-attachment:fixed}
.account-sidebar a[aria-current]{background:#e4d2bc;border-left-color:#a9825d}
.account-sidebar a:hover{background:#efe3d4}
.account-button:hover,.account-text-button:hover,.account-inline-link:hover{background:#eadbc8}
body:not(.home-mode):not(.public-mode) .topbar{background:rgba(255,252,245,.65)!important;border-bottom-color:rgba(176,157,132,.38)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body:not(.public-mode) #content .member-footer{display:block;max-width:1200px;width:100%;margin:38px auto 0;padding:10px 14px 6px;border:0;border-radius:6px;background:#f8f2ea8c;backdrop-filter:blur(3px);color:#173a5b;font-size:11px;line-height:1.6;text-align:center}
body:not(.public-mode) #content .member-footer>div{padding:3px 0 8px;border-bottom:1px solid #8fa6b6}
body:not(.public-mode) #content .member-footer p{font-size:11px;margin:0}
body:not(.public-mode) #content .member-footer nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 0;padding:10px 0;margin:0;width:auto}
body:not(.public-mode) #content .member-footer nav a{display:inline-block;padding:0 13px;font-size:11px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
body:not(.public-mode) #content .member-footer nav a+a{border-left:1px solid #627e95}
body:not(.public-mode) #content .member-footer small{display:block;text-align:left;font-size:10px;margin:0}
.resource-listing-notice{font-size:12px;text-align:center;margin:28px 10px 0}
.grove-mode .home-review>.member-footer{max-width:100%;flex:none}
@media(max-width:800px){
 body:not(.public-mode) .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:42px 36px;align-items:center;gap:4px 16px;height:auto;min-height:102px;padding:10px 5%;flex-wrap:unset}
 body:not(.public-mode) .topbar .wordmark{grid-row:1;grid-column:1;font-size:36px;justify-self:start}
 body:not(.public-mode) .topbar>.account{grid-row:1;grid-column:2;display:block;justify-self:end;margin:0;position:relative}
 body:not(.public-mode) .topbar>.account summary{width:38px;height:38px;display:grid;place-items:center}
 body:not(.public-mode) .topbar>nav{grid-row:2;grid-column:1/-1;display:flex;width:100%;min-width:0;margin:0;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:nowrap}
 body:not(.public-mode) .topbar>nav>a,body:not(.public-mode) .topbar .nav-resources>a{white-space:nowrap;padding:6px 0}
 body:not(.public-mode) .topbar .nav-resources{gap:3px}
 body:not(.public-mode) .topbar .menu>div{top:40px;max-width:85vw;z-index:40}
 body:not(.public-mode) .topbar .nav-resources .menu>div{top:28px}
 .account-sidebar a[aria-current]{border-bottom-color:#bc777e}
}
@media(prefers-reduced-motion:reduce){.pause-switch::before{transition:none!important}}
/* Use the landing page's light denim treatment across public account headers. */
body.public-mode.landing-mode .coastal-header{background:rgba(143,175,201,.6)!important;border-bottom-color:rgba(100,135,164,.45)!important}
body.landing-mode .coastal-benefits article{border-radius:20px}
body.landing-mode .coastal-discover{text-align:center}
body.landing-mode .coastal-nova-notice{font-size:12px}
body.public-mode .public-header,body.public-mode .coastal-header{min-height:72px;background:#f1bdbe!important;color:#173a5b!important;border-bottom:1px solid #d7a5a7!important}
body.public-mode .public-header{background:rgba(143,175,201,.6)!important;border-bottom-color:rgba(100,135,164,.45)!important}
body.public-mode .public-header{padding:0 5.7%}
body.public-mode .coastal-header .coastal-wrap{width:88.6%;max-width:none}
body.public-mode .public-header .public-wordmark,body.public-mode .coastal-header .public-wordmark{font-size:46px;line-height:1}
.first-welcome{width:min(880px,calc(100vw - 34px));max-width:none;padding:0;border:1px solid rgba(151,126,96,.32);border-radius:38px;background:rgba(246,238,225,.96);color:#173a5b;box-shadow:0 28px 90px rgba(34,48,57,.28);overflow:hidden}
.first-welcome::backdrop{background:rgba(25,37,46,.42);backdrop-filter:blur(4px)}
.first-welcome-copy{min-height:490px;padding:72px 76px 58px;text-align:center;background:linear-gradient(145deg,rgba(255,253,247,.65),rgba(224,206,181,.45))}
.first-welcome-kicker{margin:0 0 22px;font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#8f7155}
body[class] .first-welcome h2{max-width:none;margin:0 auto 22px;font-family:'Ruluko',Georgia,serif!important;font-size:clamp(30px,3.35vw,48px);font-weight:400!important;line-height:1.05;letter-spacing:-.5px;white-space:nowrap;color:#173a5b}
.first-welcome-copy>p:not(.first-welcome-kicker){margin:0;font-size:clamp(19px,2.4vw,27px);font-weight:300}
.first-welcome-action{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:68px}
.first-welcome-action img{position:absolute;width:150px;height:auto;right:-132px;top:-64px;transform:rotate(-8deg);pointer-events:none}
.first-welcome-profile{min-width:240px;padding:14px 28px;border:1px solid #9a7858;border-radius:999px;background:#d7c0a5;color:#173a5b;font:700 16px/1.2 inherit;cursor:pointer;box-shadow:0 7px 18px rgba(82,62,44,.12)}
.first-welcome-profile:hover{background:#cdb18f;transform:translateY(-1px)}
.first-welcome-profile:focus-visible,.first-welcome-close:focus-visible{outline:3px solid #4f7fa1;outline-offset:4px}
.first-welcome-close{position:absolute;z-index:2;top:20px;right:22px;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.48);color:#173a5b;cursor:pointer}
.first-welcome-close svg{width:21px;height:21px}
@media(max-width:650px){body.public-mode .public-header{padding:10px 5%}body.public-mode .coastal-header .coastal-wrap{width:90%}body.public-mode .public-header .public-wordmark,body.public-mode .coastal-header .public-wordmark{font-size:32px}}
@media(max-width:650px){.first-welcome{border-radius:28px}.first-welcome-copy{min-height:440px;padding:64px 18px 44px}body[class] .first-welcome h2{font-size:clamp(18px,5.5vw,28px);letter-spacing:-.35px}.first-welcome-action{margin-top:62px}.first-welcome-action img{width:115px;right:-67px;top:-65px;opacity:.82}.first-welcome-profile{min-width:215px}}
body #nova-picks-dialog #nova-picks-title{font-family:'Ruluko',sans-serif!important;font-weight:400!important;font-size:clamp(38px,5vw,60px);line-height:1.15}.library-entry[data-nova-picks] h3{font-family:'Ruluko',sans-serif;font-weight:400}