/* The end of a guide (job 23 My guides, brief §8): "Something out of date?", a small text link that opens a one-line note and Send.
   includes/blog/pt-my-guides.php draws it (pt_gd_end_html); js/blog/blog-post-actions.js sends it. Tokens from header-footer-global.css.
   Rule 5a: both buttons set background + color in :hover / :focus / :active (GP's inline button:hover is 0,1,1). */
.pt-gd-end { margin: 28px 0 0; padding-top: 14px; border-top: 1px solid var(--pt-border); scroll-margin-top: calc(var(--pt-header-h, 84px) + 12px); }
.pt-gd-od { margin: 0; font-size: 13px; line-height: 1.5; color: var(--pt-ink-2); }
.pt-gd-od.is-done { color: var(--pt-ink-2); }
.pt-bl-post .pt-gd-od__a, .pt-bl-post .pt-gd-od__a:focus, .pt-bl-post .pt-gd-od__a:active { display: inline; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--pt-ink-2); font-family: inherit; font-size: 13px; font-weight: 400; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; text-transform: none; letter-spacing: normal; cursor: pointer; box-shadow: none; }
.pt-bl-post .pt-gd-od__a:hover { background: transparent; color: var(--pt-ink); }
.pt-bl-post .pt-gd-od__a:focus-visible { outline: 2px solid var(--pt-ink); outline-offset: 2px; }
.pt-gd-od__f { display: flex; gap: 8px; align-items: center; max-width: 560px; margin: 10px 0 0; }
.pt-gd-od__f[hidden] { display: none; }
.pt-bl-post .pt-gd-od__f input[type="text"] { flex: 1; min-width: 0; height: 40px; margin: 0; padding: 0 12px; border: 1px solid var(--pt-border-strong); border-radius: 0; background: var(--pt-surface); box-shadow: none; color: var(--pt-ink); font-family: inherit; font-size: 14px; }
.pt-bl-post .pt-gd-od__f input[type="text"]:focus { border-color: var(--pt-ink); outline: 0; }
.pt-bl-post .pt-gd-od__go, .pt-bl-post .pt-gd-od__go:focus, .pt-bl-post .pt-gd-od__go:active { flex: none; height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--pt-ink); border-radius: 0; background: var(--pt-ink); color: var(--pt-on-primary); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1; text-transform: none; letter-spacing: normal; cursor: pointer; box-shadow: none; }
.pt-bl-post .pt-gd-od__go:hover { background: #1f1f1f; color: var(--pt-on-primary); border-color: #1f1f1f; }
.pt-bl-post .pt-gd-od__go:focus-visible { outline: 2px solid var(--pt-ink); outline-offset: 2px; }
@media (max-width: 640px) {
	.pt-bl-post .pt-gd-od__a, .pt-bl-post .pt-gd-od__a:focus, .pt-bl-post .pt-gd-od__a:active, .pt-bl-post .pt-gd-od__a:hover { display: inline-flex; align-items: center; min-height: 44px; }
	.pt-bl-post .pt-gd-od__f input[type="text"], .pt-bl-post .pt-gd-od__go, .pt-bl-post .pt-gd-od__go:hover, .pt-bl-post .pt-gd-od__go:focus, .pt-bl-post .pt-gd-od__go:active { height: 44px; }
}

/* "Was this helpful?" (58a Q23g-3, Leon 16 Oct): Yes / No as two small outline buttons; No offers Technical Help. Rule 5a: both states set. */
.pt-gd-hp { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 12px; font-size: 14px; color: var(--pt-ink); }
.pt-gd-hp__q { font-weight: 600; }
.pt-gd-hp__b { display: inline-flex; gap: 8px; }
.pt-bl-post .pt-gd-hp__v, .pt-bl-post .pt-gd-hp__v:focus, .pt-bl-post .pt-gd-hp__v:active { height: 36px; min-width: 64px; margin: 0; padding: 0 14px; border: 1px solid var(--pt-border-strong); border-radius: 0; background: var(--pt-surface); color: var(--pt-ink); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1; text-transform: none; letter-spacing: normal; cursor: pointer; box-shadow: none; }
.pt-bl-post .pt-gd-hp__v:hover { background: #F2F1EC; color: var(--pt-ink); border-color: var(--pt-ink); }
.pt-bl-post .pt-gd-hp__v:focus-visible { outline: 2px solid var(--pt-ink); outline-offset: 2px; }
.pt-gd-hp__t { flex-basis: 100%; margin: 0; font-size: 13px; line-height: 1.5; color: var(--pt-ink-2); }
.pt-gd-hp__t[hidden] { display: none; }
.pt-gd-hp__t a { color: #185FA5; text-decoration: underline; text-underline-offset: 3px; }
.pt-gd-hp.is-done .pt-gd-hp__b { display: none; }
@media (max-width: 640px) {
	.pt-bl-post .pt-gd-hp__v, .pt-bl-post .pt-gd-hp__v:hover, .pt-bl-post .pt-gd-hp__v:focus, .pt-bl-post .pt-gd-hp__v:active { height: 44px; }
}

/* 58c Q53-3: Write for Piston Tribe, the last line of every guide */
.pt-gd-wfu { margin: 14px 0 0; font-size: 14px; color: #5C5A54; }
.pt-gd-wfu a { color: #185FA5; text-decoration: underline; text-underline-offset: 3px; }