/* Mobile hardening for GoreeCloud Projects. */
.topbar-inner,.topbar nav,.filters,.grid,.card,.card-meta,.card footer,.foundation-strip>a,.foundation-strip>a>span{min-width:0}
.topbar nav a,.theme-group button,.filter,.footer nav a{min-height:48px}
.topbar nav a,.footer nav a,.filter{display:inline-flex;align-items:center}
.card-meta{flex-wrap:wrap;align-items:flex-start}
.badge,.status,.card h3,.card p,.card footer,.visibility{overflow-wrap:anywhere}
.project-icon img{max-width:44px;max-height:44px}
.card-head.text-only-brand{justify-content:flex-end}
.foundation-strip>a.text-only-system{justify-content:flex-start}
@media(max-width:760px){.topbar-inner{padding-top:.35rem}.topbar nav{min-width:0;max-width:100%;overscroll-behavior-inline:contain}.topbar nav a{white-space:nowrap}.foundation-strip{padding-bottom:3.25rem}.foundation-strip>a{min-height:72px;padding:.85rem .9rem}.directory{padding-top:.35rem}.card{min-height:0}.card footer{flex-wrap:wrap;align-items:flex-start}}
@media(max-width:580px){body{overflow-x:hidden}.shell,.topbar-inner{width:min(100% - 1.25rem,1160px)}.topbar-inner{gap:.5rem}.brand{min-width:0}.brand strong{white-space:nowrap}.theme-group{min-width:0}.theme-group button{min-width:48px;padding:0 .65rem}.topbar nav{width:100%;margin-inline:0;padding-bottom:.55rem;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.hero{padding-top:3rem;padding-bottom:2.25rem}.hero h1{font-size:clamp(2.65rem,14vw,4rem)}.lede{font-size:1rem;line-height:1.6}.summary-panel{padding:1rem;border-radius:24px}.summary-logo{height:112px}.metrics{gap:.55rem}.metrics>div{padding:.75rem}.foundation-strip{gap:.65rem;padding-top:.35rem}.foundation-strip>a{border-radius:17px}.section-head{gap:.8rem}#result-count{margin:0}.controls{margin-top:1.15rem}.filters{width:100%;max-width:100%;overscroll-behavior-inline:contain}.filter{flex:0 0 auto;padding-inline:.9rem}.card{padding:1.05rem;border-radius:20px}.card-head{align-items:center}.card-meta{justify-content:flex-start;gap:.45rem .65rem}.status{width:100%;text-align:left}.card h3{margin-top:.7rem}.card footer{gap:.5rem 1rem}.principles{padding-bottom:3.5rem}.panel{padding:1.25rem}.footer{padding-bottom:2rem}}
@media(max-width:380px){.shell,.topbar-inner{width:min(100% - 1rem,1160px)}.brand img{width:34px;height:34px}.theme-group{padding:3px}.theme-group button{min-width:48px;min-height:48px;padding:0 .5rem}.hero h1{font-size:2.6rem}.metrics{grid-template-columns:1fr}.metrics>div:last-child{grid-column:auto}.foundation-strip>a{gap:.7rem}}

/* Portfolio navigation is part of the public document flow. The Glaze base is
 * loaded after this integration, so use deliberate specificity here. */
body.glaze-canvas .topbar{position:relative;inset-block-start:auto}.topbar-inner{padding-block:8px}.topbar nav{overflow:visible;flex-wrap:wrap}.topbar nav a{white-space:normal;text-align:center;justify-content:center}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0}.hero h1{max-width:10ch}
@media(max-width:1000px){.topbar-inner{grid-template-columns:auto 1fr auto}.topbar nav{grid-column:auto;grid-row:auto;justify-content:center;padding-bottom:0;overflow:visible}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.topbar-inner{grid-template-columns:1fr auto}.topbar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;grid-row:2;width:100%;gap:8px}.topbar nav a{width:100%;padding-inline:10px}.hero{padding-top:3.25rem;gap:1.75rem}.hero h1{font-size:clamp(2.9rem,10vw,4.5rem)}.foundation-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:3.5rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:0}}
@media(max-width:580px){.topbar-inner{padding-block:10px}.topbar nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0}.topbar nav a{font-size:.86rem}.hero{padding-top:2.6rem}.summary-panel{grid-template-columns:1fr}.foundation-strip,.grid{grid-template-columns:1fr}.filters{display:flex;flex-wrap:wrap;overflow:visible}.filter{flex:0 1 auto}.card{padding:1.05rem}.principles{gap:.8rem}}
@media(max-width:390px){.topbar nav{grid-template-columns:1fr}.theme-group button[data-theme-choice=system]{display:none}.hero h1{font-size:clamp(2.5rem,13vw,3.45rem)}}