#lee-home-example { --paper:light-dark(#ffffff,#14232d); --ink:light-dark(#183547,#edf3f5); --sub:light-dark(#536775,#bbcbd5); --line:light-dark(#d9e1e6,#3b505d); --soft:light-dark(#eff4f7,#213743); --navy:light-dark(#173d56,#122f43); --gold:#dfbd77; color:var(--ink); background:var(--paper); font:16px/1.55 Arial,sans-serif; border-radius:12px; overflow:hidden; }
    #lee-home-example * {box-sizing:border-box}
    #lee-home-example .mast {padding:24px 30px 20px; display:flex; gap:16px; align-items:center; border-bottom:1px solid var(--line)}
    #lee-home-example .seal {width:48px;height:48px;display:grid;place-items:center;background:var(--soft);border-radius:50%;flex-shrink:0}
    #lee-home-example .brand {font-size:20px;font-weight:700;line-height:1.25} 
    #lee-home-example .small {font-size:13px;color:var(--sub)}
    #lee-home-example nav {display:flex;gap:6px;flex-wrap:wrap;padding:12px 24px;background:var(--paper)}
    #lee-home-example button {font:inherit;cursor:default}
    #lee-home-example nav button {border:0;background:transparent;color:var(--ink);padding:9px 12px;border-radius:5px;font-size:14px}
    #lee-home-example nav button[aria-pressed="true"] {background:var(--soft);font-weight:700}
    #lee-home-example .hero {background:var(--navy);color:#fff;padding:42px 36px;position:relative}
    #lee-home-example .eyebrow {font-size:12px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:700}
    #lee-home-example h1 {font-size:36px;line-height:1.15;letter-spacing:-.7px;margin:12px 0 16px;max-width:560px}
    #lee-home-example .hero p {max-width:580px;color:#dce7ee;margin:0 0 24px}
    #lee-home-example .actions {display:flex;gap:12px;flex-wrap:wrap}
    #lee-home-example .action {padding:11px 17px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font-weight:700;font-size:14px;min-height:44px}
    #lee-home-example .hero .action {background:transparent;color:#fff;border-color:#8298a7}
    #lee-home-example .hero .action.main {background:var(--gold);color:#173247;border-color:var(--gold)}
    #lee-home-example .boat-photo {margin:0;padding:18px 22px 14px;background:#ffffff;text-align:center;color:#536775}
    #lee-home-example .boat-photo img {display:block;width:100%;height:auto;max-width:960px;margin:auto}
    #lee-home-example .boat-photo figcaption {font-size:13px;margin-top:12px}
    #lee-home-example main {padding:28px 30px}
    #lee-home-example .reunion {display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--soft);padding:24px;border-radius:7px}
    #lee-home-example h2 {font-size:22px;margin:4px 0 8px;line-height:1.3}
    #lee-home-example h3 {font-size:19px;margin:0 0 10px}
    #lee-home-example p {margin:0 0 12px}
    #lee-home-example .reunion p {color:var(--sub);font-size:14px;margin:0}
    #lee-home-example .columns {display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--line)}
    #lee-home-example .columns p {color:var(--sub);font-size:14px}
    #lee-home-example .link {padding:0;border:0;background:transparent;color:var(--ink);font-size:14px;text-decoration:underline;text-underline-offset:4px;min-height:32px}
    #lee-home-example .purpose {padding-top:26px;max-width:650px}
    #lee-home-example .purpose p {font-size:14px;color:var(--sub)}
    #lee-home-example footer {border-top:1px solid var(--line);padding:18px 30px;font-size:12px;color:var(--sub);display:flex;gap:18px;flex-wrap:wrap}
    #lee-home-example .detail {margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:7px;background:var(--soft)}
    #lee-home-example .detail[hidden] {display:none}
    #lee-home-example .detail p {font-size:14px;margin:0;color:var(--sub)}
    @media(max-width:540px) {#lee-home-example .mast{padding:20px}#lee-home-example .brand{font-size:17px}#lee-home-example nav{padding:8px 12px}#lee-home-example .hero{padding:30px 22px}#lee-home-example h1{font-size:29px}#lee-home-example main{padding:22px}#lee-home-example .reunion{flex-direction:column;align-items:flex-start;padding:20px}#lee-home-example .columns{grid-template-columns:1fr;gap:24px}}


    #lee-home-example .page-layout {display:grid;grid-template-columns:170px minmax(0,1fr)}
    #lee-home-example .page-content {min-width:0}
    #lee-home-example .sidebar {background:var(--soft);border-right:1px solid var(--line);padding:18px 0}
    #lee-home-example .sidebar nav {display:flex;flex-direction:column;gap:6px;padding:0 10px;background:transparent}
    #lee-home-example .sidebar nav button {text-align:left;min-height:44px}
    #lee-home-example .sidebar nav button[aria-pressed="true"] {background:var(--paper)}
    #lee-home-example .reunion {flex-wrap:wrap}
    #lee-home-example .hero {padding:32px 26px}
    #lee-home-example h1 {font-size:31px}
    @media(max-width:540px) {#lee-home-example .page-layout{grid-template-columns:110px minmax(0,1fr)}#lee-home-example .sidebar nav{padding:0 6px}#lee-home-example .sidebar nav button{padding:9px 7px;font-size:13px}#lee-home-example .hero{padding:24px 16px}#lee-home-example h1{font-size:25px}#lee-home-example main{padding:18px 14px}#lee-home-example .reunion{padding:16px}#lee-home-example .action{padding:10px 12px}#lee-home-example .columns{grid-template-columns:1fr}}
    #lee-home-example footer.hero {display:block;border-top:0}
    #lee-home-example .footer-meta {margin-top:24px;padding-top:16px;border-top:1px solid #8298a7;font-size:12px;color:#dce7ee}

    #lee-home-example .new-header {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) 110px;align-items:center;gap:22px;padding:30px 26px;background:var(--navy);color:#fff;border-bottom:3px solid var(--gold)}
    #lee-home-example .new-header .boat {width:100%;height:auto;background:#fff;border-radius:6px}
    #lee-home-example .new-header .patch {width:110px;height:auto;background:#fff;border-radius:50%}
    #lee-home-example .new-header .title {text-align:center;min-width:0}
    #lee-home-example .new-header h1 {font-size:29px;line-height:1.3;margin:0;letter-spacing:.5px;color:#fff}
    #lee-home-example .new-header .number {display:block;width:100%;text-align:center;font-size:25px;letter-spacing:3px;margin-top:12px;color:var(--gold)}
    @media(max-width:540px) {#lee-home-example .new-header{grid-template-columns:65px minmax(0,1fr) 58px;gap:10px;padding:24px 12px}#lee-home-example .new-header .patch{width:58px}#lee-home-example .new-header h1{font-size:21px}#lee-home-example .new-header .number{display:block;width:100%;text-align:center;font-size:20px;letter-spacing:2px}}

    #lee-home-example {font-size:14px;line-height:1.4}
    #lee-home-example .new-header {padding:16px 22px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) 76px}
    #lee-home-example .new-header .patch {width:76px}
    #lee-home-example .new-header h1 {font-size:25px;line-height:1.2}
    #lee-home-example .new-header .number {display:block;width:100%;text-align:center;font-size:22px;margin-top:7px}
    #lee-home-example .sidebar {padding:12px 0}
    #lee-home-example .sidebar nav {gap:2px}
    #lee-home-example .sidebar nav button {padding:8px 10px;min-height:38px}
    #lee-home-example main {padding:18px 22px}
    #lee-home-example .reunion {padding:15px 18px;gap:12px}
    #lee-home-example h2 {font-size:20px;margin:3px 0 5px}
    #lee-home-example h3 {font-size:17px;margin:0 0 7px}
    #lee-home-example .action {padding:8px 12px;min-height:36px;font-size:13px}
    #lee-home-example .columns {padding:18px 0;gap:22px}
    #lee-home-example .columns p {margin-bottom:7px;font-size:13px}
    #lee-home-example .purpose {padding-top:16px}
    #lee-home-example .purpose p {font-size:13px;margin-bottom:7px}
    #lee-home-example footer.hero {padding:20px 26px}
    #lee-home-example footer.hero .eyebrow {font-size:11px;letter-spacing:1.5px}
    #lee-home-example footer.hero h1 {font-size:23px;margin:7px 0 8px;max-width:none}
    #lee-home-example footer.hero p {font-size:13px;margin-bottom:12px;max-width:none}
    #lee-home-example .footer-meta {margin-top:12px;padding-top:10px;font-size:11px}
    #lee-home-example .detail {margin-top:12px;padding:12px}
    @media(max-width:540px) {#lee-home-example .new-header{padding:15px 12px;grid-template-columns:62px minmax(0,1fr) 52px;gap:10px}#lee-home-example .new-header .patch{width:52px}#lee-home-example .new-header h1{font-size:20px}#lee-home-example .new-header .number{display:block;width:100%;text-align:center;font-size:19px}#lee-home-example main{padding:15px 12px}#lee-home-example .reunion{padding:12px}#lee-home-example .columns{gap:16px}#lee-home-example footer.hero{padding:18px}#lee-home-example footer.hero h1{font-size:21px}}
    @media print {#lee-home-example {font-size:11px;break-inside:avoid}#lee-home-example .new-header,#lee-home-example footer.hero {print-color-adjust:exact;-webkit-print-color-adjust:exact}#lee-home-example .detail{display:none}#lee-home-example .page-layout{grid-template-columns:135px minmax(0,1fr)}#lee-home-example .columns{grid-template-columns:1fr 1fr}}
  
html,body {margin:0;padding:0;color-scheme:light dark;font-family:Arial,sans-serif}
#lee-home-example {min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;border-radius:0}
#lee-home-example .page-layout {flex:1}
#lee-home-example .sidebar a {display:block;padding:12px;border-radius:5px;color:var(--ink);text-decoration:none;font-size:14px}
#lee-home-example .sidebar a[aria-current="page"] {background:var(--paper);font-weight:700}
#lee-home-example .admin-content {padding:36px;max-width:740px;width:100%;margin:0 auto}
#lee-home-example .admin-label {color:var(--sub);font-size:12px;letter-spacing:1.5px;margin-bottom:8px}
#lee-home-example .login-panel {margin-top:28px;padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:8px;max-width:480px}
#lee-home-example label {display:block;font-size:14px;font-weight:700;margin:0 0 8px}
#lee-home-example input {box-sizing:border-box;display:block;width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);margin-bottom:20px}
#lee-home-example .login-submit {background:var(--navy);color:#fff;border:0;padding:12px 24px;border-radius:5px;font:inherit;font-weight:700;cursor:pointer}
#lee-home-example .action {text-decoration:none;display:inline-flex;align-items:center}
#lee-home-example a:focus-visible,#lee-home-example button:focus-visible,#lee-home-example input:focus-visible {outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:540px) {#lee-home-example .admin-content{padding:24px 16px}#lee-home-example .login-panel{padding:18px}#lee-home-example .admin-content h2{font-size:20px}}

#lee-home-example #content {display:grid;grid-template-columns:230px minmax(0,1fr);flex:1;min-width:0}
#lee-home-example #content-left {background:var(--soft);border-right:1px solid var(--line);padding:22px 18px;min-width:0}
#lee-home-example #content-main {padding:28px;min-width:0;overflow-wrap:anywhere}
#lee-home-example #content:has(> #content-main:first-child) {grid-template-columns:1fr}
#lee-home-example #content-left a {display:inline-block;color:var(--ink);padding:5px 0;text-decoration:none;font-size:14px}
#lee-home-example #content-left a:hover {text-decoration:underline}
#lee-home-example #content-left h3 {font-size:18px;margin:0 0 16px}
#lee-home-example #content-left p {font-size:14px}
#lee-home-example #content-left hr {border:0;border-top:1px solid var(--line);margin:16px 0}
#lee-home-example #content-left .nav-header {display:inline-block!important;color:var(--ink)!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;cursor:default;padding:5px 0;text-decoration:underline!important}
#lee-home-example #content-left .nav-link {display:inline-block;color:var(--ink);padding:5px 0 5px 18px;text-decoration:none;font-size:12px;position:relative;cursor:pointer}
#lee-home-example #content-left .nav-link::before {content:"›";position:absolute;left:0;font-size:18px;font-weight:700;color:var(--sub);line-height:1}
#lee-home-example #content-left .nav-link:hover {text-decoration:underline;color:var(--navy)}
#lee-home-example #content-left .nav-link:hover::before {color:var(--navy)}
#lee-home-example #content-main table {max-width:100%;border-collapse:collapse}
#lee-home-example #content-main th,#lee-home-example #content-main td {padding:8px;vertical-align:top}
#lee-home-example #content-main select,#lee-home-example #content-main textarea {font:inherit;max-width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:8px;border-radius:4px}
#lee-home-example #content-main input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]) {width:auto;max-width:100%;display:inline-block;margin-bottom:8px}
#lee-home-example #content-main input[type=checkbox],#lee-home-example #content-main input[type=radio] {width:auto;display:inline-block;margin:4px}
#lee-home-example #content-main .login-panel input {width:100%!important;display:block!important;margin-bottom:20px!important}
#lee-home-example #content-main input[type=submit],#lee-home-example #content-main input[type=button] {width:auto;background:var(--navy);color:#fff;font:inherit;padding:10px 16px;border:0;border-radius:5px}
@media(max-width:650px) {#lee-home-example #content{grid-template-columns:160px minmax(0,1fr)}#lee-home-example #content-left{padding:16px 12px}#lee-home-example #content-main{padding:20px 14px}}
@media(max-width:420px) {#lee-home-example #content{grid-template-columns:1fr}#lee-home-example #content-left{border-right:0;border-bottom:1px solid var(--line)}}