/* Hub-owned sharing: native links work without JavaScript; controls remain local to the Hub. */
.ttcr-hub-expanded .ttcr-hub-share {
	margin: 22px 0 0; padding: 22px; background: #f6f9fb;
	border: 1px solid var(--ttcr-hub-rule, #cddce6); border-top: 3px solid #b78a36;
	border-radius: var(--ttcr-hub-radius, 8px); scroll-margin-top: var(--ttcr-hub-scroll-offset, 100px);
}
.ttcr-hub-expanded .ttcr-hub-share h2 { display: flex; align-items: center; gap: 8px; font-size: 20px !important; margin: 0 0 12px !important; }
.ttcr-hub-expanded .ttcr-hub-share-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ttcr-hub-expanded .ttcr-hub-share-actions > a,
.ttcr-hub-expanded .ttcr-hub-share-actions > button {
	display: inline-flex; justify-content: center; align-items: center; gap: 7px;
	min-height: 42px; max-width: 100%; margin: 0; padding: 9px 13px;
	border: 1px solid #b8ccd9; border-radius: 4px; box-shadow: none;
	color: #19394e; background: #fff; font: 650 13px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	text-transform: none; letter-spacing: normal; text-decoration: none; cursor: pointer;
}
.ttcr-hub-expanded .ttcr-hub-share-actions > a:hover,
.ttcr-hub-expanded .ttcr-hub-share-actions > button:hover { background: #e7f0f6; border-color: #567d96; text-decoration: none; }
.ttcr-hub-expanded .ttcr-hub-share-actions > button:disabled { cursor: wait; opacity: .65; }
.ttcr-hub-expanded .ttcr-hub-share-actions [data-ttcr-copy-hub] { color: #fff; background: #22516f; border-color: #22516f; }
.ttcr-hub-expanded .ttcr-hub-share-actions [data-ttcr-copy-hub]:hover { background: #19394e; }
.ttcr-hub-expanded [data-ttcr-share-status] { min-height: 1.5em; margin: 9px 0 0; font-size: 12px; color: #35576a; }
.ttcr-hub-expanded [data-ttcr-share-status]:empty { min-height: 0; margin: 0; }
.ttcr-hub-expanded [data-ttcr-share-fallback] { margin-top: 12px; }
.ttcr-hub-expanded [data-ttcr-share-fallback] label { display: block; font: 600 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color: #19394e; }
.ttcr-hub-expanded [data-ttcr-share-copy-value] {
	display: block; width: 100%; max-width: 100%; min-height: 42px; margin-top: 5px; padding: 10px;
	border: 1px solid #8daabb; border-radius: 4px; background: #fff; color: #19394e;
	font: 400 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; box-shadow: none;
}
.ttcr-hub-expanded .ttcr-hub-connect { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 22px; margin-top: 17px; padding-top: 14px; border-top: 1px solid #d8e3eb; }
.ttcr-hub-expanded .ttcr-hub-connect > a { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; font-size: 12px; font-weight: 650; line-height: 1.4; }
.ttcr-hub-expanded .ttcr-hub-share button:focus-visible,
.ttcr-hub-expanded [data-ttcr-share-copy-value]:focus-visible { outline: 3px solid #a87a21; outline-offset: 3px; }
.ttcr-hub-expanded [data-ttcr-copy-hub][hidden],
.ttcr-hub-expanded [data-ttcr-native-share][hidden],
.ttcr-hub-expanded [data-ttcr-share-fallback][hidden] { display: none !important; }
@container (max-width: 550px) {
	.ttcr-hub-expanded .ttcr-hub-share { padding: 16px; }
	.ttcr-hub-expanded .ttcr-hub-share-actions > a,
	.ttcr-hub-expanded .ttcr-hub-share-actions > button { flex: 1 1 auto; }
}
@media (max-width: 550px) {
	.ttcr-hub-expanded .ttcr-hub-share { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.ttcr-hub-expanded .ttcr-hub-share *, .ttcr-hub-expanded .ttcr-hub-section-share { animation: none; transition: none; }
}
@media (forced-colors: active) {
	.ttcr-hub-expanded .ttcr-hub-share-actions > a,
	.ttcr-hub-expanded .ttcr-hub-share-actions > button,
	.ttcr-hub-expanded .ttcr-hub-section-share,
	.ttcr-hub-expanded .ttcr-hub-share-trigger { border: 1px solid ButtonText; color: ButtonText; background: ButtonFace; }
}
@media print {
	.ttcr-hub-expanded .ttcr-hub-share,
	.ttcr-hub-expanded .ttcr-hub-share-trigger,
	.ttcr-hub-expanded .ttcr-hub-section-share { display: none !important; }
}

/* The scoped replacement script marks only the known toolbar after this Hub. */
.entry ul.sxc-follow-buttons[data-ttcr-legacy-replaced="1"] { display: none !important; }
.ttcr-hub-expanded [data-ttcr-share-anchor] { scroll-margin-top: var(--ttcr-hub-scroll-offset, 100px); }

/* Status and inactive controls are rendered only for the current page's editor. */
.ttcr-hub-expanded .ttcr-hub-share-preview-label {
	margin: 0 0 12px; color: #795616; font-size: 11px; font-weight: 700;
	letter-spacing: .06em; text-transform: uppercase;
}
.ttcr-hub-expanded .ttcr-hub-share-preview .ttcr-hub-share-actions > button:disabled {
	color: #526979; background: #eef3f6; border-color: #c4d3dc; opacity: 1; cursor: default;
}
.ttcr-hub-expanded .ttcr-hub-connect > .ttcr-hub-share-preview-action {
	display: inline-flex; align-items: center; gap: 7px; min-height: 36px;
	color: #526979; font-size: 12px; font-weight: 650; line-height: 1.4;
}
.ttcr-hub-expanded .ttcr-hub-share-editor-status {
	margin-top: 16px; padding-top: 12px; border-top: 1px solid #d8e3eb;
	color: #35576a; font-size: 12px; line-height: 1.5;
}
.ttcr-hub-expanded .ttcr-hub-share-editor-status > summary { cursor: pointer; font-weight: 650; }
.ttcr-hub-expanded .ttcr-hub-share-editor-status p { margin: 9px 0 0; font-size: 12px; }
.ttcr-hub-expanded .ttcr-hub-share-editor-status > summary:focus-visible,
.ttcr-hub-expanded .ttcr-hub-share a:focus-visible { outline: 3px solid #a87a21; outline-offset: 3px; }
.ttcr-hub-expanded .ttcr-hub-share-preview h2,
.ttcr-hub-expanded .ttcr-hub-share-disabled h2 { overflow-wrap: anywhere; }
@media (forced-colors: active) {
	.ttcr-hub-expanded .ttcr-hub-share-preview .ttcr-hub-share-actions > button:disabled,
	.ttcr-hub-expanded .ttcr-hub-connect > .ttcr-hub-share-preview-action { color: GrayText; border-color: GrayText; }
}

/* Compact controls share the Hub palette; the theme's main menu is unchanged. */
.ttcr-hub-expanded .ttcr-hub-nav-tools .ttcr-hub-share-trigger,
.ttcr-hub-expanded .ttcr-hub-section-share {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	flex: 0 0 auto; min-height: 36px; max-width: 100%; margin: 0; padding: 7px 10px;
	border: 1px solid #baceda; border-radius: 4px; background: #fff; color: #19394e;
	box-shadow: none; cursor: pointer; font: 650 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	letter-spacing: normal; text-transform: none; text-decoration: none;
}
.ttcr-hub-expanded .ttcr-hub-nav-tools .ttcr-hub-share-trigger { margin-left: auto; align-self: center; }
.ttcr-hub-expanded .ttcr-hub-section-share { border-color: transparent; background: transparent; }
.ttcr-hub-expanded .ttcr-hub-share-trigger:hover,
.ttcr-hub-expanded .ttcr-hub-section-share:hover,
.ttcr-hub-expanded .ttcr-hub-share-trigger[aria-expanded="true"],
.ttcr-hub-expanded .ttcr-hub-section-share[aria-expanded="true"] { color: #19394e; background: #e4edf3; border-color: #9cb6c7; text-decoration: none; }
.ttcr-hub-expanded .ttcr-hub-share-trigger:focus-visible,
.ttcr-hub-expanded .ttcr-hub-section-share:focus-visible { outline: 3px solid #a87a21; outline-offset: 2px; }
.ttcr-hub-expanded .ttcr-hub-share-trigger svg,
.ttcr-hub-expanded .ttcr-hub-section-share svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; pointer-events: none; }
.ttcr-hub-expanded .ttcr-weather .ttcr-hub-heading-share,
.ttcr-hub-expanded .ttcr-rivers .ttcr-hub-heading-share,
.ttcr-hub-expanded .ttcr-hub-heading-share { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.ttcr-hub-expanded .ttcr-hub-heading-share > :first-child { flex: 1 1 220px; min-width: 0; }
.ttcr-hub-expanded .ttcr-hub-heading-share h2 { overflow-wrap: anywhere; min-width: 0; }
.ttcr-hub-expanded .ttcr-hub-heading-share > .ttcr-hub-section-share { margin-left: auto; }

/* Body portal: independent scope avoids clipping and fixed-position containment. */
.ttcr-hub-share-menu, .ttcr-hub-share-menu * { box-sizing: border-box; }
.ttcr-hub-share-menu {
	--ttcr-share-menu-styled: 1;
	position: fixed; z-index: 100020; width: 272px; max-width: calc(100vw - 24px);
	margin: 0; padding: 14px; overflow: auto; overscroll-behavior: contain;
	border: 1px solid #bdcfdb; border-top: 3px solid #b88a35; border-radius: 7px;
	background: #fff; color: #19394e; box-shadow: 0 9px 28px rgba(9, 29, 43, .18);
	font: 400 13px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	text-align: left; letter-spacing: normal; text-transform: none;
}
.ttcr-hub-share-menu[hidden], .ttcr-hub-share-menu [hidden] { display: none !important; }
.ttcr-hub-share-menu .ttcr-hub-share-menu-head { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 9px; }
.ttcr-hub-share-menu .ttcr-hub-share-menu-head > :first-child { flex: 1; min-width: 0; }
.ttcr-hub-share-menu [data-ttcr-menu-scope] { margin: 0 0 4px; color: #795616; font: 700 10px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; letter-spacing: .05em; }
.ttcr-hub-share-menu [data-ttcr-menu-title] { margin: 0; color: #19394e; font: 700 15px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; }
.ttcr-hub-share-menu [data-ttcr-menu-note] { margin: 0 0 10px; color: #536a79; font: 400 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.ttcr-hub-share-menu .ttcr-hub-share-menu-actions { display: grid; gap: 4px; }
.ttcr-hub-share-menu .ttcr-hub-share-menu-action,
.ttcr-hub-share-menu [data-ttcr-menu-close] {
	display: flex; align-items: center; gap: 9px; width: 100%; min-height: 44px; margin: 0; padding: 9px 10px;
	border: 1px solid transparent; border-radius: 4px; background: #fff; color: #19394e; box-shadow: none;
	font: 600 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	text-align: left; text-transform: none; letter-spacing: normal; text-decoration: none; cursor: pointer;
}
.ttcr-hub-share-menu [data-ttcr-menu-copy] { background: #eaf2f7; border-color: #d5e2eb; }
.ttcr-hub-share-menu .ttcr-hub-share-menu-action:not(:disabled):hover { color: #19394e; background: #e4edf3; border-color: #b8cbd8; text-decoration: none; }
.ttcr-hub-share-menu [data-ttcr-menu-close] { flex: 0 0 32px; justify-content: center; width: 32px; min-height: 32px; padding: 0; font-size: 22px; line-height: 1; }
.ttcr-hub-share-menu [data-ttcr-menu-close]:hover { background: #eaf2f7; }
.ttcr-hub-share-menu .ttcr-hub-share-menu-action:disabled { color: #627585; background: #f3f6f8; border-color: #e0e8ed; opacity: 1; cursor: default; }
.ttcr-hub-share-menu svg { display: block; flex: 0 0 17px; width: 17px; height: 17px; pointer-events: none; }
.ttcr-hub-share-menu [data-ttcr-menu-status] { margin: 10px 0 0; color: #35576a; font: 600 12px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.ttcr-hub-share-menu [data-ttcr-menu-status]:empty { margin: 0; }
.ttcr-hub-share-menu [data-ttcr-menu-fallback] { display: block; margin: 8px 0 0; color: #19394e; font-size: 12px; }
.ttcr-hub-share-menu [data-ttcr-menu-value] {
	display: block; width: 100%; min-height: 44px; margin: 5px 0 0; padding: 8px;
	border: 1px solid #8daabb; border-radius: 4px; color: #19394e; background: #fff; box-shadow: none;
	font: 400 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.ttcr-hub-share-menu button:focus-visible,
.ttcr-hub-share-menu a:focus-visible,
.ttcr-hub-share-menu input:focus-visible { outline: 3px solid #a87a21; outline-offset: 1px; }
@container (max-width: 600px) {
	.ttcr-hub-expanded .ttcr-weather .ttcr-hub-heading-share,
.ttcr-hub-expanded .ttcr-rivers .ttcr-hub-heading-share,
.ttcr-hub-expanded .ttcr-hub-heading-share { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: start; gap: 6px 8px; }
	.ttcr-hub-expanded .ttcr-hub-heading-share > * { grid-column: 1 / -1; }
	.ttcr-hub-expanded .ttcr-hub-heading-share > :first-child { grid-column: 1; grid-row: 1; }
	.ttcr-hub-expanded .ttcr-hub-heading-share > .ttcr-hub-section-share { grid-column: 2; grid-row: 1; width: 44px; min-height: 44px; padding: 10px; margin: -6px 0 0; }
	.ttcr-hub-expanded .ttcr-hub-section-share:has(svg) > span { position: absolute; width: 1px; height: 1px; padding: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
}
@media (max-width: 600px) {
	.ttcr-hub-expanded .ttcr-weather .ttcr-hub-heading-share,
.ttcr-hub-expanded .ttcr-rivers .ttcr-hub-heading-share,
.ttcr-hub-expanded .ttcr-hub-heading-share { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: start; gap: 6px 8px; }
	.ttcr-hub-expanded .ttcr-hub-heading-share > * { grid-column: 1 / -1; }
	.ttcr-hub-expanded .ttcr-hub-heading-share > :first-child { grid-column: 1; grid-row: 1; }
	.ttcr-hub-expanded .ttcr-hub-heading-share > .ttcr-hub-section-share { grid-column: 2; grid-row: 1; width: 44px; min-height: 44px; padding: 10px; margin: -6px 0 0; }
	.ttcr-hub-expanded .ttcr-hub-section-share:has(svg) > span { position: absolute; width: 1px; height: 1px; padding: 0; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
}
@media (pointer: coarse) {
	.ttcr-hub-expanded .ttcr-hub-nav-tools .ttcr-hub-share-trigger,
	.ttcr-hub-expanded .ttcr-hub-section-share,
	.ttcr-hub-share-menu [data-ttcr-menu-close] { min-height: 44px; min-width: 44px; }
}
@media (forced-colors: active) {
	.ttcr-hub-share-menu { border-color: CanvasText; background: Canvas; color: CanvasText; }
	.ttcr-hub-share-menu .ttcr-hub-share-menu-action,
	.ttcr-hub-share-menu [data-ttcr-menu-close] { border-color: ButtonText; background: ButtonFace; color: ButtonText; }
	.ttcr-hub-share-menu .ttcr-hub-share-menu-action:disabled { border-color: GrayText; color: GrayText; }
}
@media print { .ttcr-hub-share-menu { display: none !important; } }

/* Keep hidden server markup invisible before enhancement; popover adds no page overlay. */
[data-ttcr-share-menu-template][hidden] { display: none !important; }
.ttcr-hub-share-menu::backdrop { background: transparent; pointer-events: none; }
