.snud{--snud-blue:#176da3;--snud-navy:#103c59;--snud-border:#dce6ed;font-family:"Helvetica Neue",Arial,sans-serif;color:#18384c;max-width:1200px;margin:32px auto;line-height:1.6}.snud *{box-sizing:border-box}.snud .snud-hero{background:linear-gradient(120deg,#103c59,#176da3);color:#fff;border-radius:14px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.snud .snud-hero h2{color:white;margin:0 0 10px;font-size:clamp(1.2rem,2.4vw,1.5rem)}.snud .snud-hero p{margin:6px 0}.snud .snud-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em}.snud .snud-hero nav{display:flex;flex-wrap:wrap;gap:12px}.snud .snud-hero a{color:white;border:1px solid #9ac4df;border-radius:6px;padding:8px 14px;white-space:nowrap}.snud a{color:#126393;text-decoration:underline;text-underline-offset:3px}.snud a:hover{color:#0b425f}.snud .snud-hero a:hover{background:#fff;color:#103c59}.snud :focus-visible{outline:3px solid #db940d;outline-offset:4px}.snud .snud-stats{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.snud .snud-stats>div{background:#eef5fa;border:1px solid var(--snud-border);border-radius:10px;padding:16px 24px;min-width:180px}.snud .snud-stats strong{display:block;color:var(--snud-navy);font-size:1.8rem}.snud .snud-stats span{font-size:.9rem}.snud .snud-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.snud .snud-card{background:#fff;border:1px solid var(--snud-border);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 3px 12px #103c5907}.snud h3{font-size:1rem;color:var(--snud-navy);margin:0 0 18px}.snud ul{padding-left:20px;margin:0}.snud li{margin:10px 0}.snud .snud-table-wrap{overflow-x:auto}.snud table{width:100%;border-collapse:collapse;text-align:left;min-width:560px}.snud th,.snud td{padding:14px 12px;border-bottom:1px solid var(--snud-border);vertical-align:middle}.snud thead{background:#f1f6f9}.snud .snud-badge{display:inline-block;border-radius:20px;padding:3px 10px;font-size:.8rem;background:#edf0f3;color:#3d4b58;white-space:nowrap}.snud .snud-status-publish{background:#e2f3ea;color:#165a3a}.snud .snud-status-pending{background:#fff2cf;color:#6b4b02}.snud form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.snud label{display:flex;flex-direction:column;gap:5px;flex:1 1 200px}.snud input{border:1px solid #8ba2b3;border-radius:5px;padding:10px;font:inherit;width:100%;background:white;color:#18384c}.snud button{border:0;border-radius:6px;padding:12px 18px;background:#176da3;color:#fff;font:inherit;cursor:pointer}.snud .snud-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.snud .snud-grid{grid-template-columns:1fr}.snud .snud-hero{align-items:flex-start;flex-direction:column}.snud{margin:16px 0}.snud .snud-card,.snud .snud-hero{padding:20px}.snud .snud-stats>div{flex:1 1 150px}}

.snud .snud-icon{display:inline-block;width:1.15em;height:1.15em;flex-shrink:0;vertical-align:-.2em;margin-right:.45em}.snud .snud-hero-ship{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:88px;height:88px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff0d}.snud .snud-hero-ship .snud-icon{width:52px;height:52px;margin:0;stroke-width:1.25}.snud .snud-grid ul{list-style:none;padding:0}.snud .snud-grid li a{display:inline-flex;align-items:baseline;gap:0}.snud .snud-account-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}.snud .snud-account-form label{min-width:0}.snud .snud-account-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.snud .snud-account-actions button,.snud .snud-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #176da3;border-radius:6px;font:inherit;font-size:.9rem;line-height:1.5;text-decoration:none;cursor:pointer}.snud .snud-button-secondary{background:#edf5fa;color:#126393}.snud .snud-button-secondary:hover{background:#dcecf6;color:#103c59}.snud .snud-account-actions button:hover{background:#125881}@media(max-width:800px){.snud .snud-hero{position:relative;padding-right:88px}.snud .snud-hero-ship{position:absolute;right:18px;top:20px;width:52px;height:52px}.snud .snud-hero-ship .snud-icon{width:32px;height:32px}.snud .snud-account-form{grid-template-columns:1fr}.snud .snud-account-actions{gap:10px}.snud .snud-account-actions button,.snud .snud-button{padding:10px 12px;font-size:.8rem}}
.snud .snud-card h3{font-size:16px;line-height:1.4}.snud .snud-hero h2{font-size:24px;line-height:1.35}@media(max-width:800px){.snud .snud-hero h2{font-size:20px}}
.snud .snud-account-form+p{margin-top:14px}@media(max-width:800px){.snud .snud-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.snud .snud-account-actions button,.snud .snud-account-actions .snud-button{min-width:0;width:100%;padding:10px 8px;white-space:normal;text-align:center}}
/* 1.0.2: stacked account actions and section link feedback. */
.snud .snud-account-actions{display:flex;flex-direction:column;align-items:stretch;justify-self:start;width:210px;max-width:100%;gap:10px}.snud .snud-account-actions button,.snud .snud-account-actions .snud-button{width:100%;min-height:44px;margin:0;font-size:14px}.snud .snud-account-form label{font-size:13px;line-height:1.5}.snud .snud-account-form input{font-size:16px}.snud .snud-grid li a{color:#126393;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:5px;transition:text-decoration-color .18s ease}.snud .snud-grid li a:hover,.snud .snud-grid li a:focus-visible{color:#126393;text-decoration-color:currentColor}@media(prefers-reduced-motion:reduce){.snud .snud-grid li a{transition:none}}
/* 1.0.3: compact, left-aligned welcome panel. */
.snud{margin-top:12px}.snud .snud-hero{padding:24px;flex-direction:row;align-items:center;text-align:left;gap:20px}.snud .snud-hero>div{flex:1;min-width:0;text-align:left}.snud .snud-hero h2,.snud .snud-hero p{text-align:left}.snud .snud-hero-ship{margin-left:auto}@media(max-width:800px){.snud{margin-top:8px}.snud .snud-hero{padding:16px;gap:12px}.snud .snud-hero-ship{position:static;width:52px;height:52px}}
