/* Official PANO identity. SVG geometry is copied verbatim from brand guide §7. */
:root{--pino:#205746;--bosque:#182E2B;--salvia:#E5E9DF;--crema:#FCFCF8;--mango:#F2B33D;--arena:#DED1C0;--laton:#A8875A;--green:var(--pino);--ink:var(--bosque);--paper:var(--crema);--accent:var(--salvia);--muted:var(--bosque);--line:var(--salvia)}
.brand{display:inline-flex;flex-shrink:0;align-items:center;letter-spacing:normal;line-height:1;font-size:initial;color:var(--pino)}
.brand span{display:block;margin:0;font:inherit;letter-spacing:normal}.brand svg{width:100%;height:auto;display:block;overflow:visible}
.brand-horizontal{gap:12px;padding:12px 0}.brand-horizontal .brand-key{width:20px}.brand-horizontal .brand-wordmark{width:91px}
.brand-centered{flex-direction:column;gap:13px;padding:20px}.brand-centered .brand-key{width:34px}.brand-centered .brand-wordmark{width:126px}
.brand .brand-descriptor{font:500 8px/1.5 'DM Sans',sans-serif;letter-spacing:.42em;text-transform:uppercase;margin-right:-.42em;white-space:nowrap}
header{gap:22px}header nav{gap:25px}header nav .nav{font-size:13px;white-space:nowrap}.nav.active{color:var(--pino);border-color:var(--pino)}
.saved-utility{font-size:11px;white-space:nowrap;padding:10px 0}.saved-utility.active{color:var(--pino);text-decoration:underline}#savedCount{background:var(--salvia)}
.preview,.feature,.demo-note,.host-aside,.empty,th,.close,.pill{background:var(--salvia);color:var(--bosque)}
.primary,.chip.selected,.sidebar .selected{background:var(--pino);color:var(--crema)}.primary:hover{background:var(--bosque)}.heart[aria-pressed=true]{color:var(--pino);background:var(--crema)}
.intro{background:var(--salvia);margin:28px 0 20px;padding:30px;border-radius:20px}.intro h1{font-family:'DM Sans',sans-serif}.intro .eyebrow{font-weight:500;letter-spacing:.42em}.intro p:not(.eyebrow),.intro-note,.intro-note span{color:var(--bosque)}
.type-badge{background:var(--crema);color:var(--bosque)}
.editorial{background:var(--pino);color:var(--crema)}.editorial p{color:var(--crema)}.light-button{background:var(--crema);color:var(--bosque)}
footer{background:var(--pino);color:var(--crema);border:0;border-radius:20px 20px 0 0;padding:30px 30px 65px;gap:25px}footer>span{color:var(--crema)}footer .brand{color:var(--crema)}
/* Approved cream-on-Pino colorway; underlying supplied SVG paths are untouched. */
footer .brand-key path{fill:var(--crema);stroke:var(--crema)}footer .brand-wordmark g,.circle-lockup .brand-wordmark g{stroke:var(--crema)}
.member-card{background:var(--pino);color:var(--crema)}.circle-lockup{display:flex;align-items:center;gap:12px}.circle-lockup .brand-wordmark{display:inline-block;width:90px}.circle-lockup svg{display:block;width:100%;height:auto}.feature-grid article>span{color:var(--pino)}
[data-brand-section=social] .intro,[data-brand-section=social] .type-badge,[data-brand-section=social] .feature{background:var(--mango);color:var(--bosque)}
[data-brand-section=social] .intro *{color:var(--bosque)}
[data-brand-section=reserve] .intro,[data-brand-section=reserve] .type-badge,[data-brand-section=reserve] .feature{background:var(--arena);color:var(--bosque)}
[data-brand-section=reserve] .intro h1,[data-brand-section=reserve] .results-head h2{font-family:Georgia,serif;font-style:italic;font-weight:400}
[data-brand-section=reserve] .intro .eyebrow:after{content:'';display:block;width:36px;height:1px;background:var(--laton);margin-top:14px}
[data-brand-section=reserve] .type-badge{border:1px solid var(--laton)}
@media(max-width:1050px){header{gap:15px}header nav{gap:18px}.saved-utility{font-size:10px}.owners{font-size:11px}.brand-horizontal .brand-wordmark{width:80px}}
@media(max-width:760px){header{height:auto;min-height:92px;flex-wrap:wrap;gap:0 16px;padding-top:10px;padding-bottom:9px}header nav{margin-left:auto;gap:16px}header nav .nav{font-size:12px;padding:18px 0}.brand-horizontal .brand-key{width:16px}.brand-horizontal .brand-wordmark{width:70px}.brand-horizontal{gap:9px}.saved-utility{margin-left:auto;margin-right:0}.account-link{font-size:10px}.currency{display:block;font-size:10px;padding-left:12px}.intro{padding:22px;margin-top:20px}.intro .eyebrow{font-size:8px;line-height:1.7}.intro h1{font-size:32px}.brand .brand-descriptor{font-size:8px;letter-spacing:.42em}footer{padding:20px 22px 55px}footer .brand{margin:auto}footer p{width:100%;text-align:center}footer>span{width:100%}.brand-centered{gap:13px}.brand-centered .brand-key{width:34px}.brand-centered .brand-wordmark{width:126px}}