:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;background:#fff;color:#3b3675}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;padding:20px;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto}.brand{font-weight:600;margin-bottom:16px;text-decoration:none;color:inherit}.menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.menu>li>a{text-decoration:none;color:#3b3675;display:block;padding:8px 10px;border-radius:6px}.menu>li>a.router-link-active{background:#fff;color:#42b883}.content{flex:1;padding:24px;display:flex;flex-direction:column;align-items:center}.content-inner{width:100%;max-width:1000px}.footer{text-align:center;padding:24px;color:#555}.sidebar-header{display:flex;align-items:center;gap:10px;justify-content:space-between}.hamburger{display:none;background:#fff;border:none;color:#3b3675;padding:6px;border-radius:6px;width:36px;height:36px}.hamburger{-webkit-tap-highlight-color:transparent}.hamburger:active,.hamburger:focus{color:#3b3675;background:#fff;outline:none;box-shadow:none;border:none}@media (hover: hover){.hamburger:hover{color:#3b3675}}.sidebar-header .brand{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{background:#fff;border-radius:0;overflow:hidden;border:1px solid #e6e8eb}.card img{width:100%;height:180px;object-fit:cover;display:block;border-radius:0}.card .label{padding:10px;font-size:14px}.pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid #e6e8eb;background:#fff;color:#3b3675;text-decoration:none}.pills{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}button{background:#42b883;border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer}button:hover{background:#369a6e}.social{display:flex;gap:8px;padding:6px 0}.social a{display:inline-flex;align-items:center;gap:8px;color:#3b3675;text-decoration:none;padding:6px 10px;border-radius:6px}.social a:hover{color:#42b883}.menu>li>a:hover{color:#42b883}.page{max-width:1000px;margin:0 auto;text-align:center}h1{font-size:1rem}@media (min-width: 901px){.sidebar-header .brand{margin-bottom:16px}}@media (max-width: 900px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;top:auto;align-self:stretch;overflow:visible;border-bottom:1px solid #e6e8eb}.hamburger{display:inline-flex;align-items:center;justify-content:center}.menu{display:flex;flex-direction:column;gap:8px;margin-top:12px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .18s ease,opacity .18s ease,transform .18s ease;pointer-events:none}.menu.open{max-height:1000px;opacity:1;transform:translateY(0);pointer-events:auto}.content{padding:16px}.content-inner{max-width:100%}}@media (max-width: 600px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card img{height:140px}}@media (max-width: 420px){.grid{grid-template-columns:1fr}.card img{height:auto}}