:root{--brand:#17345f;--accent:#0b74b8;--ink:#152033;--muted:#667085;--line:#dce3ec;--surface:#fff;--page:#f4f7fb;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink)}a{color:var(--accent)}img{max-width:100%}.site-shell{width:min(1180px,calc(100% - 32px));margin:28px auto 48px}.site-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.card+.card{margin-top:18px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.76rem;font-weight:700}.lead{font-size:1.08rem;color:var(--muted);max-width:760px}.button,.meridian-menu-link{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:600;cursor:pointer}.button{background:var(--accent);color:#fff}.button.secondary{background:#e9eef6;color:var(--ink)}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf2f7;font-size:.82rem}.success-banner{margin:0 auto 18px;width:min(1180px,calc(100% - 32px));background:#ebf8ef;border:1px solid #b9e4c4;color:#175c2c;border-radius:12px;padding:12px 16px}.site-header{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700}.site-brand img{height:34px;width:auto}.status-page{width:min(720px,calc(100% - 32px));margin:12vh auto}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.details div{padding:12px;border:1px solid var(--line);border-radius:10px}.details dt{color:var(--muted);font-size:.78rem}.details dd{margin:5px 0 0;word-break:break-word}.meridian-alert{margin:0;padding:12px 18px;border-bottom:1px solid rgba(0,0,0,.10);display:flex;gap:12px;align-items:flex-start}.meridian-alert strong{display:block}.meridian-alert p{margin:2px 0 0}.meridian-alert-close{margin-left:auto;background:transparent;border:0;color:inherit;font-size:20px;cursor:pointer}.meridian-alert-info,.meridian-alert-note{background:#eef5ff;color:#17345f}.meridian-alert-success{background:#edf9f0;color:#18572d}.meridian-alert-warning{background:#fff8df;color:#674d00}.meridian-alert-danger{background:#fff0f0;color:#762323}.meridian-topnav{background:#fff;border-bottom:1px solid var(--line)}.meridian-topnav-inner{min-height:62px;width:min(1180px,calc(100% - 32px));margin:auto;display:flex;align-items:center;gap:18px}.meridian-topnav-brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:700;margin-right:auto}.meridian-topnav-brand img{height:34px}.meridian-topnav-links{display:flex;align-items:center;gap:5px}.meridian-topnav-link{color:var(--ink);background:transparent;padding:9px 11px}.meridian-topnav-item{position:relative}.meridian-topnav-dropdown{display:none;position:absolute;right:0;top:100%;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 14px 40px rgba(15,23,42,.12);z-index:50}.meridian-topnav-has-dropdown:hover .meridian-topnav-dropdown,.meridian-topnav-has-dropdown:focus-within .meridian-topnav-dropdown{display:grid}.meridian-topnav-dropdown-link{color:var(--ink);background:transparent}.meridian-topnav-toggle-input,.meridian-topnav-toggle{display:none}.meridian-minimenu{background:#172033;padding:7px 16px}.meridian-minimenu-section{width:min(1180px,100%);margin:auto;display:flex;gap:7px;flex-wrap:wrap}.meridian-minimenu .meridian-menu-link{color:#fff;background:rgba(255,255,255,.08);padding:7px 10px}.meridian-mainmenu{background:var(--brand);color:#fff;border-bottom:1px solid rgba(0,0,0,.12)}
.meridian-mainmenu-inner{width:min(1180px,100%);margin:auto;display:flex;align-items:stretch;min-height:44px}
.meridian-mainmenu-brand{display:flex;align-items:center;gap:8px;padding:6px 12px;color:inherit;text-decoration:none;font-weight:700;flex:0 0 auto}
.meridian-mainmenu-brand img{height:30px;width:auto;display:block}
.meridian-mainmenu-links{display:flex;align-items:stretch;min-width:0;flex:1}
.meridian-mainmenu-item{position:relative;display:flex;align-items:stretch}
.meridian-mainmenu-link{border-radius:0;padding:0 13px;min-height:44px;color:inherit;background:transparent;white-space:nowrap;font-size:.86rem;font-weight:700}
.meridian-mainmenu-link:hover,.meridian-mainmenu-link:focus-visible{background:var(--accent);color:#fff}
.meridian-mainmenu-dropdown{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;padding:6px;box-shadow:0 14px 40px rgba(15,23,42,.16);z-index:70}
.meridian-mainmenu-has-dropdown:hover .meridian-mainmenu-dropdown,.meridian-mainmenu-has-dropdown:focus-within .meridian-mainmenu-dropdown{display:grid}
.meridian-mainmenu-dropdown-link{color:var(--ink);background:transparent;border-radius:7px;padding:8px 10px}
.meridian-mainmenu-dropdown-link:hover,.meridian-mainmenu-dropdown-link:focus-visible{background:#eef3f9;color:var(--ink)}
.meridian-sidemenu{display:grid;gap:12px}
.meridian-sidemenu-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.meridian-sidemenu-title,.meridian-sidemenu-section-title{margin-top:0}
.meridian-sidemenu-grid{display:grid;gap:7px}
.meridian-sidemenu .meridian-menu-link{background:#eef3f9;color:var(--ink)}.meridian-footermenu{margin-top:40px;background:#101827;color:#fff;padding:28px 16px}.meridian-footermenu-block{width:min(1180px,100%);margin:auto}.meridian-footermenu-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.meridian-footermenu h3{color:#fff}.meridian-footermenu ul{list-style:none;padding:0}.meridian-footermenu .meridian-menu-link{color:#fff;padding:5px 0}.meridian-menu-button{font:inherit}.meridian-menu-icon{display:inline-flex}.integration-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.integration-item{border:1px solid var(--line);border-radius:12px;padding:12px}.integration-item strong{display:block}.integration-item small{color:var(--muted)}code{font-size:.88em;background:#eef2f7;border-radius:6px;padding:2px 5px}@media(max-width:820px){.site-grid{grid-template-columns:1fr}.details{grid-template-columns:1fr}.meridian-mainmenu-inner{overflow-x:auto;scrollbar-width:thin}.meridian-mainmenu-links{width:max-content;flex:0 0 auto}.meridian-mainmenu-brand{position:sticky;left:0;background:var(--brand);z-index:3}.meridian-mainmenu-dropdown{position:fixed;left:16px;right:16px;top:auto}.meridian-topnav-links{display:none}.meridian-topnav-toggle{display:flex}.meridian-topnav-toggle-input:checked~.meridian-topnav-links{display:flex;position:absolute;left:16px;right:16px;top:62px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;flex-direction:column;align-items:stretch;z-index:60}.meridian-topnav-inner{position:relative}}

/* --------------------------------------------------------------------------
   PJMUK Website Setup v2.0.5 — MainMenu / SideMenu presentation
   -------------------------------------------------------------------------- */

/* MainMenu is an in-page tile/grid menu, not a horizontal navigation bar. */
.meridian-mainmenu{
    margin:18px auto 22px;
    background:transparent;
    color:var(--ink);
    border:0;
}
.meridian-mainmenu-block{
    width:100%;
    margin:0 auto;
}
.meridian-mainmenu-title{
    margin:0 0 14px;
    font-size:1.25rem;
}
.meridian-mainmenu-section + .meridian-mainmenu-section{
    margin-top:24px;
    padding-top:18px;
    border-top:1px solid var(--line);
}
.meridian-mainmenu-section-title{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 12px;
    padding-left:10px;
    border-left:3px solid var(--accent);
    font-size:1.08rem;
    line-height:1.3;
}
.meridian-mainmenu-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
}
.meridian-mainmenu-tile-wrap{
    position:relative;
    min-width:0;
}
.meridian-mainmenu-tile{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    min-height:180px;
    padding:0;
    overflow:hidden;
    border-radius:12px;
    background:var(--meridian-mainmenu-tile-bg,#929292);
    color:var(--meridian-mainmenu-tile-fg,#fff);
    box-shadow:0 5px 14px rgba(15,23,42,.12);
    transition:transform .15s ease,box-shadow .15s ease;
}
.meridian-mainmenu-tile:hover,
.meridian-mainmenu-tile:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(15,23,42,.17);
    color:var(--meridian-mainmenu-tile-fg,#fff);
}
.meridian-mainmenu-tile-visual{
    display:grid;
    flex:1 1 auto;
    min-height:132px;
    place-items:center;
    text-align:center;
    padding:18px;
    background:var(--meridian-mainmenu-tile-bg,#929292);
    color:var(--meridian-mainmenu-icon,var(--meridian-mainmenu-tile-fg,#fff));
    transition:background .15s ease,color .15s ease;
}
.meridian-mainmenu-tile:hover .meridian-mainmenu-tile-visual,
.meridian-mainmenu-tile:focus-visible .meridian-mainmenu-tile-visual{
    background:var(--meridian-mainmenu-hover-bg,var(--meridian-mainmenu-tile-bg,#929292));
    color:var(--meridian-mainmenu-hover-fg,var(--meridian-mainmenu-tile-fg,#fff));
}
.meridian-mainmenu-tile-visual .meridian-menu-icon-text,
.meridian-mainmenu-tile-title{
    font-size:3rem;
    line-height:1;
    font-weight:700;
    letter-spacing:-.035em;
    text-align:center;
}
.meridian-mainmenu-tile-visual .meridian-menu-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    margin:auto;
    text-align:center;
}
.meridian-mainmenu-tile-visual .meridian-menu-icon-text{
    display:block;
    width:100%;
    font-weight:700;
    text-align:center;
}
.meridian-mainmenu-tile-visual .meridian-menu-icon-fa{
    font-size:2.75rem;
}
.meridian-mainmenu-tile-caption{
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:10px 12px;
    background:var(--meridian-mainmenu-caption-bg,var(--accent));
    color:var(--meridian-mainmenu-caption-fg,#fff);
    font-weight:700;
    text-align:center;
}
.meridian-mainmenu-tile-children{
    display:none;
    position:absolute;
    z-index:70;
    top:calc(100% + 6px);
    left:0;
    right:0;
    gap:4px;
    padding:7px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    box-shadow:0 14px 34px rgba(15,23,42,.16);
}
.meridian-mainmenu-tile-has-children:hover .meridian-mainmenu-tile-children,
.meridian-mainmenu-tile-has-children:focus-within .meridian-mainmenu-tile-children{
    display:grid;
}
.meridian-mainmenu-child-link{
    display:flex;
    width:100%;
    padding:8px 10px;
    background:#eef3f9;
    color:var(--ink);
}

/* SideMenu is always a vertical list in the aside column. */
.meridian-sidemenu{
    display:grid;
    gap:12px;
}
.meridian-sidemenu-block{
    width:100%;
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:16px;
}
.meridian-sidemenu-section + .meridian-sidemenu-section{
    margin-top:16px;
}
.meridian-sidemenu-title,
.meridian-sidemenu-section-title{
    margin-top:0;
}
.meridian-sidemenu-section-title{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;
}
.meridian-sidemenu-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:7px;
    width:100%;
}
.meridian-sidemenu-link{
    display:flex !important;
    width:100% !important;
    justify-content:flex-start;
    padding:9px 11px;
    background:#eef3f9;
    color:var(--ink);
    border-radius:9px;
}
.meridian-sidemenu-link .meridian-menu-label{
    min-width:0;
}

.menu-demo-note{
    margin:0 0 18px;
    color:var(--muted);
}
.menu-demo-panel{
    margin-top:18px;
}

@media(max-width:1050px){
    .meridian-mainmenu-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:820px){
    .meridian-mainmenu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
    .meridian-mainmenu-tile{min-height:150px;}
    .meridian-mainmenu-tile-visual{min-height:105px;}
    .meridian-mainmenu-tile-visual .meridian-menu-icon-text,
    .meridian-mainmenu-tile-title{font-size:2.35rem;}
}
/* --------------------------------------------------------------------------
   PJMUK Website Setup v2.0.7 — MainMenu-only sizes, centred tiles and responsive menus
   -------------------------------------------------------------------------- */
.meridian-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.meridian-mainmenu-tile-visual .meridian-menu-icon-fa{font-size:var(--meridian-menu-fa-size,2.75rem)}
.meridian-mainmenu-tile-visual .meridian-menu-icon-text,.meridian-mainmenu-tile-title{font-size:var(--meridian-menu-text-size,3rem)}

/* MainMenu: 4 desktop, 3 tablet, 2 mobile. */
.meridian-mainmenu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.meridian-mainmenu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
    .meridian-mainmenu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .meridian-mainmenu-tile{min-height:142px}
    .meridian-mainmenu-tile-visual{min-height:98px;padding:12px}
    .meridian-mainmenu-tile-caption{min-height:44px;padding:8px 9px;font-size:.9rem}
}
@media(max-width:420px){
    .meridian-mainmenu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .meridian-mainmenu-tile-visual .meridian-menu-icon-fa{font-size:var(--meridian-menu-fa-size,2rem)}
    .meridian-mainmenu-tile-visual .meridian-menu-icon-text,.meridian-mainmenu-tile-title{font-size:var(--meridian-menu-text-size,2rem)}
    .meridian-mainmenu-tile-caption{font-size:.82rem}
}

/* Mobile trigger presentation shared by TopNav and MiniMenu. */
.meridian-burger-lines{display:inline-flex;flex-direction:column;gap:4px;width:21px}
.meridian-burger-lines>span{display:block;height:2px;width:100%;border-radius:999px;background:currentColor}
.meridian-topnav-toggle,.meridian-minimenu-toggle{align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;padding:8px 10px;font:inherit;font-weight:700;cursor:pointer}
.meridian-topnav-toggle{margin-left:auto;color:var(--ink);background:#eef3f9}
.meridian-minimenu-inner{width:min(1180px,100%);margin:auto;position:relative}
.meridian-minimenu-links{display:block}
.meridian-minimenu-section{justify-content:center}
.meridian-minimenu-toggle-input,.meridian-minimenu-toggle{display:none}
.meridian-minimenu-toggle{margin:0 auto;color:#fff;background:rgba(255,255,255,.10)}

@media(max-width:820px){
    .meridian-topnav-inner{position:relative}
    .meridian-topnav-toggle{display:inline-flex}
    .meridian-topnav-links{display:none}
    .meridian-topnav-toggle-input:checked~.meridian-topnav-links{display:flex;position:absolute;left:auto;right:0;top:calc(100% + 1px);width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;flex-direction:column;align-items:stretch;z-index:60;box-shadow:0 14px 35px rgba(15,23,42,.15)}
    .meridian-topnav-item,.meridian-topnav-link{width:100%}
    .meridian-topnav-dropdown{position:static;display:none;box-shadow:none;border:0;padding:5px 0 0 12px}
    .meridian-topnav-has-dropdown:hover .meridian-topnav-dropdown,.meridian-topnav-has-dropdown:focus-within .meridian-topnav-dropdown{display:grid}

    .meridian-minimenu-toggle{display:flex;width:max-content}
    .meridian-minimenu-links{display:none;padding-top:7px}
    .meridian-minimenu-toggle-input:checked~.meridian-minimenu-links{display:block}
    .meridian-minimenu-section{flex-direction:column;align-items:center;flex-wrap:nowrap}
    .meridian-minimenu .meridian-menu-link{justify-content:center;width:min(320px,100%)}
}

/* Collapse automatically when the actual menu contents no longer fit one line. */
.meridian-minimenu-section{flex-wrap:nowrap}
.meridian-topnav.meridian-responsive-collapse .meridian-topnav-toggle{display:inline-flex}
.meridian-topnav.meridian-responsive-collapse .meridian-topnav-links{display:none}
.meridian-topnav.meridian-responsive-collapse .meridian-topnav-toggle-input:checked~.meridian-topnav-links{display:flex;position:absolute;left:auto;right:0;top:calc(100% + 1px);width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;flex-direction:column;align-items:stretch;z-index:60;box-shadow:0 14px 35px rgba(15,23,42,.15)}
.meridian-topnav.meridian-responsive-collapse .meridian-topnav-item,.meridian-topnav.meridian-responsive-collapse .meridian-topnav-link{width:100%}
.meridian-topnav.meridian-responsive-collapse .meridian-topnav-dropdown{position:static;box-shadow:none;border:0;padding:5px 0 0 12px}

.meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-toggle{display:flex;width:max-content}
.meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-links{display:none;padding-top:7px}
.meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-toggle-input:checked~.meridian-minimenu-links{display:block}
.meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-section{flex-direction:column;align-items:center;flex-wrap:nowrap}
.meridian-minimenu.meridian-responsive-collapse .meridian-menu-link{justify-content:center;width:min(320px,100%)}

/* --------------------------------------------------------------------------
   PJMUK Website Setup v2.0.8 — menu polish and stronger alerts
   -------------------------------------------------------------------------- */

/* MainMenu icon/text sizing belongs only to the tile visual. */
.meridian-mainmenu-tile-visual{
    display:grid;
    place-items:center;
    align-content:center;
    justify-content:center;
}
.meridian-mainmenu-tile-visual > .meridian-menu-icon{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    line-height:1;
}
.meridian-mainmenu-tile-visual .meridian-menu-icon-fa,
.meridian-mainmenu-tile-visual .meridian-menu-icon-fa > i,
.meridian-mainmenu-tile-visual .meridian-menu-icon-text,
.meridian-mainmenu-tile-title{
    margin:0;
    line-height:1;
    text-align:center;
}
.meridian-mainmenu-tile-visual .meridian-menu-icon-fa > i{
    display:block;
}
.meridian-mainmenu-tile-visual .meridian-menu-icon-text,
.meridian-mainmenu-tile-title{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    font-weight:700;
}

/* Other menu positions keep their normal icon scale. Text Icon is MainMenu-only. */
.meridian-topnav .meridian-menu-icon-fa,
.meridian-minimenu .meridian-menu-icon-fa,
.meridian-sidemenu .meridian-menu-icon-fa,
.meridian-footermenu .meridian-menu-icon-fa{
    font-size:1em !important;
    line-height:1;
}
.meridian-topnav .meridian-menu-icon-text,
.meridian-minimenu .meridian-menu-icon-text,
.meridian-sidemenu .meridian-menu-icon-text,
.meridian-footermenu .meridian-menu-icon-text{
    display:none !important;
}

/* MiniMenu sections are logical groups only; their items share one visual row. */
.meridian-minimenu-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    width:100%;
    flex-wrap:nowrap;
    white-space:nowrap;
}
.meridian-minimenu-section{
    display:contents;
}
.meridian-minimenu .meridian-menu-link{
    flex:0 0 auto;
    margin:0;
    padding:8px 12px;
}

@media(max-width:820px){
    .meridian-minimenu-toggle-input:checked~.meridian-minimenu-links,
    .meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-toggle-input:checked~.meridian-minimenu-links{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:8px;
        white-space:normal;
    }
    .meridian-minimenu .meridian-menu-link,
    .meridian-minimenu.meridian-responsive-collapse .meridian-menu-link{
        width:min(320px,100%);
        justify-content:center;
    }
}

/* Alert banners are intentionally stronger so operational notices are hard to miss. */
.meridian-alert{
    border-bottom:0;
    border-left:5px solid currentColor;
    padding:14px 18px;
    box-shadow:0 2px 10px rgba(15,23,42,.08);
}
.meridian-alert-info,.meridian-alert-note{background:#bfdbfe;color:#173f73}
.meridian-alert-success{background:#bbf7d0;color:#14532d}
.meridian-alert-warning{background:#fde68a;color:#713f12}
.meridian-alert-danger{background:#fecaca;color:#7f1d1d}
.meridian-alert a{color:inherit;font-weight:700;text-decoration:underline}


/* Keep responsive MiniMenu collapse authoritative after the v2.0.8 row-flow overrides. */
.meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-links{display:none}
.meridian-minimenu.meridian-responsive-collapse .meridian-minimenu-toggle-input:checked~.meridian-minimenu-links{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    white-space:normal;
}
@media(max-width:820px){
    .meridian-minimenu-links{display:none}
    .meridian-minimenu-toggle-input:checked~.meridian-minimenu-links{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:8px;
        white-space:normal;
    }
}