/* Phase 43: modern public design, isolated from the administrator interface */
:root{--su-ink:#102c42;--su-muted:#60778a;--su-gold:#e7af42;--su-radius:18px}
.su-public-page{background:#f4f7fa;color:var(--su-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}
.su-public-page .wrap{width:min(1320px,calc(100% - 48px))}
.su-public-page .top{background:#082b43;padding:6px 0;font-size:12px;letter-spacing:.02em}
.su-public-page .top-inner{display:flex;justify-content:space-between;gap:15px}
.su-public-page .nav{box-shadow:0 4px 24px rgba(6,39,61,.07);border-bottom:1px solid #e8edf1}
.su-public-page .nav .wrap{padding:13px 0;gap:22px}
.su-public-page .brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-size:19px;line-height:1.2;letter-spacing:-.025em}
.su-public-page .brand img{width:58px;height:58px;object-fit:contain;flex-shrink:0}
.su-public-page .brand small{display:block;font-size:10px;font-weight:500;letter-spacing:0;color:#708497;margin-top:5px}
.su-public-page .nav nav{display:flex;align-items:center;gap:6px}
.su-public-page .nav nav>a,.su-public-page .nav summary{padding:12px 10px;font-size:13px;font-weight:700;border-radius:9px;white-space:nowrap;color:#15374d;cursor:pointer}
.su-public-page .nav nav>a:hover,.su-public-page .nav summary:hover{background:#eff5f8;color:#006a88}
.su-public-page .language-switch{display:flex;align-items:center;gap:8px;font-size:12px}
.su-public-page .language-switch select{border:1px solid #dce6ec;border-radius:9px;padding:9px;background:white;max-width:120px}
.su-public-page .hero{background:linear-gradient(135deg,#07344e,#0b5065);padding:0}
.su-public-page .hero>.wrap{padding:26px 0 55px}
.su-public-page .slide-deck{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 20px 50px rgba(1,25,42,.2)}
.su-public-page .hero-slide{min-height:clamp(430px,44vw,610px);padding:clamp(28px,6vw,80px);border-radius:0;background-size:cover;background-position:center;position:relative}
.su-public-page .hero-copy{position:relative;z-index:1;max-width:720px}
.su-public-page .hero h1{font-size:clamp(35px,4.8vw,66px);font-weight:850;line-height:1.1;letter-spacing:-.045em;margin:18px 0 22px;text-wrap:balance}
.su-public-page .hero p{font-size:clamp(15px,1.6vw,20px);line-height:1.75;max-width:590px;color:#f0f5f9}
.su-public-page .tag{font-size:12px;letter-spacing:.03em;font-weight:700;padding:6px 12px;background:#e4f1f5;color:#165069}
.su-public-page .hero .tag{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.24)}
.su-public-page .btn{background:var(--su-gold);border-radius:10px;padding:13px 22px;transition:transform .2s,filter .2s;box-shadow:0 5px 12px rgba(0,0,0,.08)}
.su-public-page .btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.su-public-page .quick-access{position:relative;z-index:2;margin-top:-34px;background:transparent}
.su-public-page .quick-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.su-public-page .quick-access-grid a{display:flex;align-items:center;gap:14px;background:white;border:1px solid #e8edf2;border-bottom:3px solid var(--su-gold);border-radius:15px;padding:24px 20px;min-height:92px;box-shadow:0 9px 24px rgba(17,51,76,.07);transition:transform .2s,box-shadow .2s}
.su-public-page .quick-access-grid a:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(17,51,76,.12)}
.su-public-page .section{padding:76px 0}
.su-public-page .section-head{margin-bottom:26px;align-items:end}
.su-public-page .section-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.2;letter-spacing:-.035em;margin:0}
.su-public-page .section-head p{color:var(--su-muted);max-width:720px}
.su-public-page .section-head>a{font-size:14px;font-weight:750;color:#0c6883}
.su-public-page .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.su-public-page .card{padding:26px;border:1px solid #e7edf2;border-radius:18px;box-shadow:0 8px 28px rgba(11,48,72,.045);overflow:hidden;transition:transform .2s,box-shadow .2s}
.su-public-page .card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(11,48,72,.09)}
.su-public-page .card h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:12px 0}
.su-public-page .card p{color:var(--su-muted);font-size:14px}
.su-public-page .card .thumb{width:calc(100% + 52px);max-width:none;height:220px;object-fit:cover;border-radius:0;margin:-26px -26px 20px}
.su-public-page .su-cta{border-radius:24px;background:linear-gradient(120deg,#073651,#0c6679);color:white;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.su-public-page .su-cta p{color:#d5e7ed}
.su-public-page .footer{background:#082b43;padding:55px 0 30px;margin-top:65px;color:#d9e8f1}
.su-public-page .footer a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.su-public-page :focus-visible{outline:3px solid #e7af42;outline-offset:3px}
@media(max-width:1100px){.su-public-page .nav .wrap{gap:12px}.su-public-page .nav nav>a,.su-public-page .nav summary{font-size:12px;padding:9px 6px}.su-public-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.su-public-page .wrap{width:min(100% - 30px,1320px)}.su-public-page .top{display:none}.su-public-page .nav .wrap{padding:10px 0}.su-public-page .brand{font-size:16px}.su-public-page .brand img{width:44px;height:44px}.su-public-page .hero>.wrap{padding:14px 0 45px}.su-public-page .hero-slide{min-height:430px;padding:30px 23px;background-position:center}.su-public-page .hero h1{font-size:clamp(30px,8vw,45px)}.su-public-page .quick-access{margin-top:-20px}.su-public-page .quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.su-public-page .quick-access-grid a{padding:16px 12px;font-size:13px;min-height:76px}.su-public-page .section{padding:46px 0}.su-public-page .grid{grid-template-columns:1fr}.su-public-page .su-cta{padding:28px;display:block}.su-public-page .nav nav{align-items:stretch}.su-public-page .language-switch{margin-left:auto}}
@media(max-width:420px){.su-public-page .quick-access-grid{grid-template-columns:1fr 1fr}.su-public-page .quick-access-grid a{font-size:12px;gap:7px}.su-public-page .hero-slide{min-height:390px}}
@media(prefers-reduced-motion:reduce){.su-public-page *{scroll-behavior:auto!important;transition:none!important}}