/* index.php only (2026-10-13): this page IS the system home page.
   Keep the white path bar but overlay it on the bottom of the banner (same look as inext.php), breadcrumb text hidden. */
/* 2026-10-23 with the compact title box the home page simply has no breadcrumb bar */
#header > .hpath{ display: none; }

/* 2026-10-22 OPEN DAY promo strip */
.hc-promo{ display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 14px; padding: 12px 20px; border-radius: 10px; background: linear-gradient(90deg, #fde3dc, #fdefd6); border: 1px solid #f6cfc5; color: var(--hc-fg); font-size: .95rem; text-decoration: none; }
a.hc-promo:hover{ border-color: var(--hc-d-moh); }
.hc-promo em{ margin-left: auto; font-style: normal; font-weight: bold; padding: 3px 14px; border-radius: 999px; background: #e8705f; color: #fff; }
.hc-promo em::after{ content: " \203A"; }
.hc-promo b{ color: var(--hc-c-moh); font-size: 1.05rem; letter-spacing: .06em; }
.hc-promo span{ color: #7a5a4a; }

/* 2026-10-22 home exam categories (4 columns: gr | ug | tr | intl+moh stacked); palette, card and news list are in home_theme.css */
#content .mform{ display:block; }
.hc{ color:var(--hc-fg); }
.hc ul{ display:block; margin:0; padding:0; list-style:none; }
.hc li{ float:none; }


.hc-grid{
	display:grid; gap:20px; align-items:stretch; margin-top:20px;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	grid-template-areas:"gr ug tr intl" "gr ug tr moh"; grid-template-rows:auto 1fr;
}
.hc-cat.k-intl{ grid-area:intl; } .hc-cat.k-ug{ grid-area:ug; } .hc-cat.k-tr{ grid-area:tr; } .hc-cat.k-gr{ grid-area:gr; } .hc-cat.k-moh{ grid-area:moh; }
.hc-cat ul{ padding:0 18px 6px 18px; }
.hc-cat h4{ margin:16px 18px 2px 18px; font-size:.95rem; font-weight:bold; letter-spacing:.1em; color:var(--c); }
.hc-cat > ul:nth-child(2){ padding-top:6px; }
.hc-cat li a{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:10px; row-gap:3px; padding:11px 6px; border-top:1px solid #edf2f7; color:var(--hc-fg); text-decoration:none; transition:background .15s; }
.hc-cat li:first-child a{ border-top:0; }
.hc-cat li a span{ min-width:0; }
.hc-cat li a em{ flex:none; font-style:normal; font-size:1.3rem; line-height:1; color:#b7c4d3; transition:color .15s, transform .15s; }
.hc-cat li a em::after{ content:"\203A"; }
.hc-cat li a:hover, .hc-cat li a:focus-visible{ background:var(--t); border-radius:6px; outline:none; }
.hc-cat li a:hover em, .hc-cat li a:focus-visible em{ color:var(--c); transform:translateX(3px); }

@media (max-width: 900px){
	.hc-grid{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"gr" "ug" "tr" "intl" "moh"; }
}
@media (prefers-reduced-motion: reduce){
	.hc-cat li a{ transition:none; }
}

/* 2026-10-22 exam registration status badge + "applied" mark (logged in) */
.hc-name{ flex:1; min-width:0; }
.hc-cat .hc-name{ color:#0a1626; font-size:1.1rem; font-weight:bold; }
.hc-name small{ display:block; font-size:.8rem; color:var(--hc-muted); }
.hc-cat .hc-sts{ grid-column:1; display:flex; flex-wrap:wrap; gap:4px; }
.hc-cat li a em{ grid-column:2; grid-row:1 / span 2; }

/* 2026-10-23 category filter (multi-select): show only the chosen categories (js/index_home.js) */
.hc-filter{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.hc-filter button{ font:inherit; font-size:.95rem; font-weight:bold; padding:6px 18px; border-radius:999px; border:1px solid var(--hc-line); background:var(--hc-surface); color:var(--c, var(--hc-brand)); cursor:pointer; }
.hc-filter button:hover{ border-color:var(--c, var(--hc-brand)); }
.hc-filter button[aria-pressed="true"]{ background:var(--c, var(--hc-brand)); border-color:var(--c, var(--hc-brand)); color:#fff; }
.hc-filter button:focus-visible{ outline:2px solid var(--c, var(--hc-brand)); outline-offset:2px; }
.hc-filter + .hc-grid{ margin-top:14px; }
.hc-grid[data-f]{ grid-template-columns:minmax(0, 1fr); grid-template-areas:none; grid-template-rows:auto; }
.hc-grid[data-f] .hc-cat{ grid-area:auto; }
.hc-grid[data-f="2"]{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
.hc-grid[data-f="3"]{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
.hc-grid[data-f="1"] .hc-cat ul{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:28px; }
.hc-grid[data-f="1"] .hc-cat li:nth-child(2) a{ border-top:0; }
@media (max-width: 900px){
	.hc-grid[data-f]{ grid-template-columns:minmax(0, 1fr); }
	.hc-grid[data-f="1"] .hc-cat ul{ grid-template-columns:minmax(0, 1fr); }
	.hc-grid[data-f="1"] .hc-cat li:nth-child(2) a{ border-top:1px solid #edf2f7; }
}

/* Category filter visibility */
.hc [hidden]{ display:none !important; }