/* Integration of the approved frontend with live Django data and forms. */
.icp-footer { position:relative; z-index:5; width:100%; padding:10px 20px 18px; text-align:center; color:var(--muted); font-size:12px; line-height:1.8; flex-shrink:0; }
.icp-footer a { color:inherit; text-decoration:none; display:inline-block; padding:4px 10px; }
.icp-footer a:hover { color:var(--teal); text-decoration:underline; }
.icp-footer a:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
.home-page { min-height:100svh; height:auto; overflow-y:auto; }
.home-page > .subpage-top-bar { display:none; }
.home-page .showcase { min-height:660px; height:calc(100svh - 93px); }
.home-page .showcase-footer { position:relative; bottom:auto; }
.home-page .icp-footer { padding-top:2px; padding-bottom:10px; }
.showcase-nav-dock .account-action, .subpage-nav-dock .account-action { display:inline-flex; margin:0; }
.subpage-nav-dock .header-account-status { font-size:11px; white-space:nowrap; }
.poker-card-visual img { max-width:100%; object-fit:contain; }
.release-catalog-search { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:20px 0; }
.release-catalog-search input { border:1px solid var(--line); background:var(--paper); padding:10px 12px; color:var(--ink); }
.release-catalog-search button { padding:10px 18px; }
.ce-stack-card { min-width:150px; padding:12px; }
.ce-stack-card .tech-icon { max-width:48px; }
.article-body section { margin-block:24px; }
.compass-card:not([href]) { pointer-events:none; opacity:.55; }
@media(max-width:680px) {
  .icp-footer { padding-bottom:18px; font-size:12px; }
  .home-page .showcase { min-height:650px; height:calc(100svh - 116px); }
  .subpage-top-bar { flex-wrap:wrap; }
}

html.showcase-enhanced body.home-showcase { height:100svh; min-height:740px; }
html.showcase-enhanced .home-showcase .showcase { height:auto; min-height:0; }
.showcase-nav-dock .header-account,.subpage-nav-dock .header-account { display:inline-flex; flex-shrink:0; align-items:center; gap:8px; }
.release-principles { padding-block:24px; color:var(--muted); font-size:13px; }
@media(max-width:680px) { html.showcase-enhanced body.home-showcase { height:auto; min-height:100svh; } }