/* Farooq Music 2.0 — ALL PAGES, the map of the admin site (package 101, owner 11 Oct 2026: "a visual guide — every page, what it
   does, all the links in one place"). The control-room look of fm2-admin.css; no inline styles anywhere. */
.guide{display:grid;gap:1.1rem;align-content:start}
.guide .panel{padding:1.1rem 1.25rem}
.guide a.mono{font-family:var(--mono);word-break:break-all}

.g-sum{display:grid;gap:.9rem}
.g-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem}
.g-count{display:grid;gap:.15rem;padding:.75rem .9rem;border:1px solid var(--line);background:var(--panel-2)}
.g-count b{font-family:var(--display);font-weight:var(--num-w);font-size:2rem;line-height:1.1;color:var(--phos)}
.g-count span{font-size:.72rem;font-weight:600;letter-spacing:var(--label-ls);color:var(--soft)}
.ur .g-count span{letter-spacing:0;font-size:.85rem}
.g-note{margin:0;line-height:1.7;color:var(--soft)}
.ur .g-note{line-height:2.1}

.g-group{margin:.6rem 0 0;font-family:var(--display);font-weight:var(--title-w);font-size:1.2rem;letter-spacing:0;color:var(--ink-hi);border-bottom:1px solid var(--line);padding-bottom:.4rem}
.ur .g-group{font-family:"Nastaliq",serif;letter-spacing:0;font-size:1.15rem}
.g-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}
.g-card{display:grid;gap:.5rem;align-content:start}
.g-shot{display:block;border:1px solid var(--line);background:var(--ground);aspect-ratio:16/10;overflow:hidden}
.g-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.g-shot:hover{border-color:var(--phos)}
.g-name{margin:.2rem 0 0;font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:0;color:var(--ink-hi);display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.ur .g-name{font-family:"Nastaliq",serif;letter-spacing:0;font-size:1.15rem}
.g-num{display:inline-grid;place-items:center;min-width:1.7rem;height:1.7rem;border:1px solid var(--phos);color:var(--phos);font-family:var(--mono);font-size:.8rem;letter-spacing:0}
.g-ur{font-family:"Nastaliq",serif;letter-spacing:0;font-size:.95rem;color:var(--dim)}
.g-what{margin:0;line-height:1.65;color:var(--ink)}
.ur .g-what{line-height:2.1}
.g-addr{margin:0;display:flex;gap:.5rem;align-items:baseline;font-size:.8rem}
.g-tag{flex-shrink:0;min-width:2.2rem;padding:0 .35rem;border:1px solid var(--line);color:var(--dim);font-size:.7rem;text-align:center}
.ur .g-tag{min-width:3.6rem;font-size:.8rem}
.g-more{margin:.2rem 0 0;font-size:.78rem;font-weight:600;letter-spacing:var(--label-ls)}
.ur .g-more{letter-spacing:0;font-size:.9rem}

.g-list{display:grid;gap:.7rem}
.g-rows{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}
.g-rows li{padding:.55rem .75rem;border:1px solid var(--line-2);background:var(--panel-2);line-height:1.7}
.ur .g-rows li{line-height:2.1}
.g-table{width:100%;border-collapse:collapse;font-size:.85rem}
.g-table th{text-align:start;font-weight:600;color:var(--dim);letter-spacing:var(--label-ls);font-size:.72rem;padding:.4rem .5rem;border-bottom:1px solid var(--line)}
.ur .g-table th{letter-spacing:0;font-size:.85rem}
.g-table td{padding:.45rem .5rem;border-bottom:1px solid var(--line-2);vertical-align:top}
@media (max-width:760px){
  .guide{padding:1rem}
  .g-cards{grid-template-columns:1fr}
  .g-table{display:block;overflow-x:auto}
}