/* Website Feedback 08. Loaded after the approved shared foundation, blog only. */
/* Listing card: grey #dedede outline at rest, Blog orange outline on hover. A mouse
   click or tap leaves focus on the new-tab link, so focus styling follows keyboard
   focus only (:focus-visible): the shared focus-within ring from
   feedback-foundation.css is replaced and a clicked card returns to its rest look. */
[data-blog-feedback] .stage7-card { transition:border-color var(--transition-base, 200ms); }
[data-blog-feedback] .stage7-card:is(:hover,:has(:focus-visible)) { border-color:var(--color-accent-orange); }
[data-blog-feedback] .stage7-card:focus-within { box-shadow:none; }
[data-blog-feedback] .stage7-card:has(:focus-visible) { box-shadow:0 0 0 2px var(--focus-ring); }
/* Whole card is clickable: the title link's hit area stretches over the card, so the
   markup keeps its two real links (title, Read More) and one tab stop each. */
[data-blog-feedback] .stage7-card { position:relative; isolation:isolate; }
[data-blog-feedback] .stage7-card h2 a::after { content:""; position:absolute; inset:0; }
[data-blog-feedback] .stage7-card .stage7-read { position:relative; z-index:1; }
.stage7-page [data-blog-feedback] .stage7-card .stage7-read { background:var(--color-accent-orange); color:white; gap:8px; }
.stage7-page [data-blog-feedback] .stage7-card .stage7-read:is(:hover,:focus-visible) { background:var(--color-accent-orange); color:white; text-decoration:none; }
/* Read More arrow: a light, larger → turned to ↗ at rest, straightening on card hover. */
[data-blog-feedback] .blog-arrow { display:inline-block; font-size:1.5em; font-weight:300; transform:rotate(-45deg); transition:transform var(--transition-base, 200ms); }
[data-blog-feedback] .stage7-card:is(:hover,:has(:focus-visible)) .blog-arrow { transform:none; }
.stage7-page [data-blog-feedback] .stage7-pagination { gap:12px; align-items:center; }
.stage7-page [data-blog-feedback] .stage7-pagination [aria-current] { background:none; color:inherit; font-size:16px; }
[data-blog-feedback] .stage7-pagination a { min-height:44px; display:inline-flex; align-items:center; gap:8px; border-radius:4px; }
.stage7-page [data-blog-feedback] .stage7-columns>article { min-width:0; }
.stage7-page [data-blog-feedback] .stage7-prose { font-size:16px; line-height:1.5; color:#454545; }
.stage7-page [data-blog-feedback] .stage7-prose p { margin:0 0 14.4px; }
.stage7-page [data-blog-feedback] .stage7-prose :is(h2,h3,h4,h5,h6) { margin:1.4em 0 .65em; color:var(--color-dark-blue); }
.stage7-page [data-blog-feedback] .stage7-prose ul { list-style:disc outside; }
.stage7-page [data-blog-feedback] .stage7-prose ol { list-style:decimal outside; }
.stage7-page [data-blog-feedback] .stage7-prose ul ul { list-style:circle outside; }
.stage7-page [data-blog-feedback] .stage7-prose :is(ul,ol) { padding-left:1.6em; }
.stage7-page [data-blog-feedback] .stage7-prose li { padding-left:.2em; margin-bottom:.5em; }
.stage7-page [data-blog-feedback] .blog-table-scroll { max-width:100%; overflow-x:auto; margin:24px 0; }
.stage7-page [data-blog-feedback] .stage7-prose table { display:table; width:100%; margin:0; overflow:visible; }
.stage7-page [data-blog-feedback] .stage7-prose :is(th,td) { vertical-align:top; line-height:1.5; min-width:12rem; }
.stage7-page [data-blog-feedback] .stage7-prose th { color:var(--color-dark-blue); background:var(--color-cloud-white); }
.stage7-page [data-blog-feedback] .stage7-prose pre { overflow-x:auto; white-space:pre; max-width:100%; }
/* Original Blog navigation: flat rules, orange labels and silver chevrons.
   Keep full titles readable on narrow screens instead of source ellipsis. */
.stage7-page [data-blog-feedback] .stage7-adjacent { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border-block:1px solid #dedede; padding:10px 0; }
.stage7-page [data-blog-feedback] .stage7-adjacent a { display:flex; align-items:center; gap:15px; min-width:0; min-height:44px; max-width:none; padding:0 20px 0 0; border:0; border-radius:0; color:var(--color-text); text-decoration:none; }
[data-blog-feedback] .blog-adjacent-copy { min-width:0; }
[data-blog-feedback] .blog-adjacent-label { display:block; font-size:14px; font-weight:400; line-height:1.3; color:var(--color-accent-orange); text-transform:uppercase; }
[data-blog-feedback] .blog-adjacent-title { display:block; font-size:16px; font-weight:400; line-height:1.3; overflow-wrap:anywhere; }
[data-blog-feedback] .blog-adjacent-arrow { display:block; flex:none; width:15px; height:30px; }
.stage7-page [data-blog-feedback] .stage7-adjacent .blog-next { grid-column:2; justify-content:flex-end; padding:0 0 0 20px; text-align:right; }
[data-blog-feedback] .blog-next .blog-adjacent-arrow { transform:rotate(180deg); }
.stage7-page [data-blog-feedback] .blog-previous + .blog-next { border-left:1px solid #dedede; }
[data-blog-feedback] .blog-adjacent-card:is(:hover,:focus-visible) .blog-adjacent-title { text-decoration:underline; }
[data-blog-feedback] :is(a,.blog-table-scroll):focus-visible { outline:3px solid var(--focus-ring); outline-offset:3px; }
@media(max-width:600px) {
 .stage7-page [data-blog-feedback] .stage7-pagination { gap:8px; }
 .stage7-page [data-blog-feedback] .stage7-pagination a { padding:8px; }
}
@media(prefers-reduced-motion:reduce) {
 [data-blog-feedback] .stage7-card,[data-blog-feedback] .blog-arrow { transition:none; }
}

/* October archive review. Measured WordPress roles, with the shared Task 1
   container boundary and readable mobile line heights. See archive review ledger. */
.stage7-page [data-blog-feedback] .stage7-wrap {
 width:min(var(--max-width),calc(100% - 2 * var(--container-gutter)));
 max-width:var(--max-width);
}
.stage7-page [data-blog-feedback] .stage7-blog-hero p {
 font-size:var(--font-size-lead)!important;
 line-height:1.5!important;
 max-width:var(--max-width-narrow);
}
.stage7-page [data-blog-feedback] .stage7-card h2 {
 font-size:22px;
 font-weight:600;
 line-height:1.5;
 color:var(--pl-gray-700);
}
/* Original Blog listing image frame. */
.stage7-page [data-blog-feedback] .stage7-card img {
 aspect-ratio:1.5;
 object-fit:cover;
 background:var(--pl-white);
}
@media(max-width:767px) {
 .stage7-page [data-blog-feedback] .stage7-wrap { width:calc(100% - 2 * var(--spacing-md)); }
}

/* Source archive width and article-hero composition. Retain the shared gutter
   mechanism; source heroes overlap WordPress's header, ours is in normal flow. */
.stage7-page [data-blog-feedback] { --max-width:1400px; }
.stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero {
 background-image:url('/images/blog-hero-shape.svg');
 background-position:right center; background-repeat:no-repeat; background-size:contain;
 min-height:400px; padding-block:40px 100px;
}
.stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero .stage7-wrap {
 min-height:260px; display:flex; flex-direction:column; justify-content:center;
}
.stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero h1 { margin:0 0 20px; }
.stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero .stage7-byline { margin:0; }
@media(max-width:600px) {
 .stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero { min-height:318px; padding-block:8px 50px; }
}
.stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero { --source-header-overlap:80px; isolation:isolate; background-image:none; }
.stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero::before { content:""; position:absolute; inset:calc(-1 * var(--source-header-overlap)) 0 0; z-index:-1; background:url('/images/blog-hero-shape.svg') right center/contain no-repeat; }
@media(max-width:1000px) { .stage7-page [data-blog-feedback].stage7-article:not(.stage7-plain) .stage7-hero { --source-header-overlap:72px; } }

/* Original WordPress sidebar heading role, measured on both rich-post templates.
   Keep the accepted disclosure controls and article-specific tag navigation. */
html body main#content .stage7-sidebar details:has(> ul) summary,
html body main#content .stage7-sidebar > h2 {
 font-family:proxima-nova,sans-serif!important; font-size:20px!important; font-weight:600!important;
 font-style:normal!important; line-height:1.2!important; letter-spacing:normal!important; color:#454545!important;
}
@media(min-width:768px) {
 html body main#content .stage7-sidebar details:has(> ul) summary,
 html body main#content .stage7-sidebar > h2 { font-size:21px!important; }
}
@media(min-width:1025px) {
 html body main#content .stage7-sidebar details:has(> ul) summary,
 html body main#content .stage7-sidebar > h2 { font-size:22px!important; }
}

/* Original paragraph/list boxes must match as well as their inline spans. */
.stage7-page [data-blog-feedback] .stage7-prose li { margin-bottom:0; }