.page-visualizer .main-layout{display:flex;min-height:calc(100vh - 120px);gap:var(--space-9);max-width:calc(var(--container) + var(--sidebar-width) + 32px);margin:0 auto;padding:var(--space-8)}.page-visualizer .sidebar{width:var(--sidebar-width);position:sticky;top:24px;height:fit-content;background:var(--bg)}.page-visualizer .sidebar-nav{list-style:none;margin:0;padding:0}.page-visualizer .sidebar-nav li{margin-bottom:var(--space-4)}.page-visualizer .sidebar-year{margin-bottom:var(--space-6)}.page-visualizer .sidebar-year-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--space-4)}.page-visualizer .sidebar-year-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.page-visualizer .sidebar-nav a{display:block;padding:var(--space-3) var(--space-5);color:var(--ink-2);text-decoration:none;font-size:var(--text-base);border-radius:var(--radius-sm);transition:background-color .2s ease}.page-visualizer .sidebar-nav a:hover{background:var(--surface-2);color:var(--ink)}.page-visualizer .sidebar-nav a.active{background:var(--surface-2);color:var(--accent);font-weight:var(--weight-medium)}.page-visualizer .sidebar-nav a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.page-visualizer .content{flex:1;min-width:0}.page-visualizer .page-title{margin:0 0 var(--space-9);font-size:clamp(28px,4vw,36px);font-weight:var(--weight-regular);color:var(--ink);letter-spacing:-.01em}.page-visualizer .holiday-card{margin:0;scroll-margin-top:var(--space-9)}.page-visualizer .holiday-header{margin-bottom:var(--space-6)}.page-visualizer .holiday-title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--ink)}.page-visualizer .holiday-subtitle{margin:0;font-size:var(--text-base);color:var(--ink-2)}.page-visualizer .suggestion-badge{display:inline-block;margin-left:var(--space-5);padding:2px 8px;background:var(--accent-light);color:var(--ink);font-size:11px;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-lg)}.page-visualizer .mini-calendar{max-width:340px}.page-visualizer .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.page-visualizer .calendar-day{background:var(--bg);padding:var(--space-4) var(--space-2);text-align:center;font-size:var(--text-sm);min-height:24px;display:flex;align-items:center;justify-content:center;position:relative}.page-visualizer .calendar-day.header{background:var(--surface-2);font-weight:var(--weight-medium);color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs)}.page-visualizer .calendar-day.other-month{color:#ccc}.page-visualizer .calendar-day.weekend{background:var(--surface-2);color:var(--ink-2)}.page-visualizer .calendar-day.holiday{background:var(--holiday-bg);color:var(--holiday-text);font-weight:var(--weight-semibold)}.page-visualizer .calendar-day.suggested-leave{background:var(--accent-light);color:var(--ink);font-weight:var(--weight-medium);position:relative}.page-visualizer .calendar-day.suggested-leave:after{content:"★";position:absolute;top:2px;right:2px;font-size:8px;color:var(--accent-muted);font-weight:700}.page-visualizer .calendar-day.long-weekend-range{background:var(--range-bg);border-left:3px solid var(--accent)}.page-visualizer .calendar-day.holiday.long-weekend-range{background:var(--holiday-bg);color:var(--holiday-text);border-left-color:var(--holiday-bg)}.page-visualizer .cta-message{padding:var(--space-6) var(--space-7);background:var(--surface-3);border-left:4px solid var(--accent);margin:var(--space-6) 0;font-size:var(--text-base);color:var(--ink)}.page-visualizer .cta-highlight{font-weight:var(--weight-medium);color:var(--accent)}.page-visualizer .legend{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0 0 var(--space-9) 0;padding:var(--space-6);background:var(--surface-3);border-radius:var(--radius-sm)}.page-visualizer .legend-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-2)}.page-visualizer .legend-color{width:12px;height:12px;border-radius:var(--radius-xs);flex-shrink:0}.page-visualizer .legend-color.weekend{background:var(--surface-2);border:1px solid var(--hairline)}.page-visualizer .legend-color.holiday{background:var(--holiday-bg)}.page-visualizer .month-block{margin-bottom:var(--space-13)}.page-visualizer .month-block:last-of-type{margin-bottom:var(--space-9)}.page-visualizer .month-header{margin-bottom:var(--space-8)}.page-visualizer .month-title{margin:0;font-size:clamp(40px,7vw,52px);font-weight:var(--weight-semibold);letter-spacing:.08em;color:var(--ink);text-transform:uppercase}.page-visualizer .month-calendar{margin-bottom:var(--space-8)}.page-visualizer .month-details{display:flex;flex-direction:column;gap:var(--space-9)}.page-visualizer .month-details .holiday-card{padding-bottom:0;border-bottom:1px solid var(--hairline);padding-bottom:var(--space-8)}.page-visualizer .month-details .holiday-card:last-child{border-bottom:none;padding-bottom:0}.page-visualizer .legend-color.suggested{background:var(--accent-light)}.page-visualizer .legend-color.range{background:var(--range-bg);border-left:3px solid var(--accent)}.page-visualizer .scroll-top{position:fixed;right:32px;bottom:32px;display:inline-flex;align-items:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-full);border:1px solid var(--control-border);background:#ffffffe6;backdrop-filter:blur(6px);color:var(--accent);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);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}.page-visualizer .scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.page-visualizer .scroll-top:hover{color:var(--accent-muted)}.page-visualizer .scroll-top:focus-visible{outline:var(--focus-ring);outline-offset:4px}@media (max-width: 768px){.page-visualizer .main-layout{flex-direction:column;gap:var(--space-8);padding:var(--space-6)}.page-visualizer .sidebar{width:100%;position:static;border-bottom:1px solid var(--hairline);padding-bottom:var(--space-6);margin-bottom:var(--space-6)}.page-visualizer .sidebar-nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}.page-visualizer .sidebar-year{flex:1 1 100%;margin-bottom:var(--space-4)}.page-visualizer .sidebar-year-list{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.page-visualizer .sidebar-nav li{margin-bottom:0}.page-visualizer .sidebar-nav a{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.page-visualizer .page-title{font-size:var(--text-xl);margin-bottom:var(--space-8)}.page-visualizer .calendar-container{gap:var(--space-6)}.page-visualizer .mini-calendar{min-width:180px}.page-visualizer .legend{flex-direction:column;gap:var(--space-4)}.page-visualizer .scroll-top{right:var(--space-6);bottom:var(--space-8)}}