/* PentaAds 5: readable, explicit surfaces across the shared application. */
:root{--read-ink:#f5f7ff;--read-copy:#c6cfdf;--read-light-ink:#101c2e;--read-light-copy:#425269;--read-light-border:#bdc9d8}
body{font-size:16px;line-height:1.65}
.card,.callout,.v4-panel,.v4-route-card,.v4-scenario-panel{color:var(--read-ink)}
.card p,.callout p,.muted,.feature-list,.v4-panel p,.v4-route-card p,.v4-scenario-panel p,.section-head p{font-size:16px;line-height:1.65;color:var(--read-copy)}
.card h3,.v4-route-card h3{line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.section-head h2{font-size:clamp(32px,4.3vw,58px);line-height:1.08;letter-spacing:-.045em}
.hero h1,.page-hero h1,.v4-route-hero h1{line-height:1.05!important;letter-spacing:-.045em!important}
.section--paper{color:var(--read-light-ink)}
.section--paper .section-head p,.section--paper>.shell>.split>div>.muted{color:var(--read-light-copy)}
.section--paper .kicker,.section--paper .eyebrow{color:#087181}
.section--paper .card{background:#fff!important;color:var(--read-light-ink)!important;border-color:var(--read-light-border)}
.section--paper .card p,.section--paper .card .muted,.section--paper .card .feature-list,.section--paper .card .price-card__amount small{color:var(--read-light-copy)}
.section--paper .card .feature-list li::before{color:#087181}
.section--paper .card .button--ghost{color:var(--read-light-ink);border-color:#8394ab;background:#f0f5fa}
.section--paper .card .button--ghost:hover{background:#e2ecf6;border-color:#506783}
.section--paper .card.featured{color:var(--read-ink)!important;background:linear-gradient(145deg,#152337,#091423)!important;border-color:#087181}
.section--paper .card.featured p,.section--paper .card.featured .feature-list,.section--paper .card.featured .price-card__amount small{color:#d0dae9}
.section--paper .card.featured .kicker,.section--paper .card.featured .feature-list li::before{color:#81e9f7}
.section--paper .card.featured .button--ghost{background:#21344b;border-color:#617e9c;color:#fff}
.section--paper .chip{color:#35475f;border-color:#9daec3;background:#f0f5fa}.section--paper .chip--green,.section--paper .status--live{color:#116b48;background:#e7f5ed}.section--paper .chip--gold,.section--paper .status--controlled{color:#745000;background:#fff3d7}.section--paper .chip--violet,.section--paper .status--preview{color:#604499;background:#f1ebfb}.section--paper .status--managed{color:#08677a;background:#e3f3f8}
.architecture__step{color:#f5f7ff}.architecture__step p{font-size:15px;line-height:1.6;color:#c6cfdf}.architecture__step span{font-size:12px;line-height:1.5}.architecture__step h3{line-height:1.2}.section--paper .architecture__step{color:#132137;background:#fff;border-color:#bdc9d8}.section--paper .architecture__step p{color:#425269}.section--paper .architecture__step span{color:#08677a}.section--paper .terminal{color:#f5f7ff}
.button{font-size:15px;line-height:1.35;min-height:48px;padding:13px 20px;white-space:normal;text-align:center}
.button--ghost{background:#111c2e;border-color:#53647d;color:#f6f8ff}
.button--primary,.button--gradient{color:#071822}
.button[disabled],button[disabled]{opacity:.65;cursor:not-allowed}
.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #219cbb;outline-offset:4px}
.feature-list{margin-block:18px 24px;display:grid;gap:12px}
.feature-list li{font-size:16px;line-height:1.55;padding-left:24px;color:inherit}
.kicker,.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.1em;overflow-wrap:anywhere}
.chip,.status,.micro,.v4-format-pills span{font-size:13px;line-height:1.5}
.micro,.breadcrumb,.v4-data-box,.docs-nav a,.faq p{color:var(--read-copy)}
.legal-note{font:400 15px/1.7 var(--sans);padding:18px 20px;color:#d0dae9;background:#152034;border:1px solid #53647d;border-left:4px solid #e2b650;border-radius:10px}
.section--paper .legal-note{color:var(--read-light-copy);background:#fff;border-color:#bdc9d8;border-left-color:#996200}
.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.price-card{padding:28px;min-height:0}
.price-card__name{font-size:30px;line-height:1.15}
.price-card__amount{font-size:clamp(30px,3.8vw,46px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}
.price-card__amount small{display:inline-block;font:500 15px/1.5 var(--sans);color:var(--read-copy)}
.price-card__amount--label{font-size:28px;max-width:22ch}
.price-card__desc{min-height:0}.price-card .price-card__desc,.price-card .feature-list li{font-size:17px}.price-card .button{font-size:16px}
.price-card .button{width:100%}
.price-card__actions{display:grid;gap:10px;margin-top:auto;padding-top:12px}
.price-card__actions .button{margin-top:0}
.price-toggle button,.filter,.tab,.auth-tabs button{font-size:14px;min-height:44px;color:#c6cfdf}
.price-toggle button.active,.filter.active,.tab.active{color:#0a192c}
.field label,.v4-field label{font-size:14px;color:#d0dae9;line-height:1.5}
input,select,textarea,.field input,.field select,.field textarea,.v4-field input,.v4-field select,.v4-field textarea{font-size:16px}
input::placeholder,textarea::placeholder{color:#abb9cf;opacity:1}
.terminal pre,.codeblock pre,.v4-code pre,.v4-console{font-size:14px;line-height:1.65}
.terminal__bar,.codeblock .copy{font-size:13px}
.breadcrumbs{font-size:13px;line-height:1.5;color:#aebcd1}.breadcrumbs i{color:#899ab3}.metric small{font-size:12px;line-height:1.5;color:#b3c1d7}.table th{font-size:13px;color:#c5d1e3}.table td{font-size:15px}.docs-content p,.docs-content li{font-size:16px;line-height:1.7;color:#c6cfdf}.statusbar{font-size:11px;color:#b3c1d7}
.v4-article{font-size:17px;line-height:1.75}
.v4-article p,.v4-article li{color:var(--read-copy)}
.v4-article h2{line-height:1.2;letter-spacing:-.025em}
.nav a{font-size:14px;line-height:1.35}
.footer__grid{grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:36px}
.footer__grid p,.footer__grid>div>a:not(.brand){font-size:15px;line-height:1.6;color:#bdc8db}
.footer__grid b{font-size:14px;color:#edf3ff}
.footer__grid>div>a:not(.brand){min-height:34px;padding-block:4px;overflow-wrap:anywhere}
.footer__bottom{font:400 13px/1.65 var(--sans);color:#adbbd1;padding-bottom:60px}
.penta-command-dock a,.penta-command-dock button{font-size:13px!important;min-height:44px}
.penta-command-item span,.penta-command-item em{color:#bdc8db}
.penta-command-item b{font-size:16px}
.penta-command-item span{font-size:14px}
.toast{font-size:15px;bottom:86px}
.plugin-header nav a,.plugin-intro p,.plugin-status,.plugin-steps .card a,.system-card>p,.system-card details p,.system-card details li{font-size:15px;line-height:1.65}
.plugin-controls label,.plugin-release,.plugin-release small,.plugin-tags li,.plugin-card details,.plugin-card code,.plugin-card .checksum-button,.system-card details,.system-state{font-size:13px;line-height:1.6;color:#c6d2e5}
.plugin-card .checksum-button{min-height:44px}.plugin-controls input,.plugin-controls select{font-size:16px}
.api-doc-intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:36px 0 64px}.api-doc-intro>*{min-width:0}.api-doc-intro h2{font-size:30px;line-height:1.2}.api-doc-intro p,.api-doc-intro li{color:#c6cfdf;font-size:16px}.api-doc-intro li{margin-bottom:12px}
.api-directory-controls{display:grid;grid-template-columns:2fr 1fr;gap:18px}.api-directory-controls label{display:grid;gap:10px;font-size:15px;color:#d1dceb}.api-directory-controls input,.api-directory-controls select{width:100%;min-width:0;min-height:48px;padding:12px 14px;color:#f1f6ff;background:#0c1728;border:1px solid #5e7390;border-radius:12px}
.api-directory-status{color:#c6cfdf;font-size:15px;margin:22px 0}.api-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.api-surface-card{display:flex;flex-direction:column;align-items:stretch}.api-surface-card[hidden]{display:none!important}.api-surface-card .button{margin-top:auto}.api-surface-card .feature-list{flex:1}.api-surface-card details{color:#c6cfdf;margin:0 0 24px}.api-surface-card summary{font-size:15px;cursor:pointer;min-height:44px}.api-surface-state{font-size:15px!important;overflow-wrap:anywhere}.api-surface-card .kicker{letter-spacing:.05em;color:#8ae8f5}
@media(max-width:760px){.api-doc-intro,.api-directory-controls,.api-directory-grid{grid-template-columns:1fr}.api-doc-intro{gap:36px;margin-bottom:44px}}
@media(min-width:1500px){.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card{padding:24px}.price-card__amount--label{font-size:25px}}
@media(max-width:1200px){.nav{position:fixed;inset:100px 18px auto;display:none;flex-direction:column;align-items:stretch;padding:16px;border:1px solid #53647d;border-radius:18px;background:#0b1321;box-shadow:var(--shadow);max-height:calc(100dvh - 120px);overflow:auto}.nav.open{display:flex}.nav a{font-size:16px;min-height:48px;display:flex;align-items:center;padding:12px}.menu{display:block}.header__actions .desktop{display:none}}
@media(max-width:1100px){.pricing-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto}}
@media(max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>div:first-child{grid-column:1/-1}.footer__grid>div:last-child{grid-column:auto}}
@media(max-width:740px){.section{padding-block:48px}.section-head{margin-bottom:26px}.card,.price-card,.callout{padding:22px}.price-card__amount{font-size:36px}.price-card__amount--label{font-size:28px}.section-head h2{font-size:34px}.feature-list li{font-size:16px}.hero h1,.page-hero h1{font-size:clamp(34px,9.5vw,48px)}.header__actions .button{font-size:13px;padding:10px 12px}.v4-action-row{flex-wrap:wrap}.v4-action-row .button{flex:1 1 200px}.footer__bottom{display:grid;gap:12px}.section--paper .legal-note{padding:16px}.brand{font-size:18px}}
@media(max-width:520px){.shell{width:calc(100% - 32px)}.header__inner{gap:12px}.price-card{border-radius:20px}.pricing-grid{gap:20px}.footer__grid{grid-template-columns:1fr}.footer__grid>div{grid-column:auto!important}.footer__grid>div>a:not(.brand){min-height:42px}.penta-command-dock{gap:6px}.penta-command-dock a,.penta-command-dock button{font-size:12px!important}.penta-command-dock a:nth-of-type(2){display:none}.legal-note{font-size:15px}.v4-route-hero h1{font-size:36px!important}.brand small{font-size:10px}}
@media(prefers-contrast:more){.card,.button--ghost,.legal-note{border-width:2px}.muted,.card p,.feature-list{color:#e1e7f1}.section--paper .card p,.section--paper .feature-list{color:#26384e}}
