:root{--bg: #ffffff;--ink: #111111;--ink-2: #6e6e6e;--accent: #cc7722;--accent-light: #e09a55;--accent-muted: #aa6600;--holiday-bg: #d04040;--holiday-text: #ffffff;--container: 720px;--sidebar-width: 200px;--hairline: #e5e5e5}.main-layout{display:flex;min-height:calc(100vh - 120px);gap:32px;max-width:calc(var(--container) + var(--sidebar-width) + 32px);margin:0 auto;padding:24px}.sidebar{width:var(--sidebar-width);position:sticky;top:24px;height:fit-content;background:var(--bg)}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:8px}.sidebar-year{margin-bottom:16px}.sidebar-year-label{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}.sidebar-year-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.sidebar-nav a{display:block;padding:6px 12px;color:var(--ink-2);text-decoration:none;font-size:14px;border-radius:4px;transition:background-color .2s ease}.sidebar-nav a:hover{background:#f8f8f8;color:var(--ink)}.sidebar-nav a.active{background:#f0f0f0;color:var(--accent);font-weight:500}.sidebar-nav a:focus-visible{outline:1px dotted var(--accent);outline-offset:2px}.content{flex:1;min-width:0}.page-title{margin:0 0 32px;font-size:clamp(28px,4vw,36px);font-weight:400;color:var(--ink);letter-spacing:-.01em}.holiday-card{margin:0;scroll-margin-top:32px}.holiday-header{margin-bottom:16px}.holiday-title{margin:0 0 4px;font-size:24px;font-weight:500;color:var(--ink)}.holiday-subtitle{margin:0;font-size:14px;color:var(--ink-2)}.suggestion-badge{display:inline-block;margin-left:12px;padding:2px 8px;background:var(--accent-light);color:var(--ink);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:12px}.mini-calendar{max-width:340px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.calendar-day{background:var(--bg);padding:8px 4px;text-align:center;font-size:12px;min-height:24px;display:flex;align-items:center;justify-content:center;position:relative}.calendar-day.header{background:#f8f8f8;font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.calendar-day.other-month{color:#ccc}.calendar-day.weekend{background:#f9f9f9;color:var(--ink-2)}.calendar-day.holiday{background:var(--holiday-bg);color:var(--holiday-text);font-weight:600}.calendar-day.suggested-leave{background:var(--accent-light);color:var(--ink);font-weight:500;position:relative}.calendar-day.suggested-leave:after{content:"★";position:absolute;top:2px;right:2px;font-size:8px;color:var(--accent-muted);font-weight:700}.calendar-day.long-weekend-range{background:#fff3e6;border-left:3px solid var(--accent)}.calendar-day.holiday.long-weekend-range{background:var(--holiday-bg);color:var(--holiday-text);border-left-color:var(--holiday-bg)}.cta-message{padding:16px 20px;background:#fafafa;border-left:4px solid var(--accent);margin:16px 0;font-size:14px;color:var(--ink)}.cta-highlight{font-weight:500;color:var(--accent)}.legend{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 32px;padding:16px;background:#fafafa;border-radius:4px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2)}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.legend-color.weekend{background:#f9f9f9;border:1px solid var(--hairline)}.legend-color.holiday{background:var(--holiday-bg)}.month-block{margin-bottom:64px}.month-block:last-of-type{margin-bottom:32px}.month-header{margin-bottom:24px}.month-title{margin:0;font-size:clamp(40px,7vw,52px);font-weight:600;letter-spacing:.08em;color:var(--ink);text-transform:uppercase}.month-calendar{margin-bottom:24px}.month-details{display:flex;flex-direction:column;gap:32px}.month-details .holiday-card{border-bottom:1px solid var(--hairline);padding-bottom:24px}.month-details .holiday-card:last-child{border-bottom:none;padding-bottom:0}.legend-color.suggested{background:var(--accent-light)}.legend-color.range{background:#fff3e6;border-left:3px solid var(--accent)}@media (max-width: 768px){.main-layout{flex-direction:column;gap:24px;padding:16px}.sidebar{width:100%;position:static;border-bottom:1px solid var(--hairline);padding-bottom:16px;margin-bottom:16px}.sidebar-nav{display:flex;flex-wrap:wrap;gap:8px}.sidebar-year{flex:1 1 100%;margin-bottom:8px}.sidebar-year-list{flex-direction:row;flex-wrap:wrap;gap:8px}.sidebar-nav li{margin-bottom:0}.sidebar-nav a{padding:4px 8px;font-size:12px}.page-title{font-size:24px;margin-bottom:24px}.calendar-container{gap:16px}.mini-calendar{min-width:180px}.legend{flex-direction:column;gap:8px}.scroll-top{right:16px;bottom:24px}}.scroll-top{position:fixed;right:32px;bottom:32px;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;border:1px solid rgba(17,17,17,.12);background:#ffffffe6;backdrop-filter:blur(6px);color:var(--accent);font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,color .2s ease,transform .2s ease;box-shadow:0 16px 32px #11111129}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{color:var(--accent-muted)}.scroll-top:focus-visible{outline:1px dotted var(--accent);outline-offset:4px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.sidebar-nav a{transition:none}}