.ro-calendar{--roc-navy:#0b2b4b;--roc-gold:#b88b36;color:#193750;font-family:'Sarabun',sans-serif;line-height:1.8}.ro-calendar *{box-sizing:border-box}.roc-hero{background:radial-gradient(ellipse at top right,#295572,transparent 65%),#092845;color:#fff;padding:40px;border-radius:22px;border-bottom:4px solid #dfbc68}.roc-hero>span,.roc-month-heading>span{font-size:11px;letter-spacing:2px;color:#d5b66c}.roc-hero h2{font:500 clamp(26px,4vw,40px)/1.5 'Kanit',sans-serif;color:#fff;margin:10px 0}.roc-hero p{color:#d9e4ed;margin:0 0 20px}.roc-hero a{color:#f5d48c!important;border:1px solid #d7bc7855;border-radius:10px;padding:10px 16px;display:inline-block}.roc-tools{display:flex;gap:16px;align-items:flex-end;padding:24px 0;flex-wrap:wrap}.roc-tools label{display:block;flex:1;min-width:200px;font-weight:600}.roc-tools select,.roc-tools input{display:block;width:100%;min-height:48px;border:1px solid #cdd9e2;background:#fff;border-radius:10px;padding:10px 12px;font:400 16px 'Sarabun',sans-serif;color:#193750;margin-top:6px}.roc-reset{min-height:48px;padding:10px 20px;border:0;border-radius:10px;background:#0b2b4b;color:white;font:500 16px 'Kanit',sans-serif}.roc-status{font-size:14px;color:#687e91}.roc-month-card{border:1px solid #dfe7ed;border-radius:18px;margin:0 0 24px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #0b2b4b08}.roc-month-heading{padding:20px 26px;background:#f4f7fa;border-bottom:1px solid #e1e8ee}.roc-month-heading>span{color:#9c7b3e}.roc-month-heading h3{font:500 25px 'Kanit',sans-serif;margin:6px 0 0}.roc-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr);gap:30px;padding:26px}.roc-grid{border-collapse:collapse;width:100%;table-layout:fixed;font-size:16px;text-align:center}.roc-grid th,.roc-grid td{padding:10px 2px;border:1px solid #edf1f5;text-align:center}.roc-grid th{background:#0b2b4b;color:#fff;font-weight:500}.roc-grid td:first-child{color:#b35353;background:#fff8f6}.roc-grid td:last-child{color:#986f28;background:#fcfaf5}.roc-agenda h4{font:500 18px 'Kanit',sans-serif;margin:0 0 12px;display:flex;align-items:center;gap:9px}.roc-dot{width:9px;height:9px;border-radius:50%;background:#b88b36;flex-shrink:0}.roc-dot.is-holiday{background:#c06d67}.roc-agenda ul{padding:0;margin:0 0 22px;list-style:none}.roc-agenda li{padding:12px 14px;border-left:3px solid #d1af68;border-radius:0 9px 9px 0;background:#f7f9fb;margin:0 0 9px;overflow-wrap:anywhere;font-size:16px}.roc-agenda .roc-holidays li{border-left-color:#cf8d83;background:#fff8f6}.roc-note,.roc-muted,.roc-footer{font-size:14px;color:#6a7f91}.roc-note{background:#faf6eb;border-radius:8px;padding:10px;margin-top:14px}.roc-footer{padding:20px 0;border-top:1px solid #e4eaf0}.roc-empty{background:#f4f7fa;padding:24px;border-radius:12px}.ro-calendar [hidden]{display:none!important}.ro-calendar :focus-visible{outline:3px solid #b88b36;outline-offset:3px}@media(max-width:700px){.roc-hero{padding:26px 22px}.roc-tools{gap:12px}.roc-tools label{min-width:100%;flex-basis:100%}.roc-layout{grid-template-columns:minmax(0,1fr);padding:18px;gap:22px}.roc-month-heading{padding:18px}.roc-grid td{padding:12px 2px}.roc-month-heading h3{font-size:23px}.roc-agenda li{font-size:16px}.roc-hero>span{letter-spacing:1px;font-size:9px}}