:root {
  --primary:      #273c68;
  --primary-mid:  #273c68;
  --primary-light:#e5e8ed;
  --forest:       #273c68;
  --forest-mid:   #273c68;
  --forest-light: #e5e8ed;
  --accent:       #4791ff;
  --stone:        #f4f1ec;
  --card-bg:      #ffffff;
  --text:         #1a1a1a;
  --text-muted:   #5a6b7a;
  --border:       #dde5e8;
  --shadow:       0 2px 12px rgba(0,0,0,0.08);
  --shadow-hover: 0 6px 24px rgba(0,0,0,0.14);
  --radius:       10px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;background:var(--stone);color:var(--text);min-height:100vh;display:flex;flex-direction:column}
nav{background:#273c68;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.nav-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0 0.4rem;border-bottom:3px solid var(--accent)}
body.no-stripe .nav-brand-row{border-bottom:none!important}
.nav-brand{font-family:Georgia,serif;font-size:1rem;color:#fff;text-decoration:none;text-align:center;flex:1}
.nav-links{display:flex;justify-content:center;gap:0;list-style:none;padding:0.15rem 0}
.nav-install-item{display:none}
.nav-links a{color:rgba(255,255,255,0.82);text-decoration:none;font-size:0.875rem;padding:0.4rem 0.85rem;border-radius:4px;transition:color 0.2s,background 0.2s}
.nav-links a.active{color:#fff;background:rgba(255,255,255,0.15)}
@media(hover:hover){.nav-links a:hover{color:#fff;background:rgba(255,255,255,0.15)}}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:11px;flex-shrink:0}
.hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}
.hero{background:#273c68;position:relative;overflow:hidden}
.hero-img{width:100%;height:340px;object-fit:cover;object-position:center center;display:block;opacity:0.7}
.hero-img-placeholder{width:100%;height:340px;background:#273c68;display:block}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.25) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}
.hero-badge{display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.35);color:rgba(255,255,255,0.9);font-size:0.72rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;padding:0.3rem 0.9rem;border-radius:100px;margin-bottom:0.9rem}
.hero h1{font-family:Georgia,serif;font-size:clamp(1.9rem,5vw,3rem);color:#fff;line-height:1.15;margin-bottom:0.75rem;text-shadow:0 2px 8px rgba(0,0,0,0.4)}
.hero-sub{color:rgba(255,255,255,0.85);font-size:0.95rem;max-width:480px;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,0.3)}
.info-strip{background:#fff;border-bottom:2px solid var(--border);padding:0.85rem 1.5rem}
.info-strip-inner{max-width:1100px;margin:0 auto;display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}
.info-item{display:flex;align-items:center;gap:0.5rem;color:var(--primary);font-size:0.85rem;font-weight:500}
main{flex:1}
.container{max-width:1100px;margin:0 auto;padding:2.25rem 1.5rem}
.page-header{background:linear-gradient(135deg, #273c68 71%, #4791ff 100%);padding:2.5rem 1.5rem 2rem;text-align:center}
.page-header h1{font-family:Georgia,serif;color:#fff;font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:0.3rem}
.page-header p{color:rgba(255,255,255,0.65);font-size:0.9rem}
.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}
.quick-link{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.35rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:0.6rem;border-top:3px solid var(--primary);transition:box-shadow 0.2s,transform 0.2s}
.quick-link:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}
.quick-link-icon{width:40px;height:40px;background:var(--forest-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary)}
.quick-link h3{font-size:0.975rem;font-weight:600;color:var(--primary)}
.quick-link p{font-size:0.825rem;color:var(--text-muted);line-height:1.55}
.info-block{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem;margin-bottom:1.35rem}
.info-block h2{font-family:Georgia,serif;color:var(--primary);font-size:1.1rem;margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:2px solid var(--border)}
.info-block p,.info-block li{font-size:0.9rem;line-height:1.7;color:var(--text);margin-bottom:0.35rem}
.info-block ul{padding-left:1.25rem}
.info-block a{color:var(--primary)}
.highlight-box{background:var(--forest-light);border-left:3px solid var(--primary);border-radius:0 6px 6px 0;padding:0.85rem 1.1rem;margin:0.75rem 0;font-size:0.875rem;line-height:1.6}
.notice{background:var(--forest-light);border:1px solid var(--border);border-radius:8px;padding:0.85rem 1.1rem;font-size:0.865rem;color:var(--text);margin-bottom:1.5rem;display:flex;gap:0.7rem;align-items:flex-start;line-height:1.5}
.notice svg{color:var(--primary);flex-shrink:0;margin-top:1px}
.board-card{background:var(--forest-light);border-radius:8px;padding:1.25rem;border-left:3px solid var(--primary)}
.board-role{font-size:0.72rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:0.3rem}
.board-name{font-family:Georgia,serif;font-size:1.05rem;color:var(--primary);font-weight:600;margin-bottom:0.55rem}
.board-contact{display:flex;align-items:center;gap:0.5rem;font-size:0.855rem;color:var(--text);text-decoration:none;margin-bottom:0.3rem;word-break:break-all}
.doc-table{width:100%;border-collapse:collapse;font-size:0.9rem}
.doc-table th{background:var(--forest-light);color:var(--primary);font-weight:600;text-align:left;padding:0.65rem 1rem;border-bottom:2px solid var(--border)}
.doc-table td{padding:0.6rem 1rem;border-bottom:1px solid var(--border)}
.doc-table tr:last-child td{border-bottom:none}
.doc-table a{color:var(--primary);font-weight:500}
.vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
.vendor-card{background:var(--card-bg);border-radius:10px;box-shadow:var(--shadow);padding:1.4rem;border-left:4px solid var(--primary);overflow:hidden;min-width:0}
.vendor-name{font-family:Georgia,serif;font-size:1rem;color:var(--primary);margin-bottom:0.2rem;font-weight:600}
.vendor-cat{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent);margin-bottom:0.75rem}
.vendor-contacts{display:flex;flex-direction:column;gap:0.3rem;min-width:0}
.vendor-contact{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.855rem;color:var(--text);text-decoration:none;transition:color 0.15s;word-break:break-word;overflow-wrap:anywhere;min-width:0}
.vendor-contact:hover{color:var(--primary)}
.vendor-contact svg{color:var(--accent);flex-shrink:0;margin-top:0.15em}
.res-accordion{display:flex;flex-direction:column;gap:1rem}
.res-acc-card{background:#fff;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;border-left:4px solid var(--primary)}
.update-row-grid{display:grid;grid-template-columns:2fr 1fr 2fr 2fr auto;gap:0.5rem;margin-bottom:0.5rem;align-items:center}
.res-acc-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;cursor:pointer;user-select:none;background:#fff;transition:background 0.15s;gap:1rem}
.res-acc-header:hover{background:var(--forest-light)}
.res-acc-header-left{display:flex;align-items:center;gap:0.75rem}
.res-acc-icon{width:36px;height:36px;background:var(--forest-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}
.res-acc-title{font-family:Georgia,serif;font-size:1rem;color:var(--primary);font-weight:600}
.res-acc-count{font-size:0.75rem;color:var(--text-muted)}
.res-acc-chevron{color:var(--accent);flex-shrink:0;transition:transform 0.25s}
.res-acc-card.open .res-acc-chevron{transform:rotate(180deg)}
.res-acc-body{display:none;border-top:1px solid var(--border);padding:1.25rem 1.4rem}
.res-acc-card.open .res-acc-body{display:block}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}
.dir-card{background:var(--stone);border-radius:8px;padding:1.1rem 1.2rem;border-left:3px solid var(--primary)}
.dir-name{font-family:Georgia,serif;font-size:0.975rem;color:var(--primary);font-weight:600;margin-bottom:0.15rem}
.dir-address{font-size:0.78rem;color:var(--text-muted);margin-bottom:0.6rem;line-height:1.4}
.dir-badge{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.15rem 0.5rem;border-radius:100px;margin-bottom:0.6rem}
.dir-badge.owner{background:rgba(0,0,0,0.07);color:var(--primary)}
.dir-badge.tenant{background:rgba(58,80,104,0.1);color:var(--text-muted)}
.dir-badge.owner-nr{background:rgba(120,80,0,0.1);color:#7a5000}
.dir-badge.board-role{background:var(--accent);color:#fff;margin-left:0.35rem}
.dir-contacts{display:flex;flex-direction:column;gap:0.28rem}
.dir-contact{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.835rem;color:var(--text);text-decoration:none;transition:color 0.15s;word-break:break-all}
.dir-contact:hover{color:var(--primary)}
.dir-note{color:var(--text-muted);font-size:0.78rem;font-style:italic;margin-top:0.6rem;padding-top:0.5rem;border-top:1px solid var(--border);line-height:1.45}
.res-person-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem;padding:0.45rem 0;border-bottom:1px solid var(--border)}
.res-person-row:last-of-type{border-bottom:none}
.res-person-row .dir-name{font-family:Georgia,serif;font-size:0.95rem;color:var(--primary);font-weight:600}
.res-person-row .dir-contacts{display:flex;flex-direction:column;gap:0.2rem;width:100%;padding-left:0.25rem}
.group-contact-bar{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem}
.group-contact-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 1.1rem;background:var(--forest-light);color:var(--primary);border:1px solid var(--border);border-radius:7px;text-decoration:none;font-size:0.85rem;font-weight:500;transition:background 0.15s}
.group-contact-btn:hover{background:var(--primary);color:#fff}
.update-req-badge{display:inline-flex;align-items:center;background:var(--forest-light);color:var(--primary);border:1px solid var(--border);border-radius:100px;padding:0.35rem 1rem;font-size:0.8rem;font-weight:600;cursor:pointer;letter-spacing:0.03em;transition:background 0.15s}
.update-req-badge:hover{background:var(--primary);color:#fff}
.dir-contact svg{color:var(--accent);flex-shrink:0}
.pw-gate{min-height:60vh;display:flex;align-items:center;justify-content:center}
.pw-box{background:var(--card-bg);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow);max-width:360px;width:100%;text-align:center}
.pw-box h2{color:var(--primary);margin-bottom:0.5rem;font-family:Georgia,serif}
.pw-box input{width:100%;padding:0.65rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;margin:1rem 0}
.pw-box button{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:0.65rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;width:100%}
.pw-error{color:#c0392b;font-size:0.85rem;margin-top:0.5rem}
footer{background:#273c68;color:rgba(255,255,255,0.65);padding:1.5rem;font-size:0.8rem;margin-top:auto}
footer strong{color:rgba(255,255,255,0.9)}
footer a,footer a:visited,footer a:link{color:rgba(255,255,255,0.8);text-decoration:none}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-inner p{margin:0;text-align:center;flex:1}
.footer-brand-wrap,.footer-brand-spacer{flex:0 0 auto;min-width:120px}
.footer-brand-spacer{visibility:hidden}
.footer-brand{font-size:0.75rem;color:rgba(255,255,255,0.5);white-space:nowrap}
.footer-brand a{color:rgba(255,255,255,0.65);text-decoration:none;transition:color 0.15s}
.footer-brand a:hover{color:rgba(255,255,255,0.9)}
@media(max-width:600px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-brand-spacer{display:none}.footer-brand-wrap{order:2;min-width:0}.footer-inner p{order:1;flex:none}.footer-brand{white-space:normal;text-align:center}}
@media(max-width:768px){
  .hamburger{display:flex}
  .nav-links{display:none;position:fixed;top:54px;left:0;right:0;bottom:0;background:#273c68;flex-direction:column;padding:0.5rem 1rem 1.5rem;gap:0;z-index:99;overflow-y:auto}
  .nav-links.open{display:flex}
  .nav-links a{padding:1.1rem 1rem;font-size:1.05rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.12);border-radius:0;display:flex;align-items:center;min-height:28px}
  .nav-links a:last-child{border-bottom:none}
  .nav-links a.active{background:rgba(255,255,255,0.1)}
  @media(hover:hover){.nav-links a:hover{background:rgba(255,255,255,0.1)}}
  .nav-links a:active{background:rgba(255,255,255,0.18)}
  .nav-install-item{display:block!important}
  .nav-install-item a{text-decoration:underline!important;font-weight:700;color:#fff!important;border-bottom:1px solid rgba(255,255,255,0.12)}
  .hero-img{height:272px}
  .quick-links{grid-template-columns:1fr 1fr}
  .container{padding:1.5rem 1rem}
  .dir-grid{grid-template-columns:1fr}
  .update-row-grid{grid-template-columns:1fr;gap:0.4rem}
  .update-row-grid select,.update-row-grid input{width:100%;box-sizing:border-box}
}
/* WIZARD-DATA:{"version":1,"file":"style.css","data":{"theme":"gradient","tweaks":{"heroOpacity":0.7,"overlayTop":0.15,"overlayBottom":0.25,"heroHeight":340,"cardRadius":10}}} */