/* Annual coordination: a real calendar with aligned workstreams and a focused
   explanation. Overflow is limited to the timeline, never the whole page. */
.planning-section { min-width: 0; }
.planning-heading { display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:42px; }
.planning-heading h2 { max-width:780px; }
.planning-heading > p { font-size:15px;line-height:1.75;max-width:380px; }
.planning-toolbar { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px; }
.planning-scenarios { display:inline-flex;gap:6px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:7px; }
.planning-scenarios button { min-height:44px;padding:9px 18px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:4px;display:inline-flex;gap:12px;align-items:center;font:500 13px/1.4 var(--font); }
.planning-scenarios button span { font:10px var(--mono);opacity:.75; }
.planning-scenarios button[aria-pressed="true"] { background:var(--ink);color:var(--paper);border-color:var(--ink); }
.planning-scenarios button:hover { border-color:var(--line); }
.planning-caption { font:11px/1.6 var(--mono);text-align:right; }
.planning-quarters { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-bottom:0; }
.planning-quarters button { position:relative;display:flex;justify-content:center;align-items:center;gap:15px;min-height:49px;padding:11px 12px;border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--muted);font:12px/1.5 var(--mono); }
.planning-quarters button:last-child { border-right:0; }
.planning-quarters button > span { font-size:9px;opacity:.65; }
.planning-quarters button[aria-pressed="true"] { background:var(--panel);color:var(--ink);box-shadow:inset 0 -3px 0 var(--lime); }
.planning-quarters button:hover { background:var(--panel);color:var(--ink); }
.planning-scroll { position:relative;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);scrollbar-color:var(--muted) var(--panel);scrollbar-width:thin; }
.planning-scroll-hint { display:none; }
.planning-table { width:100%;min-width:1080px;table-layout:fixed;border-collapse:collapse;font-size:11px; }
.planning-lane-col { width:194px; }
.planning-period-col { background:color-mix(in srgb,var(--lime) 7%,var(--paper)); }
.planning-table th,.planning-table td { border-bottom:1px solid var(--line); }
.planning-table thead th { padding:17px 0;background:var(--panel);font:10px var(--mono);color:var(--muted);font-weight:400;border-right:1px solid var(--line); }
.planning-table thead th.is-selected { background:color-mix(in srgb,var(--lime) 16%,var(--panel));color:var(--ink); }
.planning-table thead th:first-child { padding:17px 18px;text-align:left; }
.planning-table th:first-child { position:sticky;left:0;z-index:2;background:var(--paper);border-right:1px solid var(--line);box-shadow:3px 0 5px #00000004; }
.planning-table thead th:first-child { background:var(--panel); }
.planning-table tbody th { padding:17px 18px;text-align:left; }
.planning-table tbody th strong { display:block;font-size:12px;line-height:1.4;font-weight:550;color:var(--ink); }
.planning-table tbody th small { display:block;font-size:9px;line-height:1.45;color:var(--muted);font-weight:400;margin-top:5px; }
.planning-table td { padding:12px 4px;vertical-align:middle; }
.planning-table tbody tr:last-child :is(th,td) { border-bottom:0; }
.planning-bar { position:relative;min-height:43px;display:flex;align-items:center;justify-content:center;padding:8px 9px;border:1px solid var(--line);border-radius:3px;text-align:center;font:500 10px/1.5 var(--font);color:var(--ink);background:var(--panel); }
.planning-bar.priority { background:color-mix(in srgb,var(--lime) 24%,var(--paper));border-color:color-mix(in srgb,var(--lime) 40%,var(--line)); }
.planning-bar.priority.is-active { background:var(--lime);color:#253016;border-color:var(--lime); }
.planning-bar.test { border-style:dashed;background:var(--paper); }
.planning-bar.test.is-active { border-color:var(--accent);background:color-mix(in srgb,var(--lime) 10%,var(--paper)); }
.planning-bar.ongoing { justify-content:flex-start;padding-inline:17px;font-size:11px;border-color:var(--line);background:var(--panel);color:var(--muted); }
.planning-bar.ongoing.is-active { color:var(--ink); }
.planning-legend { display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:18px 0 29px;font:10px/1.5 var(--font);color:var(--muted); }
.planning-legend > span { display:inline-flex;align-items:center;gap:8px; }
.planning-key { width:19px;height:9px;display:inline-block;border:1px solid var(--line);background:var(--panel);border-radius:2px; }
.planning-key.priority { background:var(--lime);border-color:var(--lime); }
.planning-key.test { border-style:dashed;border-color:var(--accent);background:transparent; }
.planning-key.ongoing { background:var(--muted);opacity:.6; }
.planning-detail { display:grid;grid-template-columns:.9fr 1.45fr;gap:48px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:5px; }
.planning-detail-intro .eyebrow { font-size:10px;margin-bottom:14px; }
.planning-detail h3 { font-size:30px;line-height:1.15;max-width:340px; }
.planning-detail-intro > p { font-size:13px;line-height:1.75;margin-top:18px; }
.planning-actions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.planning-actions h4 { font-size:12px;line-height:1.45;margin:0 0 12px;font-weight:600; }
.planning-actions p { font-size:11px;line-height:1.75; }
.planning-decision { border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;gap:12px;font-size:11px;line-height:1.75;color:var(--ink); }
.planning-decision > span:first-child { font:20px var(--mono);color:var(--accent); }
.planning-sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
.planning-section button:focus-visible,.planning-scroll:focus-visible { outline:3px solid var(--focus,var(--accent));outline-offset:4px;z-index:3; }
.pilotage :is(.planning-scenarios,.planning-scenarios button,.planning-bar,.planning-detail) { border-radius:1px; }
.pilotage .planning-scenarios button[aria-pressed="true"] { background:var(--lime);color:#253016;border-color:var(--lime); }
@media(max-width:1150px) {
 .planning-heading { grid-template-columns:1.3fr .7fr;gap:36px; }
 .planning-scroll-hint { display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:10px 0;color:var(--muted); }
 .planning-quarters { border-bottom:1px solid var(--line); }
 .planning-detail { grid-template-columns:.8fr 1.2fr;gap:30px;padding:27px; }
 .planning-actions { gap:15px; }
 .planning-detail h3 { font-size:27px; }
}
@media(max-width:800px) {
 .planning-heading { grid-template-columns:1fr;gap:24px;margin-bottom:30px; }
 .planning-heading > p { max-width:550px;font-size:14px; }
 .planning-toolbar { align-items:flex-start;flex-direction:column;gap:15px; }
 .planning-caption { text-align:left;font-size:10px; }
 .planning-detail { grid-template-columns:1fr;gap:25px; }
 .planning-detail h3 { max-width:550px;font-size:30px; }
 .planning-detail-intro > p { max-width:550px; }
 .planning-lane-col { width:165px; }
 .planning-table { min-width:1050px; }
 .planning-table tbody th { padding:14px; }
 .planning-table tbody th strong { font-size:11px; }
 .planning-table tbody th small { font-size:9px; }
 .planning-actions h4 { font-size:13px; }
 .planning-actions p { font-size:12px; }
 .planning-decision { font-size:12px; }
}
@media(max-width:480px) {
 .planning-scenarios { width:100%; }
 .planning-scenarios button { flex:1;justify-content:center;gap:9px;padding-inline:10px;font-size:12px; }
 .planning-quarters button { min-height:48px;padding:10px 3px;font-size:9px;gap:0; }
 .planning-quarters button > span { display:none; }
 .planning-scroll-hint { flex-direction:column;gap:4px;font-size:10px; }
 .planning-scroll-hint > span { color:var(--ink); }
 .planning-lane-col { width:142px; }
 .planning-table { min-width:1030px; }
 .planning-table tbody th { padding:12px 10px; }
 .planning-table tbody th strong { font-size:11px; }
 .planning-table thead th:first-child { font-size:9px;padding:14px 10px; }
 .planning-legend { gap:11px 17px;padding:16px 0 22px;font-size:9px; }
 .planning-detail { padding:23px 20px;gap:24px; }
 .planning-detail h3 { font-size:28px; }
 .planning-actions { grid-template-columns:1fr;gap:18px; }
 .planning-actions article { display:grid;grid-template-columns:95px 1fr;gap:14px; }
 .planning-actions h4 { margin:0;font-size:12px; }
 .planning-actions p { font-size:12px; }
 .planning-decision { font-size:11px; }
}