.app-navigation{--app-nav-type-size:24px;--app-nav-emblem-height:26px;--app-nav-text-offset:calc(var(--app-nav-emblem-height) * .084033469 - var(--app-nav-type-size) * .002481249);height:64px;display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--origen-paper,#F5F0E6);border-bottom:1px solid var(--origen-line,#CEC7BA);color:var(--origen-olive,var(--olive,#555737));position:fixed;inset:0 0 auto;z-index:100}
.app-nav-toggle{position:relative;z-index:103;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;background:transparent;color:inherit;cursor:pointer}
.app-nav-toggle:focus-visible,.app-navigation a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.app-nav-brand{display:inline-flex;align-items:center;gap:8px;flex:none;text-decoration:none;color:inherit;white-space:nowrap}
.app-nav-brand img{display:block;width:34px;height:26px;object-fit:contain;flex:none}
/* Keep the approved emblem/logotype lockup independent of page-title styling. */
.app-nav-brand .o-wordmark{font-family:var(--origen-font-display,'Josefin Sans',Arial,sans-serif);font-size:24px;font-weight:700;line-height:1;letter-spacing:var(--origen-logo-tracking,-.035em);translate:0 calc(26px * .084033469 - .002481249em)}
/* Align only the adjacent text to that established lockup. */
.app-navigation .app-nav-separator,.app-navigation .app-page-title{font-family:var(--origen-font-display,'Josefin Sans',Arial,sans-serif);font-size:var(--app-nav-type-size);line-height:1;letter-spacing:-.035em;translate:0 var(--app-nav-text-offset);margin:0;padding:0}
.app-navigation .app-nav-separator{flex:none;font-weight:500;color:var(--origen-muted,#62645B)}
.app-navigation .app-page-title{flex:0 1 auto;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-nav-backdrop{position:fixed;inset:64px 0 0;background:#0004;z-index:101}
#app-nav-panel{position:fixed;top:64px;left:0;bottom:0;width:min(340px,90vw);overflow:auto;padding:22px 24px;background:var(--origen-paper,#F5F0E6);box-shadow:4px 0 20px #0002;z-index:102;display:flex;flex-direction:column;gap:4px;text-align:left}
:is(#app-nav-panel>a,.app-role-links>a){display:block;padding:11px 12px;font-size:16px;color:var(--origen-olive,#555737);text-decoration:none;border-left:2px solid transparent}
:is(#app-nav-panel>a,.app-role-links>a):is(:hover,[aria-current]){background:#5557370c;border-left-color:var(--origen-olive,#555737)}
#app-nav-panel details{border-top:1px solid var(--origen-line,#CEC7BA);margin-top:16px;padding-top:16px}
#app-nav-panel .nav{display:flex;flex-direction:column;gap:4px;overflow:visible;margin-top:12px}
#app-nav-panel .nav a{white-space:normal;font-size:14px}
.app-role-section>summary{cursor:pointer;padding:8px 12px;font-size:16px;font-weight:600;color:var(--origen-olive,#555737)}
.app-role-links{display:flex;flex-direction:column;gap:4px;margin-top:8px}.app-role-section>details{margin-left:12px}
.app-navigation [hidden]{display:none!important}
.has-app-navigation main#main{margin-left:0}
body.has-app-navigation:has(.page-header){padding-top:0}
.app-nav-spacer{height:64px;flex:none}body.has-app-navigation:has(.page-header)>.app-nav-spacer{margin-bottom:32px}
.has-app-navigation .design-picker,.has-app-navigation .step-controls{display:none}
html:has(.app-navigation){scroll-padding-top:80px}.has-app-navigation .catalog-preview-panel{top:88px}
.app-navigation .app-page-status{font-size:12px;line-height:1.4;margin:0 0 0 auto;color:var(--origen-muted,#62645B);min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-navigation .app-page-status[data-error=true]{color:var(--origen-terracotta,#A15A43)}
.has-app-navigation .catalog-main>p:empty{display:none}.has-app-navigation .page-actions,.has-app-navigation .studio-actions{justify-content:flex-end}
.app-navigation .preview-paper-picker{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.75rem;white-space:nowrap}.app-navigation .preview-paper-picker select{font:inherit;max-width:200px;padding:5px;background:transparent;color:inherit;border:1px solid var(--origen-line,#CEC7BA)}
.page-headline-copy{font-family:var(--origen-font-display,'Josefin Sans',Arial,sans-serif);font-weight:500;line-height:1.06}
@media screen{.has-app-navigation .catalog-main{margin-top:24px}}
@media(max-width:700px){.app-navigation{--app-nav-type-size:20px;--app-nav-emblem-height:22px;gap:8px;padding-inline:8px}.app-nav-brand{gap:6px}.app-nav-brand img{width:28px;height:22px}.app-nav-brand .o-wordmark{font-size:20px;translate:0 calc(22px * .084033469 - .002481249em)}.app-navigation .app-page-status{display:none}.app-navigation .preview-paper-picker{font-size:0}.app-navigation .preview-paper-picker select{font-size:12px;max-width:125px}}
@media print{.app-navigation,.app-nav-spacer,.preview-paper-picker{display:none!important}}

.app-language-switcher{display:flex;align-items:center;gap:3px;margin-left:auto;flex:none;order:100}
.app-language-switcher button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:3px;border:0;background:transparent;color:inherit;font-size:23px;line-height:1;cursor:pointer;border-radius:0}
.app-language-switcher button[aria-pressed=true]{background:transparent}
.app-language-switcher button:hover{background:transparent}
.app-language-switcher button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.localized-file-control{display:flex;align-items:center;gap:10px;min-width:0}.localized-file-control>span{font-size:12px;overflow-wrap:anywhere}
@media(max-width:700px){.app-language-switcher{gap:2px}.app-language-switcher button{width:32px;height:40px;font-size:23px;padding:2px}.app-navigation .preview-paper-picker select{max-width:75px}}

.app-language-flag{display:block;width:27px;height:18px;box-shadow:0 0 0 1px #55573730}

.app-language-switcher button[aria-pressed=true]::after{content:"";position:absolute;bottom:3px;left:50%;width:27px;height:2px;transform:translateX(-50%);background:#555737}

/* Contextual help is available with hover, keyboard focus, or a tap. */
.context-help-source{display:none!important}
.context-help-caption{display:inline-flex;align-items:center;gap:6px}
body .context-help-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;width:18px;height:18px;min-height:18px;padding:0;margin:0 0 0 6px;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--olive,#596344);font:600 12px/1 Georgia,serif;cursor:help;box-shadow:none}
body .context-help-button[hidden]{display:none}
body .context-help-button:hover,body .context-help-button[aria-expanded="true"]{background:#ece9de;color:#424d31}
body .context-help-button:focus-visible{outline:2px solid #596344;outline-offset:3px}
.context-help-popup{position:fixed;inset:auto;margin:0;z-index:10000;box-sizing:border-box;max-width:min(360px,calc(100vw - 16px));padding:12px 15px;border:1px solid #c8c6b7;border-radius:6px;background:#faf8f1;color:#34382e;box-shadow:0 4px 16px #252b2426;font:400 14px/1.5 var(--origen-font-body,Arial,sans-serif);text-transform:none;letter-spacing:normal}
.context-help-popup[hidden]{display:none}
.context-help-popup a{color:#596344;text-decoration:underline}
@media print{.context-help-button,.context-help-popup{display:none!important}}

.context-help-costs{padding-left:1.2rem;margin:0;list-style:disc}.context-help-costs li+li{margin-top:.4rem}.context-help-costs strong{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}