/* btg-info.css: the parts the plain information pages add on top of btg-free.css (#bf). Pages: /mba/community-rules (78), /mba/about (67),
   /mba/terms-of-service (34), /mba/privacy-policy (77); sources and the one ship command in docs/info-pages/. Each page links this sheet with
   ?v= set to the first 10 hex of its sha256, so a change here needs `bash docs/info-pages/ship.sh` after `~/bin/btg-deploy forum/assets/css/btg-info.css`.
   Every value is copied from btg-free.css, the homepage school cards (btg-schools.css) or the marketplace hero and closing box (docs/marketplace);
   add none of your own. No grid of white text-only cards: banned sitewide 11-03 (CLAUDE.md). */
/* photo cards: the homepage's Featured Top MBA Programs band and card (btg-schools.css), copied whole: the photo with its name on it, numbers, two buttons */
#bf .pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;border-radius:24px;background:linear-gradient(135deg,#e9edfd 0%,#f4eef8 55%,#fdf1e4 100%)}
#bf .pcs article{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(32,48,91,.1);transition:transform 190ms ease,box-shadow 190ms ease}#bf .pcs article:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(36,55,107,.17)}
#bf .ph{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:#1a2036;font-weight:400}#bf .ph img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;object-fit:cover;object-position:top;transition:transform 400ms ease}#bf .pcs article:hover .ph img{transform:scale(1.04)}
#bf .cap{position:absolute;inset:auto 0 0;padding:30px 14px 11px;background:linear-gradient(0deg,rgba(12,16,38,.94) 0%,rgba(12,16,38,.78) 58%,transparent 100%)}#bf .cap h3{font-size:18px;line-height:1.15;letter-spacing:-.02em;color:#fff}#bf .cap p{margin-top:2px;font-size:13px;font-weight:600;line-height:1.3;color:#fff}
#bf .bd{flex:1;display:flex;flex-direction:column;padding:12px 14px}#bf .bd>p{margin-bottom:10px;font-size:15px;line-height:1.45;color:var(--muted)}
#bf .st{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 10px}#bf .st dd{font-size:17px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}#bf .st dt{min-height:2.5em;margin-top:2px;font-size:12px;font-weight:500;line-height:1.25;color:var(--muted)}
#bf .btns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px;margin-top:auto;padding-top:11px}#bf .btns a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 6px;border-radius:11px;font-size:14px;font-weight:800;text-align:center;white-space:nowrap;transition:transform 180ms ease}#bf .btns a:hover{transform:translateY(-1px)}
#bf .btns .a1{background:linear-gradient(135deg,#5068c8,#3e56c0 58%,#3349a9);color:#fff}#bf .btns .a2{border:1px solid #cdd4eb;background:#fff;color:var(--ink)}
/* live number tiles in the hero card: the free resources page's .pfacts, copied */
#bf .pfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}#bf .pfacts div{padding:12px;border:1px solid #eceef4;border-radius:12px;background:var(--tint);font-size:13px;line-height:1.3;color:var(--muted)}#bf .pfacts b{display:block;font-size:24px;color:var(--blue);font-variant-numeric:tabular-nums}
#bf .shell h2{font-size:28px}#bf .shell>p:not(.k){margin-top:8px;color:var(--soft)}#bf .shell .go{width:100%}#bf .shell p+.go{margin-top:18px}#bf .shell .steps{margin-bottom:0}
/* dark sections: a section gradient from btg-tokens.css with white text; .acc is the rules or legal text as one numbered details/summary accordion,
   its rows the marketplace hero's glass panel; a plain div row in .acc stays open */
#bf section.dark{background:var(--btg-g1);color:#fff}#bf section.dark.g2{background:var(--btg-g2)}#bf .dark h2{color:#fff}#bf .dark .head p{color:#d7ddf6}
#bf .acc{display:grid;gap:10px}#bf .acc>*{border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07)}
#bf .acc .t{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;list-style:none;font:800 19.2px/1.3 var(--btg-font);color:#fff}#bf .acc summary{cursor:pointer}#bf .acc summary::-webkit-details-marker{display:none}
#bf .acc summary:after{content:"+";font-size:24px;font-weight:600;color:#b9c3f5}#bf .acc [open]>summary:after{content:"\2212"}#bf .acc summary:hover{color:#b9c3f5}
#bf .t>b,#bf .acc .steps li>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.16);color:#fff;font-size:16px}
#bf .acc .in{display:grid;gap:10px;padding:0 20px 20px 66px;color:#d7ddf6}#bf .acc .in h3{margin-top:6px;font-size:18px;color:#fff}#bf .acc .in ul:not(.dots,.marks){padding-left:22px;list-style:disc}#bf .acc .in li+li{margin-top:6px}#bf .acc .steps{margin:0}
#bf .acc .in a:not(.wb),#bf .end p a{color:#fff;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
#bf .dots{display:grid;gap:8px}#bf .dots li{position:relative;padding-left:18px}#bf .dots li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:#b9c3f5}
#bf .marks{display:flex;flex-wrap:wrap;gap:8px}#bf .acc .marks li{margin:0;padding:5.12px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:13.28px;color:#cdd5f5}
/* the marketplace's dark closing box and its two buttons */
#bf .end{padding:56px;border-radius:22px;background:radial-gradient(120% 140% at 80% 0%,#425cbb,#2f4296 55%,#1b2233);color:#fff}#bf .end h2{color:#fff}#bf .end p{max-width:640px;margin-top:10px;color:#d7ddf6}
#bf a.wb,#bf a.ob{display:inline-flex;align-items:center;padding:13.6px 24px;border-radius:10px;font:800 14.72px/1.65 var(--btg-font)}#bf a.wb{background:#fff;color:#2f4296;box-shadow:0 6px 20px rgba(0,0,0,.22)}#bf a.ob{border:1px solid rgba(255,255,255,.4);color:#fff}
@media (max-width:1100px){#bf .pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){#bf .pcs{grid-template-columns:minmax(0,1fr);padding:14px}#bf .acc .t{padding:14px 16px;font-size:17px}#bf .acc .in{padding:0 16px 18px}#bf .end{padding:32px 24px}#bf .acts>a.wb,#bf .acts>a.ob{flex:1 1 100%;justify-content:center}}
