.guide-account-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;font:500 14px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.guide-account-nav a,.member-actions button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;text-decoration:none}
.guide-account-nav svg,.member-actions svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}
.member-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.member-actions button{padding:8px 14px;font-size:14px;background:#fffefa;border:1px solid #d8d6cd;border-radius:8px;color:#20383e;cursor:pointer}
.member-actions .text-action{background:none}.member-status{font-size:13px;color:#5c6e70;line-height:1.6;margin:6px 0 14px}.member-status:empty{display:none}
.saved-dialog{width:min(640px,calc(100% - 28px));max-height:80dvh;border:1px solid #d8d6cd;border-radius:18px;padding:24px;background:#f7f5ef;color:#20383e;overflow:auto}.saved-dialog::backdrop{background:#20383e70}
.saved-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-dialog h2{font-size:24px;margin:0}.saved-dialog h3{font:600 16px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;margin:0;overflow-wrap:anywhere}.saved-dialog button{min-height:44px}.saved-dialog-heading button{width:44px;font-size:24px;padding:0}.saved-comparison{padding:18px 0;border-top:1px solid #d8d6cd}.saved-actions{display:flex;gap:8px;flex-wrap:wrap}.saved-dialog .text-action{border-color:transparent;background:none}.saved-dialog .small{font-size:13px}.saved-dialog [hidden]{display:none!important}
.member-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 32px));padding:14px 18px;background:#20383e;color:#fff;z-index:120;font:14px/1.6 sans-serif;border-radius:10px;box-shadow:0 4px 24px #0002}.member-notice button{margin-left:12px;min-height:44px}
@media(max-width:540px){.guide-account-nav{gap:10px;font-size:13px}.guide-account-nav .newsletter-link{display:none}.member-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.member-actions button{padding:8px 4px;font-size:13px}.member-actions #save-as-new{grid-column:1/-1}.saved-dialog{padding:18px;max-height:85dvh}.site-header{gap:12px}.site-header .wordmark img{max-width:142px;height:auto}}
@media print{.guide-account-nav,.member-actions,.member-status,.saved-dialog,.member-notice{display:none!important}}

.member-actions [hidden]{display:none!important}.reader-tools .account-link{min-width:44px;justify-content:center}

.saved-programmes{display:flex;gap:10px;margin:12px 0}.saved-programmes>div{flex:1;min-width:0;font-size:12px;line-height:1.4}.saved-programmes img{display:block;width:100%;height:58px;object-fit:cover;border-radius:6px;margin-bottom:6px}.newsletter-invite{padding:16px;border:1px solid #d8d6cd;border-radius:10px;margin:16px 0;font:14px/1.6 sans-serif}.newsletter-invite label{display:flex;align-items:start;gap:10px}.newsletter-invite input{flex:none;width:18px;height:18px;margin-top:3px}.newsletter-invite button{min-height:44px;margin:8px 8px 0 0}.newsletter-invite p:empty{display:none}@media print{.newsletter-invite{display:none!important}}

/* Both ends of the comparison share one toolbar. These act on the whole comparison, so they look like controls
   (accent pills, one solid primary), not like the ivory data cells and tab strip beneath them. */
.comparison-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0}
/* In the heading row the toolbar keeps its width and drops below the title when the row is narrow, instead of squeezing its pills. */
.result-heading>.comparison-actions{flex:0 0 auto;max-width:100%;margin:0 0 2px}
.ending>.comparison-actions{margin:0 0 10px}
.comparison-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 14px;font:500 14px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;border:1px solid transparent;border-radius:999px;background:none;color:#8a6440;cursor:pointer;white-space:nowrap}
.comparison-actions button:hover{border-color:#8a6440}
.comparison-actions button.primary{background:#20383e;color:#fffefa;border-color:#20383e}
.comparison-actions button.primary:hover{background:#2c4a52;border-color:#2c4a52}
.comparison-actions svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.comparison-actions button:disabled{opacity:.5;cursor:default}
.comparison-actions .member-mark{display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:2px 9px;margin-left:2px;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#586b6b;border:1px solid #d8d6cd;border-radius:999px;text-decoration:none;white-space:nowrap}
.comparison-actions .member-mark svg{width:13px;height:13px}
.comparison-actions .member-mark:hover{color:#8a6440;border-color:#8a6440}
.comparison-actions .member-mark[hidden]{display:none}
.comparison-actions-note{margin:0 0 18px}
.share-dialog p{line-height:1.6}.share-url-label{display:block;font-size:13px;margin:12px 0 5px}.share-dialog input{display:block;width:100%;min-width:0;margin-bottom:16px;font-size:16px}
@media(max-width:540px){.comparison-actions{gap:4px}.comparison-actions button{padding:8px 10px;font-size:13px}.share-dialog .saved-actions>button{flex:1}}
@media print{.comparison-actions,#save-as-new,#saved-conflict,.share-dialog{display:none!important}}