.calendar-icon{flex:none}.preview-label{color:#b5c2d0;border:1px solid #526173;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:.08em}.calendar-showcase{margin:0;border:1px solid #d6dfe4;border-radius:12px;overflow:hidden;background:#fff;color:#152232;box-shadow:0 25px 80px #0004}.sample-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0b1420;color:#fff;font-size:13px}.sample-top>span:first-child{display:flex;align-items:center;gap:10px;font-weight:700}.sample-badge{font-size:10px;letter-spacing:.08em;color:#bac9d8}.sample-workspace{display:flex}.sample-sidebar{width:190px;flex:none;background:#f3f5f8;padding:30px 22px;border-right:1px solid #dce2e9;font-size:12px}.sample-sidebar strong{display:block;margin-bottom:22px}.sample-sidebar p{display:flex;align-items:center;gap:10px;margin:18px 0;color:#516172}.swatch{width:11px;height:11px;border-radius:3px}.swatch.purple{background:#8079c9}.swatch.blue{background:#3586c1}.swatch.green{background:#328866}.sidebar-note{margin-top:70px;line-height:1.8;color:#758295;font-size:11px}.sample-main{flex:1;min-width:0}.sample-toolbar{display:flex;align-items:center;justify-content:space-between;padding:25px 22px}.sample-toolbar h2{font-family:var(--home-display);font-weight:500;font-size:23px;margin:0;letter-spacing:-.03em}.sample-toolbar>span{font-size:11px;border:1px solid #d7dfe6;padding:7px 12px;border-radius:5px}.weekdays,.sample-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays span{padding:10px;text-align:center;font-size:10px;color:#687589;border-top:1px solid #e0e5eb;border-bottom:1px solid #e0e5eb}.date-cell{min-height:90px;padding:8px 5px;border-right:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0}.date-cell:nth-child(7n){border-right:0}.date-label{display:block;font-size:11px;margin:0 3px 7px;color:#49566a}.outside{background:#fafbfd}.outside .date-label{color:#a2aab7}.sample-event{display:block;font-size:10px;line-height:1.4;padding:5px 6px;border-radius:3px;border-left:3px solid;overflow-wrap:anywhere}.sample-event small{display:block;font-size:8px;font-weight:700;opacity:.8;margin-bottom:2px}.sample-event.purple{background:#eeeafa;border-color:#8079c9;color:#51488b}.sample-event.blue{background:#e6f1fb;border-color:#3586c1;color:#255d86}.sample-event.green{background:#e6f3ec;border-color:#328866;color:#226a4d}.calendar-showcase figcaption{font-size:11px;padding:15px 24px;background:white;color:#586572}.view-strip{display:flex;gap:45px;align-items:baseline;border-top:1px solid #cdd6dc;margin-top:50px;padding-top:25px}.view-strip strong{flex:none;font-size:18px;letter-spacing:-.03em}.view-strip p{font-size:14px;line-height:1.8;color:#586572;margin:0}.public-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.public-options article{padding:22px 0;border-bottom:1px solid #cdd6dc}.public-options article:first-child{padding-top:0}.public-options h3{font-size:20px;letter-spacing:-.03em;margin:0 0 12px}.public-options p{color:#586572;font-size:14px;line-height:1.9;margin:0}.records-kicker>.preview-label{width:auto;height:auto;background:transparent;border-radius:4px}.records-hero .records-kicker{flex-wrap:wrap}.records-text-link:focus-visible,.records-button:focus-visible{outline:3px solid #fff;outline-offset:5px}section[id]{scroll-margin-top:100px}
@media(max-width:900px){.sample-sidebar{width:155px;padding:25px 16px}.date-cell{min-height:85px}.sample-event{font-size:9px;padding:4px}.public-section{gap:35px}}
@media(max-width:700px){.sample-sidebar{display:none}.sample-toolbar{padding:20px 14px}.sample-toolbar h2{font-size:19px}.sample-top{padding:14px}.date-cell{min-height:76px;padding:6px 2px}.date-label{font-size:10px}.sample-event{font-size:8px;padding:3px;border-left-width:2px}.sample-event small{display:none}.weekdays span{font-size:9px;padding:8px 2px}.calendar-showcase figcaption{padding:14px;font-size:10px}.view-strip{display:block}.view-strip p{margin-top:12px}.public-section{grid-template-columns:1fr;gap:30px}.preview-label{font-size:8px}.calendar-icon{width:36px;height:36px}}