/* Shell only: measurement colours and module card styles remain independent. */
:root{--yc-nav-width:14rem;--yc-header-height:4.25rem}
.yc-header{position:sticky;top:0;z-index:1040;display:grid;grid-template-columns:minmax(14rem,1fr) minmax(0,2fr) auto;align-items:center;gap:1rem;padding:.7rem 1rem;background:#fff;border-bottom:1px solid #dce7e1;color:#173B35}
.yc-brand-row{display:flex;align-items:center;gap:.65rem;min-width:0}
.yc-brand{display:flex;align-items:center;gap:.65rem;color:#173B35;text-decoration:none;font-weight:700;font-size:1.15em;white-space:nowrap}
.yc-brand-mark{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:.5rem;background:#173B35;color:#82C4B7;font-size:1.1em}
.yc-location{display:flex;flex-direction:column;min-width:0;font-size:.85em;overflow-wrap:anywhere;line-height:1.4}
.yc-location span{color:#657e75}
.yc-header .yc-account{display:block;position:relative;min-width:0;max-width:min(18em,32vw)}
.yc-account summary.btn{display:flex;gap:.5em;align-items:center;min-height:2.3em;padding:.35em .6em;font:inherit;font-size:.85em;border-color:#dce7e1;border-radius:.5rem}
.yc-account summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yc-account .qc-account-panel{right:0;top:calc(100% + .5rem);font-size:.85em}
.yc-account .qc-account-panel .btn{font-size:1em;padding:.35em .6em;min-height:2.3em}
.yc-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font:inherit;padding:.35em;border:1px solid #dce7e1;border-radius:.5rem;background:#fff;color:#173B35;min-height:2.3em;min-width:2.3em}
.yc-menu-toggle[hidden]{display:none}
.yc-nav-icon{display:inline-block;width:1.15em;height:1.15em;stroke:currentColor;stroke-width:1.7;fill:none;flex-shrink:0;vertical-align:middle}
.yc-layout{display:grid;grid-template-columns:var(--yc-nav-width) minmax(0,1fr);align-items:start;flex:1;min-width:0}
.yc-sidebar{position:sticky;top:var(--yc-header-height);height:calc(100dvh - var(--yc-header-height));display:flex;flex-direction:column;gap:1rem;padding:1rem .65rem;background:#fff;border-right:1px solid #dce7e1;overflow-y:auto;min-width:0;scrollbar-width:thin}
.yc-sidebar nav{display:grid;gap:.25rem}
.yc-nav-link{display:flex;align-items:center;gap:.75em;min-height:2.35em;padding:.55em .7em;border-radius:.5rem;text-decoration:none;font-size:.875em;color:#173B35;border:1px solid transparent;overflow-wrap:anywhere;line-height:1.4}
.yc-nav-link:hover{background:#f1f7f4;color:#173B35}
.yc-nav-link.is-active{background:#e3f0e9;border-color:#cfe2d8;font-weight:600}
.yc-nav-link:focus-visible,.yc-menu-toggle:focus-visible{outline:3px solid #82C4B7;outline-offset:2px}
.yc-nav-link .yc-nav-icon{width:1.3em;height:1.3em}
.yc-pending{opacity:.65;cursor:default}
.yc-pending small{display:block;font-size:.8em;color:#657e75;font-weight:400}
.yc-personal-nav{margin-top:auto;padding-top:.8rem;border-top:1px solid #e4ece8}
.yc-nav-heading{font-size:.7em;letter-spacing:.06em;text-transform:uppercase;color:#657e75;padding:0 .7em;margin:0 0 .25rem}
.yc-content{display:flex;flex-direction:column;min-width:0;min-height:calc(100dvh - var(--yc-header-height));padding:0 1rem}
.yc-content>.container,.yc-content>main{width:100%;min-width:0}
.yc-content:focus{outline:none}
.yc-content>.qc-footer{margin-top:auto}
.yc-skip-link{position:fixed;top:.5rem;left:.5rem;transform:translateY(-160%);z-index:1100;padding:.6em 1em;background:#173B35;color:white;border-radius:.5rem}
.yc-skip-link:focus{transform:none;color:white}
.yc-menu-scrim{display:none}
.yc-collapsed{--yc-nav-width:4.25rem}
.yc-collapsed .yc-sidebar .yc-nav-text{display:none}
.yc-collapsed .yc-nav-link{justify-content:center;padding:.65em .4em}
@media(max-width:767px){
 .yc-header{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.6rem .75rem}
 .yc-brand{font-size:1em;gap:.4rem}.yc-brand-row{gap:.4rem}
 .yc-header .yc-account{max-width:30vw;font-size:.85em}
 .yc-location{grid-column:1/-1;grid-row:2;font-size:.75em;flex-direction:row;flex-wrap:wrap;gap:0 .5em}
 .yc-layout{grid-template-columns:minmax(0,1fr)}
 .yc-content{padding:0 .5rem}
 .yc-sidebar{position:static;height:auto;border-bottom:1px solid #dce7e1}
 .yc-js .yc-sidebar{position:fixed;top:var(--yc-header-height);bottom:0;left:0;width:min(16rem,85vw);height:auto;z-index:1035;transform:translateX(-105%);transition:transform .15s ease;box-shadow:5px 0 25px #173b351a}
 .yc-js.yc-menu-open .yc-sidebar{transform:none}
 .yc-menu-open .yc-menu-scrim{display:block;position:fixed;inset:var(--yc-header-height) 0 0;z-index:1030;background:#173b3560;border:0}
 .yc-menu-open{overflow:hidden}
 .yc-collapsed .yc-sidebar .yc-nav-text{display:inline}
 .yc-collapsed .yc-nav-link{justify-content:start;padding:.55em .7em}
}
@media(prefers-reduced-motion:reduce){.yc-js .yc-sidebar{transition:none}}
@media print{.yc-header,.yc-sidebar,.yc-menu-toggle,.yc-menu-scrim,.yc-skip-link{display:none!important}.yc-layout{display:block}.yc-content{padding:0;min-height:0}.yc-content>.qc-footer{display:none}}

/* Sidebar section colours follow the existing module semantics. */
.yc-sidebar .qc-tone-petrol{color:#2F6E63}.yc-sidebar .qc-tone-amber{color:#946019}.yc-sidebar .qc-tone-slate{color:#495057}.yc-sidebar .qc-tone-violet{color:#76528c}.yc-sidebar .qc-tone-teal{color:#287b8d}.yc-sidebar .qc-tone-danger{color:#c43c49}

.yc-language-form { flex-shrink:0; margin:0; }
@media(max-width:767px){.yc-header .yc-language-form{grid-column:auto}.yc-language-form .btn{padding-inline:.4rem}.yc-language-form .form-select{padding-left:.35rem}}
