/* SRFC Indonesia v0.1.1 — responsive visual identity / homepage. */
:root {
  --ink: #18191c; --muted: #666b73; --bg: #f8f8f8; --card: #ffffff;
  --line: #e7e7e7; --accent: #e60012; --accent2: #ad0011;
  --brand-red: #e60012; --brand-red-dark: #b60010;
  --brand-blue: #1b1c20; --brand-blue-soft: #f6f6f6;
  --srfc-red: #e60012; --srfc-dark: #111215; --srfc-light: #fff;
}
html{scroll-behavior:smooth}
body.site-body{background:#fff;color:#222;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.site-body .container{max-width:1408px;margin:0 auto;padding:45px 26px 78px}
.site-body.srfc-home-page .container{padding-top:26px}
.site-body .topbar{height:auto;min-height:78px;padding:0;border-bottom:1px solid #ececec;box-shadow:0 6px 24px rgba(0,0,0,.035);background:rgba(255,255,255,.98);z-index:90}
.site-body .topbar::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--srfc-red)}
.site-body .topbar-inner{max-width:1460px;min-height:78px;padding:0 24px;gap:26px}
.site-body .brand{min-width:0;max-width:none;flex:0 0 auto;gap:12px;overflow:visible}
.site-body .brand-logo{width:86px;height:54px;flex:0 0 86px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.07))}
.site-body .brand-copy{display:flex;flex-direction:column;gap:5px;overflow:visible;min-width:0}
.site-body .brand-copy strong{font-size:1.0rem;color:#17191d;letter-spacing:.07em;font-weight:950;white-space:nowrap}
.site-body .brand-copy small{font-size:.67rem;color:#666;letter-spacing:.005em;white-space:nowrap}
.site-body .main-nav{gap:3px}
.site-body .main-nav>a,.site-body .main-nav .linkbtn,.site-body .main-nav>details>summary{color:#222!important;font-size:.82rem;font-weight:750;padding:9px 10px;min-height:41px;border-radius:6px}
.site-body .main-nav>a:hover,.site-body .main-nav>details>summary:hover{color:var(--srfc-red)!important;background:#fff1f2}
.site-body .main-nav .nav-cta{background:var(--srfc-red)!important;color:#fff!important;padding:10px 17px!important;box-shadow:none;border:1px solid var(--srfc-red);border-radius:6px!important;font-weight:850}
.site-body .main-nav .nav-cta:hover{background:#b90012!important;color:#fff!important}
.site-body .account-dropdown[open] summary{color:var(--srfc-red)!important;background:#fff5f5!important}
.site-body .account-dropdown-menu{border-radius:8px}
.site-body .btn{border-radius:7px;box-shadow:none;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.site-body .btn:hover{transform:translateY(-2px)}
.site-body .btn.ghost{color:var(--srfc-red)!important;border-color:var(--srfc-red)}
.site-body .text-link{color:var(--srfc-red)}
.site-body .pagehead h1,.site-body .pagehead h2{color:#18191c}
.site-body .card,.site-body .authbox,.site-body .searchbar,.site-body .empty{border-color:#e7e7e7;box-shadow:0 12px 30px rgba(20,20,20,.035)}
/* HERO: integrated logo on the SAME dark field, no inset black rectangle */
.srfc-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#151619;min-height:560px;border-radius:4px;margin:0 0 0}
.srfc-hero__background{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 65% 100% at 84% 48%,rgba(75,22,28,.28),transparent 70%),linear-gradient(115deg,#101114 0%,#191b1f 56%,#262428 100%)}
.srfc-hero__background::before{content:"";position:absolute;right:14%;top:-150px;width:230px;height:900px;transform:rotate(27deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);border-left:1px solid rgba(255,255,255,.075);border-right:1px solid rgba(255,255,255,.035)}
.srfc-hero__background::after{content:"";position:absolute;right:-48px;top:0;bottom:0;width:15px;background:var(--srfc-red);transform:skewX(-23deg)}
.srfc-hero__layout{min-height:510px;padding:68px clamp(38px,6vw,96px) 35px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);align-items:center;gap:28px}
.srfc-hero__copy{position:relative;z-index:2;max-width:690px}
.srfc-hero__eyebrow{display:flex;align-items:center;gap:14px;font-size:.7rem;font-weight:950;letter-spacing:.21em;color:#ff6771;line-height:1.5}
.srfc-line{display:block;width:30px;height:3px;background:var(--srfc-red);flex:0 0 30px}
.srfc-hero h1{margin:22px 0 18px;font-family:Impact,'Arial Narrow','Arial Black',system-ui,sans-serif;font-size:clamp(3.5rem,5.8vw,6.35rem);font-stretch:condensed;font-weight:900;line-height:1.02;letter-spacing:-.015em;text-transform:uppercase;color:#fff}
.srfc-hero h1 span{display:block}
.srfc-hero__second-line{color:#fff}
.srfc-hero p{max-width:570px;margin:0;color:#d0d0d1;font-size:1.02rem;line-height:1.7;font-weight:430}
.srfc-hero__actions{margin-top:30px;gap:12px}
.site-body .srfc-btn-primary{display:inline-flex;align-items:center;gap:22px;min-height:50px;padding:14px 22px;background:var(--srfc-red)!important;border:1px solid var(--srfc-red)!important;color:#fff!important;font-weight:800;font-size:.84rem;letter-spacing:.01em;border-radius:5px}
.site-body .srfc-btn-primary:hover{background:#b90012!important;border-color:#b90012!important}
.site-body .srfc-btn-outline{display:inline-flex;align-items:center;gap:24px;min-height:50px;padding:14px 21px;background:transparent!important;border:1px solid rgba(255,255,255,.42)!important;color:#fff!important;border-radius:5px;font-size:.84rem;font-weight:750}
.site-body .srfc-btn-outline:hover{background:#fff!important;border-color:#fff!important;color:#17191b!important}
.srfc-hero__art{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}
.srfc-hero__art::before{content:"";position:absolute;z-index:-1;width:min(94%,510px);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(230,0,18,.14) 0%,rgba(230,0,18,.04) 40%,transparent 67%);pointer-events:none}
.srfc-hero__art img{position:relative;z-index:1;display:block;width:min(100%,520px);height:auto;max-height:365px;object-fit:contain;background:none!important;filter:drop-shadow(0 16px 32px rgba(0,0,0,.25))}
.srfc-hero__orbit{position:absolute;z-index:0;border:1px solid rgba(255,255,255,.065);width:min(94%,480px);aspect-ratio:1;transform:rotate(-22deg);pointer-events:none}
.srfc-hero__orbit--two{width:min(78%,385px);transform:rotate(28deg);border-color:rgba(255,255,255,.04)}
.srfc-hero__art-caption{font-size:.65rem;color:#c4c4c4;letter-spacing:.32em;font-weight:850;margin-top:2px;text-align:center}
.srfc-hero__bottom{min-height:54px;position:relative;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:0 clamp(38px,6vw,96px);border-top:1px solid rgba(255,255,255,.12);color:#c1c1c3;letter-spacing:.135em;font-size:.65rem;font-weight:850}
.srfc-hero__bottom span:first-child{display:flex;align-items:center;gap:9px}
.srfc-hero__bottom i{width:7px;height:7px;background:var(--srfc-red);display:block;border-radius:50%}
.srfc-hero__bottom b{color:var(--srfc-red);font-size:1.1rem;margin-left:10px}
/* Intro / features */
.srfc-intro{padding:80px 0 36px}
.srfc-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}
.srfc-section-heading>div{max-width:880px}
.srfc-section-kicker{display:block;color:var(--srfc-red);font-size:.7rem;font-weight:950;letter-spacing:.18em;line-height:1.5}
.srfc-section-heading h2{font-size:clamp(2rem,3.3vw,3.25rem);font-weight:900;line-height:1.15;letter-spacing:-.052em;margin:8px 0 0;color:#202124}
.srfc-section-heading h2 em,.srfc-cta h2 em{font-style:normal;color:var(--srfc-red)}
.srfc-section-heading>p{max-width:370px;margin:0 0 5px;color:#6b6c70;font-size:.9rem;line-height:1.72}
.srfc-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.srfc-feature{background:#fafafa;min-height:262px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e8e8e8;padding:26px 25px 23px;position:relative;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.srfc-feature::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--srfc-red);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.srfc-feature:hover{background:#fff;transform:translateY(-3px);border-color:#d9d9d9}
.srfc-feature:hover::before{transform:scaleX(1)}
.srfc-feature__top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--srfc-red);font-weight:950;font-size:.7rem;letter-spacing:.095em}
.srfc-feature__top span:last-child{font-size:1.5rem;font-weight:450;line-height:1}
.srfc-feature h3{font-size:1.36rem;color:#18191c;letter-spacing:-.035em;margin:24px 0 9px;font-weight:900}
.srfc-feature p{font-size:.87rem;line-height:1.65;color:#666a70;margin:0}
.srfc-feature>a{display:flex;gap:10px;align-items:center;justify-content:space-between;max-width:100%;padding-top:18px;margin-top:20px;border-top:1px solid #e1e1e1;font-size:.82rem;color:#1f2024;text-decoration:none;font-weight:850}
.srfc-feature>a:hover{color:var(--srfc-red)}
.srfc-feature>a span{color:var(--srfc-red);font-size:1rem}
/* Event/news cards included when published */
.srfc-feed{padding:42px 0 20px}
.srfc-section-heading--feed{align-items:end}
.srfc-viewall{color:#222;text-decoration:none;border-bottom:1px solid #888;padding-bottom:8px;font-size:.82rem;font-weight:850;white-space:nowrap}
.srfc-viewall:hover{color:var(--srfc-red);border-color:var(--srfc-red)}
.srfc-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.srfc-feed-card{padding:26px;min-height:188px;text-decoration:none;border:1px solid #e5e5e5;background:#f9f9f9;color:#202124;position:relative;display:flex;flex-direction:column;gap:12px}
.srfc-feed-card:hover{border-color:var(--srfc-red);background:#fff}
.srfc-feed-card__type{font-size:.69rem;font-weight:950;color:var(--srfc-red);letter-spacing:.14em}
.srfc-feed-card h3{margin:0;font-size:1.25rem;line-height:1.3;letter-spacing:-.035em;max-width:90%}
.srfc-feed-card p{margin:0 0 10px;color:#666;font-size:.85rem;line-height:1.6}
.srfc-feed-card__date{color:#777;font-size:.8rem;margin-top:auto}
.srfc-feed-card__arrow{position:absolute;right:24px;bottom:18px;color:var(--srfc-red);font-size:1.25rem}
/* Final invitation */
.srfc-cta{position:relative;isolation:isolate;background:#f4f4f4;min-height:340px;margin:74px 0 10px;padding:54px clamp(32px,5vw,80px);overflow:hidden;border-left:5px solid var(--srfc-red);display:grid;grid-template-columns:.6fr 1fr;align-items:center;gap:26px}
.srfc-cta__mark{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(7rem,16vw,16rem);letter-spacing:-.05em;color:#e6e6e6;line-height:1;user-select:none;white-space:nowrap;transform:rotate(-8deg);margin-left:-25px}
.srfc-cta__content{position:relative;z-index:1}
.srfc-cta h2{font-size:clamp(2.2rem,3.5vw,3.6rem);font-weight:950;letter-spacing:-.06em;line-height:1.13;margin:12px 0 13px}
.srfc-cta p{max-width:650px;color:#61636a;font-size:.94rem;line-height:1.72;margin:0}
.srfc-cta__actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:23px}
.srfc-cta__secondary{font-size:.84rem;font-weight:850;color:#222;text-decoration:none;border-bottom:1px solid #aaa;padding-bottom:6px}
.srfc-cta__secondary:hover{color:var(--srfc-red);border-color:var(--srfc-red)}
/* Footer: true full-bleed (no narrow black container), legible on charcoal. */
.site-body .site-footer.site-footer-v5{position:relative;isolation:isolate;max-width:1408px;width:calc(100% - 52px);margin:0 auto;padding:55px 0 30px;display:grid;grid-template-columns:1fr 1.75fr;gap:48px;color:#fff;border:0;background:transparent;box-shadow:none}
.site-body .site-footer.site-footer-v5::before{content:"";position:absolute;z-index:-1;inset:0;left:50%;width:100vw;transform:translateX(-50%);background:#17181b}
.site-body .site-footer-v5 .footer-brand{align-items:center;gap:15px}
.site-body .site-footer-v5 .footer-brand img{width:93px;height:57px;object-fit:contain;mix-blend-mode:normal}
.site-body .site-footer-v5 .footer-brand strong{font-size:1.06rem;color:#fff;letter-spacing:.075em}
.site-body .site-footer-v5 .footer-brand small{color:#ccc;font-size:.76rem}
.site-body .site-footer-v5 .footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.site-body .site-footer-v5 .footer-links strong{color:#fff;font-size:.75rem;letter-spacing:.15em;margin-bottom:10px;text-transform:uppercase}
.site-body .site-footer-v5 .footer-links a{color:#b9b9bc;font-size:.85rem;line-height:1.5;text-decoration:none}
.site-body .site-footer-v5 .footer-links a:hover{color:#ff5360}
.site-body .site-footer-v5 .footer-copy{grid-column:1/-1;margin-top:0;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.12);font-size:.76rem;color:#a5a5a8}
/* Brand marks are now alpha PNGs, never recolor via CSS background */
.site-body .brand-logo,.site-body .footer-brand img,.site-body .site-splash-card img{background:transparent!important}
.site-body .site-splash{background:#fff}
.site-body .site-splash-card{box-shadow:0 26px 65px rgba(0,0,0,.10)}
.site-body .site-splash-card small{color:#555}
@media(min-width:1321px){
 .site-body .topbar .nav-toggle{display:none!important}
 .site-body .topbar .main-nav{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;max-height:none!important;width:auto!important;overflow:visible!important}
 .site-body .topbar .main-nav>a,.site-body .topbar .main-nav .linkbtn{width:auto!important}
}
@media(max-width:1320px){
 .site-body .topbar .nav-toggle{display:flex!important;position:relative;z-index:2;margin-left:auto}
 .site-body .topbar .main-nav{display:none!important;position:absolute;left:18px;right:18px;top:calc(100% + 8px);margin:0;padding:12px;background:#fff;border:1px solid #e8e8e8;border-radius:9px;box-shadow:0 20px 50px rgba(0,0,0,.14);flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100vh - 95px);overflow:auto}
 .site-body .topbar.nav-open .main-nav{display:flex!important}
 .site-body .topbar .main-nav>a,.site-body .topbar .main-nav .linkbtn{display:flex!important;width:100%!important;justify-content:flex-start;padding:11px 12px}
 .site-body .topbar .main-nav .nav-cta{justify-content:center}
}
@media(max-width:1100px){
 .srfc-hero__layout{grid-template-columns:1.08fr .92fr;padding:58px 44px 36px}
 .srfc-hero h1{font-size:clamp(3.4rem,6.2vw,5.0rem)}
 .srfc-hero__art{min-height:280px}
 .srfc-hero__bottom{padding:0 44px}
 .srfc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .srfc-feature{min-height:220px}
 .srfc-intro{padding-top:65px}
 .srfc-cta{grid-template-columns:.4fr 1fr}
 .srfc-cta__mark{font-size:10vw}
}
@media(max-width:780px){
 .site-body .container{padding:22px 16px 48px}
 .site-body.srfc-home-page .container{padding-top:18px}
 .site-body .topbar-inner{min-height:68px;padding:0 14px}
 .site-body .brand-logo{width:72px;height:47px;flex-basis:72px}
 .site-body .brand-copy strong{font-size:.9rem}
 .site-body .brand-copy small{display:none}
 .srfc-hero{min-height:0}
 .srfc-hero__background::after{display:none}
 .srfc-hero__layout{grid-template-columns:1fr;padding:43px 27px 26px;gap:14px}
 .srfc-hero__copy{max-width:100%}
 .srfc-hero__eyebrow{font-size:.61rem;letter-spacing:.13em}
 .srfc-line{width:19px;flex-basis:19px}
 .srfc-hero h1{font-size:clamp(3rem,10vw,5.0rem);margin:18px 0}
 .srfc-hero p{font-size:.92rem}
 .srfc-hero__art{min-height:255px;max-height:325px}
 .srfc-hero__art img{width:min(100%,460px);max-height:260px}
 .srfc-hero__art-caption{font-size:.53rem;letter-spacing:.20em}
 .srfc-hero__bottom{padding:12px 27px;min-height:50px;font-size:.62rem}
 .srfc-hero__bottom span:nth-child(2){display:none}
 .srfc-section-heading{flex-direction:column;align-items:flex-start;gap:10px}
 .srfc-section-heading>p{max-width:620px}
 .srfc-intro{padding-top:55px}
 .srfc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .srfc-feature{padding:22px 20px}
 .srfc-feed-grid{grid-template-columns:1fr 1fr}
 .srfc-cta{grid-template-columns:1fr;min-height:0;padding:38px 30px;margin-top:55px}
 .srfc-cta__mark{display:none}
 .site-body .site-footer.site-footer-v5{grid-template-columns:1fr;gap:30px;width:calc(100% - 40px);padding:42px 0 22px}
}
@media(max-width:520px){
 .site-body .brand-copy strong{font-size:.8rem;letter-spacing:.04em}
 .site-body .brand-logo{width:62px;height:43px;flex-basis:62px}
 .srfc-hero__layout{padding:35px 22px 19px}
 .srfc-hero h1{font-size:clamp(2.7rem,11.8vw,4.2rem)}
 .srfc-hero__eyebrow{font-size:.54rem}
 .srfc-hero__actions{flex-direction:column}
 .site-body .srfc-hero__actions .btn{width:100%;justify-content:space-between}
 .srfc-hero__art{min-height:220px;max-height:290px}
 .srfc-hero__art img{max-height:225px}
 .srfc-hero__bottom{padding:12px 22px}
 .srfc-hero__bottom-last{display:none}
 .srfc-intro{padding-top:45px}
 .srfc-section-heading h2{font-size:2.07rem}
 .srfc-feature-grid{grid-template-columns:1fr}
 .srfc-feature{min-height:210px;padding:22px}
 .srfc-feed-grid{grid-template-columns:1fr}
 .srfc-cta{padding:34px 22px}
 .srfc-cta h2{font-size:2.1rem}
 .site-body .site-footer-v5 .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .site-body .site-footer.site-footer-v5{width:calc(100% - 32px)}
 .site-body .site-footer-v5 .footer-brand img{width:70px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.srfc-feature,.site-body .btn{transition:none}}

/* SRFC Indonesia v0.2.0 — all-page design system and Pengda/Chapter */
.site-body .brand-logo{width:95px;height:60px;flex-basis:95px;filter:none}
.site-body .topbar-inner{min-height:82px}
.site-body .topbar .main-nav{gap:0}
.site-body .topbar .main-nav>a{font-size:.76rem;padding:9px 8px}
.site-body .brand-copy strong{letter-spacing:.04em}
.site-body .brand-copy small{font-size:.63rem}
.site-body .site-footer-v5 .footer-brand img{width:120px;height:75px;object-fit:contain;background:#fff;border-radius:4px;padding:6px}
.admin-brand img{object-fit:contain;background:#fff;border-radius:5px;padding:2px;width:59px;height:43px}
/* SRFC hero now uses a clean two-tone treatment; bloom removed in v0.2.1. */
.srfc-hero__art::before{width:min(100%,580px);height:340px;aspect-ratio:auto;top:50%;left:50%;background:radial-gradient(ellipse at 50% 50%,rgba(250,249,248,.99) 0%,rgba(250,249,248,.96) 35%,rgba(250,249,248,.76) 56%,rgba(250,249,248,.12) 73%,transparent 88%);transform:translate(-50%,-50%);border:0}
.srfc-hero__art img{width:min(100%,525px);max-height:360px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.13))}
.srfc-hero__orbit{border-color:rgba(255,255,255,.11)}
.srfc-home-units{margin:30px 0 0;padding:35px 40px;background:#17181b;color:#fff;border-left:5px solid #e60012;display:flex;align-items:center;justify-content:space-between;gap:32px}
.srfc-home-units h2{font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.04em;margin:5px 0 10px;line-height:1.17}
.srfc-home-units h2 em{font-style:normal;color:#ff4050}
.srfc-home-units p{max-width:650px;color:#c6c7cd;font-size:.91rem;line-height:1.7;margin:0}
.srfc-home-units .btn{flex-shrink:0;background:#e60012;color:#fff;border-color:#e60012}
/* Secondary public pages share a consistent masthead, instead of IKASMANELA's old blue pageheads. */
.site-body .public-pagehead{background:linear-gradient(125deg,#17181b,#222326);color:#fff;padding:49px clamp(24px,5vw,68px);margin:0 0 32px;position:relative;overflow:hidden;border-left:5px solid #e60012;border-radius:2px}
.site-body .public-pagehead::after{content:'SRFC';position:absolute;right:30px;top:50%;transform:translateY(-50%);font:900 9rem/1 Impact,sans-serif;letter-spacing:-.07em;color:rgba(255,255,255,.035);pointer-events:none}
.site-body .public-pagehead h1{position:relative;color:#fff;letter-spacing:-.045em;font-size:clamp(2.15rem,4.5vw,3.8rem);margin:9px 0;max-width:750px}
.site-body .public-pagehead p{position:relative;color:#d3d3d4;line-height:1.7;max-width:670px;margin:0}
.site-body .public-pagehead .eyebrow{color:#ff6572;letter-spacing:.13em;font-weight:850}
.site-body .public-article{max-width:1000px;margin:auto;padding:clamp(25px,5vw,55px);line-height:1.83}
.site-body .content-grid .content-card{border-radius:2px;overflow:hidden}
.site-body .content-card h2 a:hover,.site-body .footer-links a:hover{color:#e60012}
.site-body .pagehead:not(.public-pagehead){padding-top:10px}
.site-body .verify-brand-logo{object-fit:contain}
.site-body .kta-head{background:#17181b}
.site-body .kta-card{border-top:4px solid #e60012}
/* Verified unit directory: publicly accessible, privacy-respecting */
.srfc-subhero{background:linear-gradient(130deg,#131418,#27282c);color:#fff;border-left:5px solid #e60012;position:relative;overflow:hidden;padding:clamp(32px,5vw,66px) clamp(23px,6vw,80px);margin:0 0 32px}
.srfc-subhero:after{content:'SRFC';font:900 clamp(7rem,17vw,15rem)/1 Impact,'Arial Black',sans-serif;color:rgba(255,255,255,.025);position:absolute;right:-20px;bottom:-25px;pointer-events:none}
.srfc-subhero__kicker{color:#ff6d78;letter-spacing:.19em;font-size:.75rem;font-weight:950}
.srfc-subhero h1{font-size:clamp(2.65rem,6vw,5.1rem);letter-spacing:-.056em;line-height:1.07;margin:18px 0 15px;max-width:850px;color:#fff}
.srfc-subhero h1 span{color:#f41627}
.srfc-subhero p{position:relative;z-index:1;color:#c9c9cd;max-width:715px;font-size:1rem;line-height:1.75;margin:0}
.srfc-subhero__rule{background:#e60012;width:80px;height:3px;margin-top:30px}
.srfc-subhero__link{color:#fff;border-bottom:1px solid #e60012}
.srfc-unit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:13px 0;border-bottom:1px solid #e7e7e7}
.srfc-unit-toolbar>div{display:flex;flex-wrap:wrap;gap:11px}
.srfc-unit-count{font-size:.78rem;font-weight:850;background:#f5f5f5;border:1px solid #e7e7e7;padding:10px 14px;color:#222}
.srfc-unit-toolbar>a{color:#c00012;text-decoration:none;font-size:.84rem;font-weight:800}
.srfc-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.srfc-unit-card{min-height:230px;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e4e4;position:relative;text-decoration:none;color:#222;padding:24px 25px;transition:transform .15s ease,border-color .15s ease}
.srfc-unit-card:before{content:'';height:3px;position:absolute;top:0;left:0;right:0;background:#e60012}
.srfc-unit-card:hover{transform:translateY(-3px);border-color:#e60012}
.srfc-unit-card__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.65rem;letter-spacing:.12em;color:#c10012;font-weight:950}
.srfc-verified{font-size:.76rem;letter-spacing:0;color:#14845b;font-weight:750}
.srfc-unit-card h2{font-size:1.45rem;letter-spacing:-.04em;margin:27px 0 6px;color:#16171a}
.srfc-unit-card p{margin:0;color:#646b71;font-size:.84rem}
.srfc-unit-card__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid #e7e7e7;margin-top:auto;padding-top:17px;color:#676b70;font-size:.81rem}
.srfc-unit-card__bottom strong{color:#b60010}
.srfc-empty{text-align:center;margin:35px auto 35px;max-width:840px;padding:clamp(38px,6vw,72px) 30px;border:1px solid #e4e4e4;background:#fafafa}
.srfc-empty__icon{font:900 3.2rem Impact,sans-serif;color:#e60012;letter-spacing:-.05em}
.srfc-empty h2{font-size:clamp(1.65rem,3.3vw,2.6rem);line-height:1.17;letter-spacing:-.045em;margin:15px 0 12px}
.srfc-empty p{color:#676c72;line-height:1.8;max-width:580px;margin:0 auto 22px}
.srfc-empty .btn{background:#e60012;color:#fff;text-decoration:none}
.srfc-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.79rem;margin:0 0 18px;color:#787c81}
.srfc-breadcrumb a{color:#3b3d40;text-decoration:none}
.srfc-breadcrumb strong{color:#ae0011;font-weight:800}
.srfc-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:18px}
.srfc-detail-card,.srfc-detail-aside{padding:32px;background:#fff;border:1px solid #e5e5e5}
.srfc-detail-card h2{font-size:1.9rem;letter-spacing:-.04em;margin:8px 0 17px}
.srfc-detail-card p{line-height:1.9;color:#555e65;white-space:normal}
.srfc-detail-aside{display:flex;flex-direction:column;gap:13px}
.srfc-detail-aside strong{font-size:.71rem;letter-spacing:.12em;color:#6f7478;text-transform:uppercase}
.srfc-detail-aside>span{margin-bottom:10px}
.srfc-detail-aside a{margin-top:auto;border-top:1px solid #ddd;padding-top:18px;color:#d00012;font-size:.82rem;font-weight:800;text-decoration:none}
.srfc-unit-children{margin-top:58px}
.srfc-empty-short{padding:22px;background:#f5f5f5;border:1px solid #e3e3e3;color:#777}
/* Admin CRUD */
.srfc-admin-unit-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.srfc-admin-panel{background:#fff;border:1px solid #e4e4e4;padding:27px}
.srfc-admin-panel h2{font-size:1.25rem;margin:8px 0 21px;color:#242529}
.srfc-admin-tabs{display:flex;gap:8px;margin-bottom:20px}
.srfc-admin-tabs a{border:1px solid #e4e4e4;text-decoration:none;color:#333;font-weight:800;padding:10px 15px;font-size:.86rem}
.srfc-admin-tabs a.active{background:#e60012;color:#fff;border-color:#e60012}
.srfc-unit-form{display:grid;gap:15px}
.srfc-unit-form label{display:flex;flex-direction:column;gap:7px;font-size:.84rem;font-weight:800;color:#282a2d}
.srfc-unit-form label span{color:#e60012}
.srfc-unit-form label small{font-weight:400;color:#777}
.srfc-unit-form input,.srfc-unit-form select,.srfc-unit-form textarea{width:100%;font:inherit;font-weight:450;border:1px solid #d4d4d4;background:#fff;color:#252527;padding:11px 12px;border-radius:4px;min-height:45px}
.srfc-form-note{font-size:.8rem;line-height:1.7;color:#6d7177;border-left:3px solid #e60012;padding:7px 12px;background:#fafafa}
.srfc-admin-unit-list{display:flex;flex-direction:column;gap:8px;margin-bottom:26px}
.srfc-admin-unit-list>a{display:flex;flex-direction:column;gap:5px;color:#202124;text-decoration:none;border:1px solid #eaeaea;padding:15px}
.srfc-admin-unit-list>a:hover{border-color:#e60012;background:#fff8f8}
.srfc-admin-unit-list>a span{font-size:.77rem;color:#777}
@media(max-width:1160px){.srfc-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-body .brand-logo{width:75px;height:47px;flex-basis:75px}.site-body .topbar .main-nav>a{font-size:.82rem}}
@media(max-width:800px){.srfc-home-units{padding:27px;flex-direction:column;align-items:start}.srfc-detail-layout,.srfc-admin-unit-layout{grid-template-columns:1fr}.srfc-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.srfc-home-units .btn{flex:initial}}
@media(max-width:520px){.srfc-unit-grid{grid-template-columns:1fr}.srfc-unit-card{min-height:210px}.srfc-subhero{padding:36px 25px}.srfc-unit-toolbar{align-items:start}.srfc-home-units{padding:23px}.site-body .brand-logo{width:59px;height:40px;flex-basis:59px}.srfc-unit-card__bar{font-size:.62rem}.srfc-admin-panel{padding:17px}.site-body .public-pagehead{padding:38px 22px}}
/* Member-facing portal and profile: no alumni/tracer vocabulary. */
.srfc-dash-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:22px}
.srfc-dash-tile{display:flex;flex-direction:column;gap:11px;padding:26px;background:#16171b;color:#fff;border-bottom:4px solid #e60012;min-width:0}
.srfc-dash-tile span{color:#ff6b78;font-size:.7rem;letter-spacing:.16em;font-weight:950}
.srfc-dash-tile strong{font-size:clamp(1.35rem,2.5vw,2.3rem);overflow-wrap:anywhere;font-weight:900;letter-spacing:-.04em}
.srfc-dash-tile small{color:#c8c8ca;font-size:.77rem}
.srfc-dash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 48px}
.srfc-dash-action{display:flex;flex-direction:column;position:relative;gap:11px;min-height:165px;background:#fafafa;border:1px solid #e7e7e7;color:#222;text-decoration:none;padding:24px}
.srfc-dash-action:hover{background:#fff;border-color:#e60012}
.srfc-dash-action span{font-size:.75rem;color:#e60012;font-weight:850;letter-spacing:.12em}
.srfc-dash-action strong{font-size:1.2rem;font-weight:850}
.srfc-dash-action small{font-size:.83rem;color:#666;line-height:1.5;max-width:85%}
.srfc-dash-action b{position:absolute;right:18px;bottom:17px;color:#e60012}
.srfc-dashboard-feed{display:grid;gap:44px;margin-top:40px}
.srfc-dash-notifications{display:grid;gap:10px}
.srfc-dash-notifications>a{border:1px solid #eee;padding:18px;text-decoration:none;color:#222;display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.srfc-dash-notifications small{font-size:.72rem;color:#e60012;font-weight:900;text-transform:uppercase}
.srfc-dash-notifications span{margin-left:auto;color:#777;font-size:.78rem}
.srfc-profile-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;align-items:start}
.srfc-profile-form h2{font-size:1.8rem;margin:8px 0 21px;letter-spacing:-.04em}
.srfc-profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.srfc-profile-meta>div{padding:16px;background:#fafafa;border:1px solid #eee;display:flex;flex-direction:column;gap:7px}
.srfc-profile-meta small{font-size:.76rem;color:#71767a}
.srfc-profile-meta strong{font-weight:850;overflow-wrap:anywhere}
.srfc-profile-photo{width:100%;max-width:240px;aspect-ratio:4/5;object-fit:cover;display:block;margin:18px 0;border:1px solid #ddd;background:#f3f3f3}
.srfc-profile-photo--empty{display:flex;align-items:center;justify-content:center;color:#777;font-size:.85rem}
.srfc-profile-kta-link{display:block;margin:24px 0 0;border-top:1px solid #ddd;padding-top:15px;color:#bf0011;font-weight:850;text-decoration:none}
@media(max-width:900px){.srfc-dash-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.srfc-profile-grid{grid-template-columns:1fr}}
@media(max-width:520px){.srfc-dash-cards{grid-template-columns:1fr}.srfc-dash-actions{grid-template-columns:1fr}.srfc-profile-meta{grid-template-columns:1fr}}
/* Membership clarity: private historical archive is not current member directory. */
.srfc-membership-intro{padding:36px 0;display:grid;grid-template-columns:1.5fr .75fr;align-items:center;gap:35px}
.srfc-membership-intro h2{font-size:clamp(1.8rem,3.5vw,3.2rem);letter-spacing:-.055em;margin:12px 0}
.srfc-membership-intro h2 em{color:#e60012;font-style:normal}
.srfc-membership-intro p{color:#646970;line-height:1.85;max-width:660px}
.srfc-membership-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 16px;color:#fff;background:#151619;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(3.3rem,6vw,5.8rem);letter-spacing:-.04em;border-bottom:5px solid #e60012}
.srfc-membership-number small{font:850 .7rem/1.6 ui-sans-serif,sans-serif;letter-spacing:.12em;color:#ddd;text-align:center}
.srfc-membership-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 42px}
.srfc-membership-steps article{background:#fafafa;border:1px solid #e7e7e7;padding:27px;border-top:3px solid #e60012}
.srfc-membership-steps article span{color:#e60012;font-size:.7rem;font-weight:950;letter-spacing:.11em}
.srfc-membership-steps h3{font-size:1.3rem;letter-spacing:-.035em;margin:15px 0 10px;color:#202124}
.srfc-membership-steps p{line-height:1.7;font-size:.87rem;color:#6c6f73;margin:0}
.srfc-membership-notice{display:grid;grid-template-columns:1.7fr .65fr;gap:22px;background:#f4f4f4;padding:38px;border-left:5px solid #e60012}
.srfc-membership-notice h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:9px 0 10px;letter-spacing:-.04em}
.srfc-membership-notice p{font-size:.89rem;color:#666c72;line-height:1.75;margin:0}
.srfc-membership-links{display:flex;flex-direction:column;gap:10px;justify-content:center}
.srfc-membership-links a{width:100%;justify-content:center;text-align:center;text-decoration:none;color:#b00010;font-size:.85rem;font-weight:850}
@media(max-width:800px){.srfc-membership-intro,.srfc-membership-notice{grid-template-columns:1fr}.srfc-membership-steps{grid-template-columns:1fr}}
@media(max-width:520px){.srfc-membership-notice{padding:26px}.srfc-membership-number{padding:30px}}


/* SRFC INDONESIA v0.2.1: HERO REBUILD — NO GLOW, NO CROPPED HEADLINES.
   Keep the supplied RGBA logo as-is on a purposeful, light canvas for contrast.
   Critical sizes are viewport-independent; layout never clips copy or logo. */
html,body{max-width:100%;overflow-x:clip}
.site-body.srfc-home-page .container{width:min(100%,1490px);padding:30px clamp(18px,3vw,42px) 72px}
.site-body .srfc-hero{width:100%;max-width:100%;margin:0;min-height:0;border-radius:10px;overflow:hidden;background:#151619;color:#fff;box-shadow:0 18px 54px rgba(12,14,17,.10)}
.srfc-hero::after{content:"";position:absolute;inset:0 0 54px auto;width:49%;z-index:0;pointer-events:none;background:#f5f5f2;clip-path:polygon(21% 0,100% 0,100% 100%,0 100%)}
.srfc-hero__background{background:linear-gradient(120deg,#111316 0%,#202125 73%,#222428 100%)}
.srfc-hero__background::before{right:53%;top:12%;width:260px;height:540px;opacity:.25}
.srfc-hero__background::after{display:none}
.srfc-hero__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;min-height:540px;padding:60px clamp(36px,5vw,75px) 56px;gap:clamp(25px,3vw,48px)}
.srfc-hero__copy{position:relative;z-index:2;min-width:0;max-width:100%}
.srfc-hero__eyebrow{font-size:clamp(.59rem,.85vw,.73rem);letter-spacing:.13em;flex-wrap:wrap}
.srfc-hero h1{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:950;letter-spacing:-.065em;line-height:1.035;font-size:clamp(2.8rem,4.4vw,5.45rem);margin:22px 0 22px;max-width:100%;overflow-wrap:anywhere;text-wrap:balance}
.srfc-hero h1 span{display:block;max-width:100%}
.srfc-hero__second-line{color:#fff}
.srfc-hero p{max-width:490px;color:#d9dadd;font-size:clamp(.92rem,1.08vw,1.03rem);line-height:1.76}
.srfc-hero__actions{display:flex;flex-wrap:wrap;margin-top:27px;gap:12px;width:auto}
.site-body .srfc-hero__actions .btn{white-space:normal;max-width:100%;min-height:48px;padding:13px 18px;line-height:1.45}
.srfc-hero__art{position:relative;min-width:0;min-height:300px;height:100%;display:grid;place-items:center;isolation:auto;padding:12px 0 0}
.srfc-hero__art::before,.srfc-hero__orbit{display:none!important}
.srfc-hero__art-inner{width:100%;max-width:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 5px 22px;text-align:center;gap:22px}
.srfc-hero__art-label{font-size:.66rem;letter-spacing:.22em;font-weight:950;color:#565a5e}
.srfc-hero__art img{width:min(100%,365px);max-width:100%;max-height:none;height:auto;object-fit:contain;filter:none!important;background:transparent!important;mix-blend-mode:normal}
.srfc-hero__art-caption{margin:0;color:#444b50;font-size:.65rem;font-weight:850;letter-spacing:.13em;line-height:1.8}
.srfc-hero__art-caption span{color:#e60012;margin:0 6px}
.srfc-hero__bottom{position:relative;z-index:2;background:#111215;min-height:55px;padding:10px clamp(36px,5vw,75px);gap:18px}
.srfc-home-units{border-radius:8px;margin-top:28px}
.srfc-cta{border-radius:8px}
.site-body .site-footer.site-footer-v5{overflow:visible}
@media(max-width:1199px){
 .srfc-hero::after{display:none}
 .srfc-hero__layout{min-height:0;grid-template-columns:1fr;padding:0;gap:0}
 .srfc-hero__copy{max-width:100%;padding:clamp(38px,5vw,65px) clamp(30px,5.5vw,72px) clamp(30px,4vw,48px)}
 .srfc-hero h1{font-size:clamp(3.15rem,6vw,5.1rem);max-width:810px;overflow-wrap:normal}
 .srfc-hero p{max-width:700px}
 .srfc-hero__art{min-height:270px;height:auto;padding:0;background:#f5f5f2;border-top:4px solid #e60012}
 .srfc-hero__art-inner{max-width:480px;padding:20px 22px 24px;gap:10px}
 .srfc-hero__art img{width:min(100%,355px)}
 .srfc-hero__bottom{padding:12px clamp(30px,5.5vw,72px)}
}
@media(max-width:780px){
 .site-body.srfc-home-page .container{padding:18px 16px 55px}
 .site-body .srfc-hero{border-radius:8px}
 .srfc-hero__copy{padding:38px 28px 33px}
 .srfc-hero h1{font-size:clamp(2.8rem,7.2vw,3.9rem);margin:20px 0}
 .srfc-hero__art{min-height:240px}
 .srfc-hero__art-inner{padding:25px 20px;gap:12px}
 .srfc-hero__art img{max-height:240px;width:min(100%,330px)}
 .srfc-hero__bottom{padding:14px 28px}
 .srfc-home-units{padding:30px 26px;margin-top:22px}
}
@media(max-width:520px){
 .site-body.srfc-home-page .container{padding:12px 12px 36px}
 .srfc-hero__copy{padding:32px 22px 30px}
 .srfc-hero h1{font-size:clamp(2.0rem,8.3vw,2.85rem);line-height:1.08;letter-spacing:-.05em;overflow-wrap:anywhere}
 .srfc-hero__eyebrow{font-size:.58rem;letter-spacing:.085em;gap:10px}
 .srfc-hero__art-inner{padding:24px 18px;gap:13px}
 .srfc-hero__art img{width:min(100%,290px);max-height:215px}
 .srfc-hero__bottom{padding:13px 22px;min-height:47px}
 .srfc-hero__art-label{font-size:.59rem}
 .srfc-hero__art-caption{font-size:.56rem;letter-spacing:.1em}
 .srfc-home-units{padding:25px 22px}
 .site-body .srfc-hero__actions .btn{width:100%;justify-content:space-between}
}
@media(max-width:360px){
 .srfc-hero h1{font-size:1.9rem}
 .site-body .brand-copy strong{font-size:.71rem}
}

/* v0.3.0 — Member claim / national administration */
.srfc-flow-head{max-width:850px;padding:34px 0 27px}
.srfc-flow-head h1{font-size:clamp(2rem,4.7vw,3.7rem);line-height:1.08;letter-spacing:-.055em;margin:13px 0 15px;color:#18191c}
.srfc-flow-head p{font-size:1.04rem;line-height:1.7;color:#596070}
.srfc-flow-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.82fr);align-items:start;gap:25px;margin:0 0 46px}
.srfc-flow-panel{background:#fff;border:1px solid #e4e6eb;border-radius:16px;padding:clamp(22px,3vw,37px);box-shadow:0 9px 25px rgba(11,16,25,.035);min-width:0;margin-bottom:20px}
.srfc-flow-panel h2{font-size:1.4rem;letter-spacing:-.025em;margin:0 0 21px;color:#1c1f23}
.srfc-flow-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.srfc-flow-two>*{min-width:0}
.srfc-flow-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.srfc-consent{display:flex!important;gap:12px;align-items:flex-start;line-height:1.5;font-weight:550!important;font-size:.88rem;max-width:100%}
.srfc-consent input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#e60012}
.srfc-honey{position:absolute!important;left:-9999px!important;height:1px!important;overflow:hidden!important}
.srfc-steps{margin:0;padding-left:25px}
.srfc-steps li{padding:0 0 17px 6px}
.srfc-steps li::marker{font-weight:900;color:#e60012}
.srfc-steps strong{color:#161b22}
.srfc-steps p{font-size:.9rem;line-height:1.6;color:#687081;margin:6px 0 0}
.srfc-flow-callout{background:#fff5f5;border-left:3px solid #e60012;padding:16px 18px;color:#3b4047;line-height:1.6;font-size:.88rem}
.srfc-status-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.srfc-status-filter a{font-size:.87rem;text-decoration:none;color:#343842;border:1px solid #dedfe5;background:#fff;padding:9px 14px;border-radius:100px;font-weight:700}
.srfc-status-filter a.active{background:#e60012;border-color:#e60012;color:#fff}
.srfc-claim-head{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}
.srfc-claim-head h2{margin:5px 0 18px}
.srfc-claim-head small{color:#667080}
.srfc-claim-details{background:#f7f8fa;border:1px solid #ebedf1;border-radius:12px;padding:18px;margin-bottom:15px;gap:22px}
.srfc-claim-details>div{display:flex;flex-direction:column;gap:5px}
.srfc-claim-details small{color:#6e7480;margin-top:8px}
.srfc-claim-details strong{overflow-wrap:anywhere;color:#161a21}
.srfc-claim-note{line-height:1.7;overflow-wrap:anywhere}
.srfc-review-form{border-top:1px solid #e8e8ee;padding-top:18px;margin-top:20px}
.srfc-admin-member-box{max-width:980px;margin-top:24px}
.srfc-flow-panel .srfc-unit-form input,.srfc-flow-panel .srfc-unit-form select,.srfc-flow-panel .srfc-unit-form textarea{max-width:100%;box-sizing:border-box}
@media(max-width:950px){.srfc-flow-layout{grid-template-columns:1fr}.srfc-flow-aside{margin-top:0}}
@media(max-width:600px){.srfc-flow-two{grid-template-columns:1fr}.srfc-flow-panel{border-radius:12px;padding:21px}.srfc-flow-head{padding-top:24px}.srfc-flow-actions .btn{width:100%;justify-content:center}}

.srfc-claim-invite{background:#f7f8fa;border-radius:12px;border:1px solid #e8ebf1;padding:16px;margin-top:18px}.srfc-invite-form{display:grid;gap:12px;justify-items:start}
.srfc-unit-form label.srfc-consent{flex-direction:row;align-items:flex-start;gap:12px;font-weight:550;line-height:1.55}
.srfc-unit-form label.srfc-consent input[type=checkbox]{width:18px;min-width:18px;height:18px;margin:2px 0 0;padding:0}
/* SRFC Indonesia v0.4.0 — Verified organizational governance */
.srfc-board-breadcrumb{display:flex;gap:12px;align-items:center;padding:23px 0;font-size:.82rem;color:#777}.srfc-board-breadcrumb a{color:#424854;text-decoration:none}.srfc-board-breadcrumb strong{color:#262626}
.srfc-board-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#0f1115 5%,#28282c 95%);color:#fff;padding:65px clamp(22px,5vw,80px);border-radius:12px;min-height:255px}
.srfc-board-hero:after{position:absolute;content:"";right:7%;top:-35%;height:190%;width:18px;background:#e60012;transform:rotate(22deg)}
.srfc-board-kicker{display:block;color:#e60012;font-size:.7rem;letter-spacing:.16em;font-weight:900;margin-bottom:11px}
.srfc-board-hero .srfc-board-kicker{color:#ff5b69}.srfc-board-hero h1{max-width:850px;font-size:clamp(2.35rem,5vw,5rem);letter-spacing:-.055em;line-height:1.05;margin:0 0 17px;font-weight:950}.srfc-board-hero h1 span{color:#e60012}.srfc-board-hero p{max-width:670px;color:#d6d6da;line-height:1.75;margin:0;font-size:.93rem;position:relative;z-index:1}
.srfc-board-hero-mark{position:absolute;right:5%;bottom:-24%;font-weight:1000;font-size:clamp(5rem,14vw,13rem);color:#fff;opacity:.055;letter-spacing:-.1em;pointer-events:none}
.srfc-board-section{margin:52px 0}.srfc-board-heading{display:flex;gap:18px;justify-content:space-between;align-items:start;flex-wrap:wrap;margin-bottom:23px}.srfc-board-heading h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.2;color:#151719;margin:0 0 10px}.srfc-board-heading p{margin:0;color:#667085}.srfc-board-badge{background:#e9f7ed;border:1px solid #c4e8d1;border-radius:50px;padding:7px 15px;color:#16763a;font-weight:850;font-size:.75rem}
.srfc-board-empty{padding:28px;border:1px dashed #d5d8df;border-radius:15px;background:#fafbfc;color:#5c6572;line-height:1.7}.srfc-board-empty-main{margin:40px 0}.srfc-board-empty h2{color:#222;margin-top:0}
.srfc-board-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.srfc-board-person{background:#fff;border:1px solid #e9e9ef;border-top:4px solid #e60012;border-radius:11px;padding:24px;box-shadow:0 9px 26px rgba(0,0,0,.035);display:flex;align-items:flex-start;gap:16px;min-width:0}.srfc-board-person-icon{width:54px;height:54px;background:#f9ebed;color:#c90013;border-radius:12px;display:grid;place-items:center;font-size:1.45rem;font-weight:900;flex-shrink:0}.srfc-board-person small{font-size:.69rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#d40016}.srfc-board-person h3{font-size:1.1rem;line-height:1.3;overflow-wrap:anywhere;margin:8px 0;color:#1e2125}.srfc-board-person p{font-size:.8rem;color:#5f6470;line-height:1.6;margin:0}
.srfc-board-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.srfc-board-period{background:#fff;border:1px solid #e7e8ed;border-radius:9px;padding:18px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#25272c;font-size:.82rem}.srfc-board-period:hover,.srfc-board-period.is-active{border-color:#e60012;background:#fff7f8}.srfc-board-period strong{white-space:nowrap;color:#d60018}
.srfc-board-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.srfc-board-regions a{display:block;background:#1e2024;color:#fff;border-radius:12px;padding:23px;text-decoration:none;min-width:0}.srfc-board-regions small{color:#ff6776;letter-spacing:.07em;font-size:.7rem;font-weight:900}.srfc-board-regions h3{color:#fff;margin:15px 0;font-size:1.1rem;overflow-wrap:anywhere}.srfc-board-regions span{color:#d8dae1;font-size:.83rem}.srfc-board-footer-note{margin:45px 0 50px;padding:22px;border:1px solid #edf0f3;background:#fafafa;border-radius:11px;color:#5f6470;font-size:.83rem}.srfc-board-footer-note a{color:#b90017;font-weight:800}
.srfc-board-admin-info{display:flex;gap:16px;align-items:center;background:#1b1b1f;color:#e5e5ed;padding:18px 22px;border-radius:11px;font-size:.82rem;flex-wrap:wrap;margin:16px 0 23px}.srfc-board-admin-info b{color:#fff}.srfc-board-admin-info span{flex:1;min-width:210px;line-height:1.6}.srfc-board-admin-info a{color:#ff7782;font-weight:850}.srfc-board-admin-block{background:#fff;border:1px solid #e8e9ef;border-radius:14px;padding:clamp(17px,2vw,30px);margin:22px 0;box-shadow:0 5px 24px rgba(13,18,30,.025)}
.srfc-board-form{display:grid;gap:14px}.srfc-board-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.srfc-board-form label,.srfc-board-review label{display:grid;gap:7px;font-size:.8rem;color:#353942;font-weight:780}.srfc-board-form input,.srfc-board-form textarea,.srfc-board-form select,.srfc-board-review input,.srfc-board-inline-list input{width:100%;min-width:0;padding:12px;border:1px solid #d5d7de;border-radius:8px;font-size:.85rem;color:#222;background:#fff}.srfc-board-form textarea{resize:vertical}.srfc-board-button{display:inline-block;width:fit-content;max-width:100%;text-align:center;background:#e60012;color:white;border:1px solid #e60012;padding:12px 18px;font-weight:850;font-size:.82rem;border-radius:8px;cursor:pointer;text-decoration:none}.srfc-board-button:hover{background:#bf0011;color:#fff}.srfc-board-button.subdued{background:#fff;color:#a70016;border-color:#e5b3b8}.srfc-board-unit-chip{font-weight:900;color:#990414;background:#fff5f6;padding:12px 15px;border-radius:8px}.srfc-board-admin-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.srfc-board-admin-periods>a{border:1px solid #e9e9ed;border-radius:9px;padding:14px;color:#23252b;text-decoration:none;display:grid;gap:8px}.srfc-board-admin-periods>a.is-active{border-color:#e60012;background:#fff8f9}.srfc-board-admin-periods small{color:#676e79}
.srfc-board-state{font-size:.65rem;letter-spacing:.06em;font-weight:900;padding:6px 9px;border-radius:6px;width:fit-content;background:#eff0f3;color:#585f6b}.srfc-board-state.state-published,.srfc-board-state.state-active{background:#e7f8ec;color:#0d7835}.srfc-board-state.state-archived,.srfc-board-state.state-revoked{background:#fff0f0;color:#a70821}.srfc-board-review{display:grid;gap:10px;background:#fff9f9;border:1px solid #ffe0e3;border-radius:10px;padding:16px;margin:12px 0 23px}.srfc-board-checkbox{display:flex!important;align-items:center;gap:9px;line-height:1.5;cursor:pointer;font-weight:650!important}.srfc-board-checkbox input{width:16px!important;height:16px;min-width:16px;margin:0}.srfc-board-inline-list>article,.srfc-board-delegations>div{border-bottom:1px solid #ebedf0;padding:18px 2px;display:flex;flex-wrap:wrap;gap:15px;align-items:start;justify-content:space-between}.srfc-board-inline-list>article>div{flex:1;min-width:180px}.srfc-board-inline-list>article p{margin:7px 0 0;font-size:.83rem;color:#6a6f78}.srfc-board-inline-list form{flex:1;max-width:400px;display:grid;gap:8px}.srfc-board-form-member{border-top:1px solid #eef0f3;margin-top:20px;padding-top:22px}.srfc-board-delegations>div>span:first-child{display:grid;gap:6px;overflow-wrap:anywhere;min-width:160px}.srfc-board-delegations small{color:#667085}.srfc-board-delegations form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
@media(max-width:950px){.srfc-board-people,.srfc-board-regions,.srfc-board-periods,.srfc-board-admin-periods{grid-template-columns:repeat(2,minmax(0,1fr))}.srfc-board-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.srfc-board-hero{padding:42px 22px;min-height:0}.srfc-board-hero-mark{display:none}.srfc-board-people,.srfc-board-regions,.srfc-board-periods,.srfc-board-admin-periods,.srfc-board-form-grid{grid-template-columns:minmax(0,1fr)}.srfc-board-hero h1{font-size:clamp(2.1rem,10vw,3.4rem)}.srfc-board-person{padding:18px}.srfc-board-section{margin:32px 0}.srfc-board-period{align-items:start}.srfc-board-admin-info{display:block}.srfc-board-admin-info>*{display:block;margin-bottom:8px}}

.srfc-board-edit-inline{display:inline-block;margin-top:8px;font-size:.78rem;font-weight:850;color:#bf0011;text-decoration:none}.srfc-board-edit-inline:hover{text-decoration:underline}