/* Thanksgiving Turkey & Dinner Planner — extends the shared US planner style (us-planners.css). */
.tg-hero{background:radial-gradient(circle at 92% 18%,#ff9a3d33,transparent 38%),linear-gradient(120deg,#392654,#211d38 75%)}
.tg-src{font-size:.9rem;color:#d9cdeb}.tg-src a,.tg-safety a{color:#ffcf8a}
.tg-toolbar{position:sticky;top:0;z-index:5;padding:10px;margin:14px 0;border-radius:14px;background:#171528ee;backdrop-filter:blur(6px)}
.tg-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;align-items:start}
.tg-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:76px;max-height:calc(100vh - 90px);overflow:auto;padding-right:4px}
.tg-side .usp-panel,.tg-main .usp-panel{margin:0}
.tg-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.tg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tg-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tg .usp-field small{color:var(--usp-muted);font-size:.78rem}
.tg-sides{display:flex;flex-direction:column;gap:8px;margin:10px 0}
.tg-side-row{border:1px solid var(--usp-line);border-radius:12px;padding:8px 10px;background:#1c182e}
.tg-side-row.off{opacity:.55}
.tg-side-top{display:flex;align-items:center;gap:8px}.tg-side-top input[type=text]{flex:1;min-width:0}
.tg-side-top .tg-x{padding:4px 9px}
.tg-side-more{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:6px;margin-top:6px}
.tg-side-more label{display:flex;flex-direction:column;gap:2px;font-size:.75rem;color:var(--usp-muted)}
.tg-side-more input,.tg-side-more select{min-width:0;padding:6px 8px}
.tg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.tg-kpi{padding:14px;border:1px solid var(--usp-line);border-radius:14px;background:#2d2645}
.tg-kpi span{display:block;font-size:.78rem;color:var(--usp-muted);text-transform:uppercase;letter-spacing:.05em}
.tg-kpi strong{display:block;font-size:1.45rem;color:#fff;margin:4px 0 2px;line-height:1.2}
.tg-kpi small{color:var(--usp-muted)}
.tg-kpi.turkey{background:linear-gradient(135deg,#5b3a1f,#2d2645 70%);border-color:#a8703c}
.tg-warn{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.tg-warn li{padding:9px 12px;border-radius:10px;border:1px solid #8a6a2a;background:#2e2412;color:#ffe2a6;line-height:1.5}
.tg-warn li.ok{border-color:#2a6a44;background:#10291c;color:#c3f5d6}
.tg-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.tg-gantt{position:relative;margin-top:8px;overflow-x:auto}
.tg-gantt-inner{position:relative;min-width:560px}
.tg-axis{position:relative;height:22px;border-bottom:1px solid var(--usp-line);margin-left:170px;font-size:.75rem;color:var(--usp-muted)}
.tg-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.tg-lane{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;min-height:30px;border-bottom:1px dashed #3a3352}
.tg-lane b{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}
.tg-track{position:relative;height:30px}
.tg-bar{position:absolute;top:5px;height:20px;border-radius:6px;font-size:.72rem;line-height:20px;padding:0 6px;color:#1b1430;font-weight:700;overflow:hidden;white-space:nowrap}
.tg-bar.turkey{background:#ff9a3d}.tg-bar.oven{background:#ffd166}.tg-bar.stove{background:#7ad1b6}.tg-bar.rest{background:#c9b6ff}.tg-bar.prep{background:#9fb4d8}
.tg-now{position:absolute;top:0;bottom:0;width:2px;background:#e8364f}
.tg-timeline{list-style:none;margin:0;padding:0;position:relative}
.tg-day{margin:14px 0 6px;font-weight:800;color:#d9c1ff;font-size:.95rem}
.tg-ev{display:grid;grid-template-columns:90px 22px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid #3a3352}
.tg-ev time{font-variant-numeric:tabular-nums;font-weight:700;color:#fff}
.tg-dot{width:14px;height:14px;border-radius:50%;margin-top:4px;background:#9fb4d8}
.tg-ev.thaw .tg-dot{background:#7aa7ff}.tg-ev.turkey .tg-dot{background:#ff9a3d}.tg-ev.check .tg-dot{background:#e8364f}.tg-ev.side .tg-dot{background:#ffd166}.tg-ev.serve .tg-dot{background:#2fbf8f}.tg-ev.safety .tg-dot{background:#e8364f;border-radius:3px}.tg-ev.shop .tg-dot{background:#c9b6ff}.tg-ev.rest .tg-dot{background:#c9b6ff}
.tg-ev b{color:#fff}.tg-ev p{margin:3px 0 0;color:var(--usp-muted);line-height:1.5;font-size:.9rem}
.tg-ev.serve b{color:#9ff0c9}
.tg-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tg-shop{list-style:none;margin:0;padding:0}.tg-shop li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #3a3352}.tg-shop li b{color:#fff;font-weight:600}.tg-shop li span{color:var(--usp-muted);text-align:right}
.tg-safety ul{margin:0;padding-left:18px;line-height:1.65}.tg-safety b{color:#ffcf8a}
@media(max-width:1050px){.tg-layout{grid-template-columns:1fr}.tg-side{position:static;max-height:none;overflow:visible}.tg-two{grid-template-columns:1fr}}
@media(max-width:560px){.tg-grid3{grid-template-columns:1fr 1fr}.tg-ev{grid-template-columns:70px 16px minmax(0,1fr);gap:8px}.tg-lane{grid-template-columns:110px minmax(0,1fr)}.tg-axis{margin-left:110px}.tg-toolbar{position:static}}
@media print{.tg-toolbar,.tg-side,.usp-status,.tg-hero .usp-steps,header.site-header,nav,footer{display:none!important}.tg-layout{display:block}.tg *{color:#000!important;background:#fff!important;border-color:#bbb!important}.tg-bar{border:1px solid #000}.usp-panel{break-inside:avoid}}
.tg select,.tg input[type=text],.tg input[type=number],.tg input[type=date],.tg input[type=time]{background:#110f1f;color:#fff;border:1px solid var(--usp-line);border-radius:9px;padding:9px 10px;font:inherit;color-scheme:dark}
.tg select:focus,.tg input:focus{outline:2px solid var(--usp-accent);outline-offset:1px}
@media(max-width:1050px){.tg-toolbar{position:static;background:none;padding:0}}
/* tabs */
.tg-side{padding:0!important;overflow:hidden}
.tg-side .tg-pane{padding:16px 18px 18px}
.tg-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--usp-line);background:#1c182e;overflow-x:auto;scrollbar-width:thin}
.tg .tg-tabs [role=tab]{flex:1 0 auto;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:none;color:var(--usp-muted);font-weight:600;white-space:nowrap}
.tg .tg-tabs [role=tab]:hover{background:#2d2645;color:#fff}
.tg .tg-tabs [role=tab][aria-selected=true]{background:#57406f;border-color:#8b74b5;color:#fff}
.tg-results{padding:0!important;overflow:hidden}
.tg-results .tg-tabs{border-radius:0}
.tg-results .tg-pane{padding:16px 18px 18px}
.tg .tg-next{margin-top:14px;width:100%;background:#3b304f}
.tg .tg-link{padding:2px 8px;margin-left:4px;font-size:.85rem;background:#4a3a20;border-color:#8a6a2a}
@media(min-width:1051px){.tg-side{max-height:calc(100vh - 90px);display:flex;flex-direction:column}.tg-side .tg-pane{overflow:auto}.tg-results .tg-pane{max-height:calc(100vh - 330px);min-height:320px;overflow:auto}}
@media print{.tg-pane[hidden]{display:block!important}.tg-tabs,.tg-next,.tg-link{display:none!important}.tg-results .tg-pane{max-height:none!important;overflow:visible!important}}
/* only the pane scrolls; the tab bar stays put */
.tg-side,.tg-results{overflow:clip!important}
.tg-side .tg-tabs,.tg-results .tg-tabs{flex:none;position:sticky;top:0;z-index:2}
@media(min-width:1051px){.tg-side .tg-pane{flex:1;min-height:0;overscroll-behavior:contain}}
.tg-toolbar{position:static!important;background:none!important;padding:0!important}.tg-side{top:96px}
.tg .usp-status:empty{display:none}