/* Sidebar-only layout and interaction styling. Centre styles remain in the template. */
.mobile-next{display:none}
.rail,.mobile-next{--category:#3483fa;--header-bg:#276bd4;--header-ink:#fff;--side-pad:14px;--side-gap:8px;--ink:#303b49;--muted:#656b63;--surface:#fff;--soft:#f2f2f2;--line:#d7d7d7;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Segoe UI',system-ui,sans-serif;color:var(--ink)}
main.partner-layout .rail{padding:28px 16px 0 0;min-width:0}main.partner-layout .rail.right{padding:28px 0 0 16px}
main.partner-layout .rail .rail-inner{width:100%;max-width:none;margin:0;padding:var(--side-pad);border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;transition:border-color 160ms ease-out}
main.partner-layout .rail.right .rail-inner{padding:0;border:2px solid var(--category)}
.rail [data-task=organise],.mobile-next [data-task=organise],.rail-inner[data-category=organise],.mobile-rec[data-category=organise]{--category:#b738e8;--header-bg:#a72bdb}
.rail [data-task=send],.mobile-next [data-task=send],.rail-inner[data-category=send],.mobile-rec[data-category=send]{--category:#ed9d14;--header-bg:#ed9d14;--header-ink:#151515}
.rail [data-task=collect],.mobile-next [data-task=collect],.rail-inner[data-category=collect],.mobile-rec[data-category=collect]{--category:#2bacbf;--header-bg:#2bacbf;--header-ink:#151515}
.rail [data-task=automate],.mobile-next [data-task=automate],.rail-inner[data-category=automate],.mobile-rec[data-category=automate]{--category:#ed6b35;--header-bg:#ed6b35;--header-ink:#151515}
.rail .desk-intro,.mobile-task-card>h2{font-size:16px;line-height:22px;font-weight:650;margin:0 0 12px;letter-spacing:0;color:var(--ink)}
.rail .task-list,.mobile-next .task-list{display:grid;gap:4px}
main.partner-layout .rail .task,.mobile-next .task{width:100%;min-height:62px;display:grid;grid-template-columns:20px minmax(0,1fr) 14px;align-items:center;gap:var(--side-gap);padding:9px 8px;margin:0;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:14px;font-weight:600;line-height:20px;text-align:start;overflow:hidden;transition:background-color 140ms ease-out}
main.partner-layout .rail .task small,.mobile-next .task small{display:block;font-size:12px;font-weight:400;line-height:18px;color:var(--muted);margin-top:2px}
main.partner-layout .rail .task svg,.mobile-next .task svg{width:20px;height:20px;color:var(--category)}
main.partner-layout .rail .task .chevron,.mobile-next .task .chevron{display:flex;align-items:center;justify-content:center;margin:0;width:14px;opacity:.85}
main.partner-layout .rail .task .chevron svg,.mobile-next .task .chevron svg{width:14px;height:14px;color:var(--muted)}
main.partner-layout .rail .task:hover,.mobile-next .task:hover{background:color-mix(in srgb,var(--category) 6%,var(--surface));box-shadow:none}
main.partner-layout .rail .task[aria-pressed=true],.mobile-next .task[aria-pressed=true]{background:color-mix(in srgb,var(--category) 9%,var(--surface));color:var(--ink);box-shadow:none}
.rail button:focus-visible,.rail a:focus-visible,.mobile-next button:focus-visible,.mobile-next a:focus-visible{outline:0;box-shadow:0 0 0 3px #3569ad40}
main.partner-layout .rail .task:focus-visible,.mobile-next .task:focus-visible{outline:2px solid #3569ad;outline-offset:-2px}
.rail .field-window,.mobile-rec .field-window{height:auto;margin:0;border:0;border-radius:0;background:var(--surface);overflow:visible}
.rail .field-window[hidden],.mobile-rec .field-window[hidden],.tool-slide[hidden]{display:none!important}
.rail .window-bar,.mobile-rec .window-bar{display:flex;align-items:center;gap:var(--side-gap);min-height:48px;padding:12px var(--side-pad);border:0;background:var(--header-bg);color:var(--header-ink);font-size:15px;font-weight:600;line-height:22px}
.rail .window-bar svg,.mobile-rec .window-bar svg{width:20px;height:20px;color:inherit}
.rail .field-body,.mobile-rec .field-body{padding:var(--side-pad);min-width:0}
.category-context{font-size:14px;line-height:21px;color:var(--muted);margin:0 0 16px}
.tool-slide{overflow-wrap:anywhere}
.tool-slide .partner-brand{display:flex;align-items:center;gap:var(--side-gap);margin:0 0 12px}.partner-brand>div:last-child{min-width:0}
.tool-slide .partner-mark{width:44px;height:44px;flex:none;border-radius:4px;background:color-mix(in srgb,#3483fa 12%,var(--surface));color:var(--ink);display:grid;place-items:center;font-size:22px;font-weight:700}
.side-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tool-slide .partner-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:19px;line-height:25px;letter-spacing:0;margin:0 0 4px;font-weight:650}
.recommend-badge{display:inline-flex;color:var(--category)}.recommend-badge svg{width:16px;height:16px}
.partner-pill{display:inline-flex;max-width:100%;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;line-height:16px;font-weight:500}
.tool-slide .partner-copy{font-size:14px;line-height:21px;margin:0 0 12px;color:var(--muted)}
.partner-why{font-size:12px;line-height:18px;margin:0 0 16px;color:var(--muted)}
.tool-slide .partner-visit{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:9px 10px;margin-bottom:16px;border:2px solid #b57b19;border-radius:6px;background:#f2a322;color:#151515;box-shadow:0 3px 0 #b57b19;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;transition:background-color 120ms ease-out,transform 120ms ease-out}
.tool-slide .partner-visit:hover{background:#ffb334}.tool-slide .partner-visit:active{transform:translateY(2px);box-shadow:0 1px 0 #b57b19}.tool-slide .partner-visit svg{width:16px;height:16px}
.offer-ticket{position:relative;display:grid;gap:8px;padding:12px;border:0;border-radius:6px;background:color-mix(in srgb,var(--category) 9%,var(--surface));font-size:12px;line-height:18px}
.recommend-label{color:var(--muted);font-size:11px;line-height:16px;font-weight:600}.ticket-label{font-size:14px;line-height:20px}.offer-ticket code{font:600 16px/20px ui-monospace,SFMono-Regular,monospace;color:var(--ink)}
.ticket-copy{min-height:44px;padding:4px 0;display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--ink);font-size:12px;text-align:start}.ticket-copy svg{width:14px;height:14px}
.offer-ticket small,.partner-tagline{font-size:11px;line-height:16px;color:var(--muted)}
.tool-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:0;border:0}
.tool-navigation button{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);display:grid;place-items:center}
.tool-navigation button:hover:enabled{background:color-mix(in srgb,var(--category) 9%,var(--surface))}.tool-navigation button:disabled{opacity:.4;cursor:default}.tool-navigation svg{width:20px;height:20px}.tool-navigation span{font-size:14px;line-height:21px;color:var(--muted)}
[data-theme=dark] .rail,[data-theme=dark] .mobile-next{--ink:#e7eadf;--muted:#bfc3b9;--surface:#414141;--soft:#505050;--line:#707070}
@media(min-width:1151px){main.partner-layout .rail .rail-inner{position:sticky;top:16px;max-height:calc(100dvh - 32px)}}
@media(max-width:1150px){main.partner-layout .rail{display:none}.mobile-next{display:block;margin:24px 0;padding:0;background:transparent;border:0}.mobile-task-card{padding:var(--side-pad);background:var(--surface);border:1px solid var(--line);border-radius:8px}.mobile-next .task-list{grid-template-columns:1fr 1fr;gap:4px}.mobile-next .task:last-child{grid-column:auto}.mobile-rec{margin-top:16px;max-width:none;border:2px solid var(--category);border-radius:8px;overflow:hidden}}
@media(max-width:500px){.mobile-next .task-list{grid-template-columns:1fr}.mobile-next .task small,.mobile-next .task .chevron{display:flex}.mobile-next .task small{display:block}.mobile-next .task:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.rail *,.mobile-next *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Desktop tracks: 22.5 / 55 / 22.5 of the frame after normal page gutters. */
main.partner-layout{width:var(--site-frame-width,calc(100% - 2 * var(--page-gutter)));grid-template-columns:minmax(0,.225fr) minmax(0,.55fr) minmax(0,.225fr);column-gap:0}
main.partner-layout>.app-column{grid-column:2;grid-row:1}
main.partner-layout .rail{grid-row:1;grid-column:1;align-self:stretch;padding:8px 16px 0 0}
main.partner-layout .rail.right{grid-column:3;padding:8px 0 0 16px}
/* Rails retain English text direction; their gutters follow the outer grid. */
main.partner-layout:dir(rtl) .rail{padding-left:16px;padding-right:0}
main.partner-layout:dir(rtl) .rail.right{padding-left:0;padding-right:16px}
main.partner-layout .rail .rail-inner{top:16px}
main.partner-layout .tool-navigation{flex-wrap:nowrap}
main.partner-layout .tool-navigation[hidden]{display:none}
main.partner-layout .partner-visit{display:flex}
main.partner-layout .rail .task:hover{border-color:transparent}
main.partner-layout .partner-disclosure{font-size:11px;line-height:16px;color:var(--muted);margin:12px 0 0}
@media(max-width:1150px){main.partner-layout{grid-template-columns:minmax(0,1fr)}main.partner-layout>.app-column{grid-column:1}main.partner-layout .mobile-next{grid-column:1;margin-top:0}}

/* Two-line category labels retain the same header height on narrow desktops. */
main.partner-layout .window-bar{height:48px;min-height:48px;padding-block:6px;line-height:18px}
main.partner-layout .window-bar svg{flex:none}
main.partner-layout .window-bar span{min-width:0}
/* Content pages share the rails without changing their reading column. */
main.content-partner-layout{display:grid;margin-inline:auto}
main.content-partner-layout>.app-column{min-width:0}
main.content-partner-layout .rail,main.content-partner-layout .rail.right{padding-top:0}
@media(max-width:1150px){main.content-partner-layout{width:var(--site-width)}main.content-partner-layout .mobile-next{margin-top:24px}}

.partner-mark{position:relative;overflow:hidden}
.partner-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--surface)}
.partner-mark img[hidden]{display:none}
.partner-mark:has(img:not([hidden])) .partner-initial{visibility:hidden}
.partner-pill{white-space:normal;overflow-wrap:normal}

/* Category guidance is separate from the individual recommendation. */
.category-context{padding:12px;margin:0 0 20px;border:0;border-radius:4px;background:color-mix(in srgb,var(--category) 6%,var(--surface));font-size:14px;line-height:21px;color:var(--muted)}
.tool-slide .partner-brand{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px}
.tool-slide .partner-mark{width:52px;max-width:100%;height:52px;min-width:0;background:#767676;border-radius:4px}
.partner-mark img{position:static;display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;padding:4px;object-fit:contain;background:transparent}
.tool-slide .partner-mark:not(:has(img:not([hidden]))){width:52px;height:52px;min-height:52px;align-self:center;background:var(--soft);border-radius:4px;font-size:26px}
.tool-slide .partner-brand:not(:has(img:not([hidden]))){grid-template-columns:52px minmax(0,1fr);align-items:center}
.partner-mark:has(img:not([hidden])) .partner-initial{display:none}
.tool-slide .partner-name{font-size:20px;line-height:26px}
.tool-slide .partner-visit{--visit-border:color-mix(in srgb,var(--header-bg) 70%,#000);background:var(--header-bg);color:var(--header-ink);border-color:var(--visit-border);box-shadow:inset 0 1px 0 #fff3,0 3px 0 var(--visit-border);margin-bottom:0}
.tool-slide .partner-visit:hover{background:color-mix(in srgb,var(--header-bg) 90%,var(--header-ink))}
.tool-slide .partner-visit:active{box-shadow:inset 0 1px 0 #fff3,0 1px 0 var(--visit-border)}
.tool-slide{touch-action:pan-y}

/* Keep sidebar reading text on the same scale as the app. */
.rail .task,.mobile-next .task,.tool-slide .partner-copy,.tool-slide .partner-visit{font-size:15px;line-height:1.5}
main.partner-layout .rail .task small,.mobile-next .task small,.partner-why{font-size:14px;line-height:1.5}
.partner-pill{font-size:12px;line-height:18px}

@media(max-width:600px){main.partner-layout .mobile-next{margin-bottom:12px}}

/* Match the square mark to a two-line name and tag, using the control radius scale. */
.partner-brand>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tool-slide .partner-name{margin-bottom:0}
.partner-pill{border-radius:4px}