/* inext.php only (2026-10-23): exam corner page, same look as index.php (base: index.css + home_theme.css).
   Left: exam card (online application buttons + documents); right: promo images (home_promo.inc) + this exam's latest news. */
#content > .container{ padding-top: 16px; }
.nx-wrap{ display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 20px; align-items: start; }	/* each column keeps its own height */
.nx-wrap ul{ display: block; margin: 0; padding: 0; list-style: none; }
.nx-wrap li{ float: none; }
.nx .hc-head h3{ font-size: 1.35rem; }
.nx-cat{ flex: none; font-size: .85rem; font-weight: bold; padding: 2px 12px; border-radius: 999px; color: #fff; background: var(--c); }

/* online application: big buttons */
.nx-ctas{ display: grid; gap: 10px; padding: 18px 18px 6px; }
.nx-cta{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; row-gap: 6px; padding: 16px 18px; border-radius: 12px; background: var(--t); border: 1px solid var(--d); box-shadow: inset 5px 0 0 var(--c); color: var(--c); text-decoration: none; transition: background .15s, box-shadow .15s; }
.nx-cta-name{ font-size: 1.2rem; font-weight: bold; }
.nx-cta .hc-sts{ grid-column: 1; }
.nx-cta em{ grid-column: 2; grid-row: 1 / span 3; font-style: normal; font-size: 1.6rem; line-height: 1; transition: transform .15s; }
.nx-cta em::after{ content: "\203A"; }
.nx-cta:hover, .nx-cta:focus-visible{ background: var(--hc-surface); box-shadow: inset 5px 0 0 var(--c), 0 2px 10px rgba(3,73,167,.12); outline: none; }
.nx-cta:hover em, .nx-cta:focus-visible em{ transform: translateX(3px); }

/* documents / query / will */
.nx h4{ margin: 16px 18px 2px; font-size: .95rem; font-weight: bold; letter-spacing: .1em; color: var(--c); }
.nx-docs{ padding: 0 18px 10px !important; }
.nx-docs a{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; row-gap: 3px; padding: 12px 6px; border-top: 1px solid #edf2f7; color: #0a1626; text-decoration: none; transition: background .15s; }
.nx-docs li:first-child a{ border-top: 0; }
.nx-name{ font-size: 1.05rem; font-weight: bold; }
.nx-docs .hc-sts{ grid-column: 1; }
.nx-docs em{ grid-column: 2; grid-row: 1 / span 3; font-style: normal; font-size: 1.3rem; line-height: 1; color: #b7c4d3; transition: color .15s, transform .15s; }
.nx-docs em::after{ content: "\203A"; }
.nx-docs a:hover, .nx-docs a:focus-visible{ background: var(--t); border-radius: 6px; outline: none; }
.nx-docs a:hover em, .nx-docs a:focus-visible em{ color: var(--c); transform: translateX(3px); }

/* right column: news (+ the promo image when there is only one) */
.nx-side{ display: flex; flex-direction: column; gap: 20px; min-width: 0; }
/* promo images: 2 or more sit below both columns (2 halves, 3+ three per row) */
.nx-promo{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; margin-top: 20px; }
.nx-promo[data-n="2"]{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
/* one image: right column under the news; the two columns keep the same height */
.nx-side .nx-promo{ grid-template-columns: minmax(0, 1fr); margin-top: 0; }
.nx-promo img{ display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--hc-line); box-shadow: 0 2px 10px rgba(3,73,167,.06); }
.nx-promo a:hover img{ box-shadow: 0 4px 14px rgba(3,73,167,.18); }
.nx-side .hn{ margin-top: 0; }
.nx-news-row{ display: grid; gap: 2px; padding: 11px 18px; border-top: 1px solid var(--hc-line); }
.nx-news-row:first-child{ border-top: 0; }
.nx-news-none{ padding: 16px 18px; color: var(--hc-muted); }

/* opened without ppno: show the hint card only */
/* #content > .container prefix: index.css resets padding of #content > .container > div */
#content > .container > .hintcard{ max-width: 560px; margin: 40px auto 60px; padding: 40px 32px; background: var(--hc-surface); border: 1px solid var(--hc-line); border-radius: 14px; box-shadow: 0 2px 10px rgba(3,73,167,.06); text-align: center; }
.hintcard::before{ content: "!"; display: block; width: 56px; height: 56px; line-height: 56px; margin: 0 auto 20px; border-radius: 50%; background: var(--hc-brand); color: #fff; font-size: 32px; font-weight: bold; }
.hintcard p{ margin: 0; font-size: 1.1rem; line-height: 1.6; color: var(--hc-fg); }

@media (max-width: 900px){
	.nx-wrap{ grid-template-columns: minmax(0, 1fr); }
	.nx-promo, .nx-promo[data-n="2"]{ grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce){
	.nx-cta, .nx-cta em, .nx-docs a, .nx-docs em{ transition: none; }
}

/* no open items */
.nx-none{ margin: 0; padding: 22px 18px; color: var(--hc-muted); }

/* integrated query page (xxxm000a.php): features it contains, listed under the name */
.nx-sub{ grid-column: 1; font-size: .88rem; color: var(--hc-muted); }
.nx-cta .nx-sub{ color: var(--c); opacity: .85; }



/* promo image failed to load (js/inext.js): show a message instead of a broken image */
.nx-promo-err{ display: grid; gap: 4px; padding: 22px 18px; border: 1px dashed #f2a08f; border-radius: 12px; background: #fdebe7; color: #962f1c; text-align: center; }
.nx-promo-err span{ font-size: .88rem; color: var(--hc-muted); }

/* click a promo image to see it enlarged (js/inext.js, <dialog>) */
.nx-zoomable img{ cursor: zoom-in; }
.nx-zoom{ width: min(960px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 14px; background: var(--hc-surface); box-shadow: 0 10px 40px rgba(3,30,70,.35); overflow: auto; }
.nx-zoom::backdrop{ background: rgba(10,22,38,.72); }
.nx-zoom img{ display: block; width: 100%; height: auto; }
.nx-zoom-bar{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--hc-line); }
.nx-zoom-more{ margin-right: auto; padding: 6px 18px; border-radius: 999px; background: var(--hc-brand); color: #fff; font-weight: bold; text-decoration: none; }
.nx-zoom-more:hover{ background: var(--hc-c-gr); }
.nx-zoom-more[hidden]{ display: none; }
.nx-zoom-close{ font: inherit; padding: 6px 18px; border: 1px solid #b6cde6; border-radius: 999px; background: #fff; color: var(--hc-brand); cursor: pointer; }
.nx-zoom-close:hover{ background: var(--hc-soft); }