/* head_60.css - side + grid (even, theme) */ .__PFX__-h60-layout{ --h-bg-main: var(--bg-color); --h-bg-panel: var(--bg-soft-color); --h-bg-accent: var(--secondary-color); --h-text-main: var(--text-color); --h-text-soft: var(--text-muted-color); background:var(--h-bg-main); border-bottom:1px solid var(--border-color); } .__PFX__-h60-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 14px 10px;background:var(--h-bg-panel);} .__PFX__-h60-name{text-decoration:none;color:var(--h-text-main);font-weight:900;font-size:22px;} .__PFX__-h60-meta{margin-left:10px;color:var(--h-text-soft);font-size:12px;} .__PFX__-h60-search{display:flex;gap:8px;background:var(--h-bg-main);border:1px solid var(--border-color);border-radius:12px;padding:6px 6px 6px 12px;} .__PFX__-h60-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--h-text-main);min-width:240px;} .__PFX__-h60-btn{border:none;border-radius:10px;background:var(--primary-color);color:var(--h-text-main);padding:8px 12px;cursor:pointer;} .__PFX__-h60-body{display:grid;grid-template-columns:220px 1fr;gap:12px;padding:12px 14px 14px;} .__PFX__-h60-side{display:flex;flex-direction:column;gap:10px;} .__PFX__-h60-side a{text-decoration:none;color:var(--h-text-main);background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;font-size:12px;} .__PFX__-h60-side a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;} .__PFX__-h60-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;} .__PFX__-h60-grid a{display:block;text-decoration:none;color:var(--h-text-main);background:var(--h-bg-panel);border:1px solid var(--border-color);border-radius:12px;padding:12px 10px;text-align:center;font-size:12px;} .__PFX__-h60-grid a.active{background:var(--primary-color);border-color:var(--primary-color);font-weight:800;} @media (max-width:860px){ .__PFX__-h60-head{flex-direction:column;align-items:stretch;} .__PFX__-h60-search input{min-width:0;flex:1;} .__PFX__-h60-body{grid-template-columns:1fr;} .__PFX__-h60-side{flex-direction:row;flex-wrap:wrap;} .__PFX__-h60-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }