.mybar-shell{width:100%;max-width:1100px;padding-inline:var(--space-4,1rem);box-sizing:border-box;margin-inline:auto}.mybar-hero{box-sizing:border-box;background:var(--color-background-warm);border-bottom:1px solid var(--color-border);width:100%;padding:clamp(1.75rem,4vw,2.5rem) 0 0}.mybar-hero h1{margin:.5rem 0 .25rem;font-size:clamp(2rem,5vw,3rem)}.mybar-hero p{color:var(--color-text-muted);font-size:.95rem}.mybar-tabs{box-sizing:border-box;gap:.5rem;width:100%;margin-top:1.25rem;padding-bottom:.75rem;display:flex}@media (max-width:767px){.mybar-tabs{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid;overflow-x:visible}}@media (max-width:360px){.mybar-tabs{grid-template-columns:repeat(2,1fr)}}.mybar-tabs button,.mybar-unit button{border:1px solid var(--color-border);border-radius:var(--radius-md,10px);min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;width:100%;padding:.55rem .65rem;font-size:.85rem;font-weight:700;transition:all .15s;display:flex}@media (min-width:768px){.mybar-tabs button{border-radius:var(--radius-full);width:auto;padding:.65rem 1.15rem;font-size:.9rem}}.mybar-tabs button:hover,.mybar-unit button:hover{border-color:var(--color-primary);background:#fff7ed}.mybar-tabs button[aria-current=page],.mybar-unit button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.mybar-content{box-sizing:border-box;width:100%;padding-top:1.5rem;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.mybar-content h2{margin-bottom:1rem;font-size:clamp(1.4rem,3.5vw,1.85rem)}.mybar-grid,.mybar-columns{box-sizing:border-box;gap:1rem;width:100%;display:grid}.mybar-grid article{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;gap:.5rem;padding:1.25rem 1.5rem;display:grid}.mybar-grid strong{color:var(--color-primary);font-size:2.25rem;line-height:1}.mybar-grid a,.mybar-grid button{min-height:44px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:.5rem 0;font-weight:700}.mybar-list,.mybar-links{box-sizing:border-box;gap:.75rem;width:100%;padding:0;list-style:none;display:grid}.mybar-list li{border-bottom:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:.75rem 1rem;display:flex}.mybar-list span{gap:.2rem;display:grid}.mybar-list small{color:var(--color-text-muted);font-size:.85rem}.mybar-list label{cursor:pointer;align-items:center;gap:.75rem;min-height:44px;display:flex}.mybar-list input{width:22px;height:22px;accent-color:var(--color-primary)}.mybar-list button{color:#dc2626;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:.5rem;font-weight:700}.mybar-unit{flex-wrap:wrap;gap:.75rem;display:flex}.mybar-error{border-radius:var(--radius-md);color:#991b1b;background:#fee2e2;margin-bottom:1rem;padding:1rem}@media (min-width:48rem){.mybar-grid{grid-template-columns:repeat(3,1fr)}.mybar-columns{grid-template-columns:repeat(2,1fr);gap:2rem}}