/* Use the same embedded checker and outer gutters as the feed. */
.article-checker-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:start}
.article-checker-layout>:is(article,main){min-width:0;width:100%;max-width:760px;margin:0 auto}
.has-article-checker .resource-layout{grid-template-columns:140px minmax(0,1fr) 270px;gap:24px}
.article-checker{position:sticky;top:112px;align-self:start;min-width:0;z-index:4}
.article-checker .checker-dock h2{font-size:16px!important;line-height:1.4;margin:5px 0 0!important}.article-checker .checker-dock-intro{font-size:12px;line-height:1.65;margin:0 0 14px}.article-checker .checker-dock-note{font-size:10px;margin:11px 0 0}
.article-checker:has(.checker-dock.is-expanded){z-index:65}.article-checker .checker-dock.is-expanded{position:fixed;right:max(32px,calc((100vw - 1216px)/2));top:104px;bottom:20px;width:min(580px,calc(100vw - 64px));height:auto;box-shadow:0 15px 55px rgba(25,30,20,.12)}.article-checker .checker-dock-body{min-height:0}.article-checker .checker-dock-body iframe{height:100%}
@media(max-width:1100px){.article-checker-layout{grid-template-columns:minmax(0,1fr)}.has-article-checker .resource-layout{grid-template-columns:minmax(0,760px);justify-content:center}.has-article-checker .resource-nav{position:static;display:block}.has-article-checker .resource-nav a:not(:first-child){display:none}.article-checker{position:static;width:100%;max-width:760px;margin-inline:auto}.article-checker .checker-dock.is-expanded{height:640px;max-height:85dvh}}

.article-checker{display:grid;gap:16px}.article-checker-launch{display:none}.article-share{margin:0}.article-share h2{font-size:16px!important;line-height:1.4;margin:0 0 12px!important}.article-share p{font-size:13px;line-height:1.65;margin:0 0 16px;color:var(--muted)}
.article-checker-dialog{width:min(580px,calc(100% - 24px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);overflow:hidden}.article-checker-dialog::backdrop{background:rgba(25,30,20,.42);backdrop-filter:blur(4px)}.article-checker-dialog[open] .checker-dock.is-expanded{display:flex;flex-direction:column;position:static;inset:auto;width:100%;height:100%;padding:16px 0 0;border:0;border-radius:0;box-shadow:none;overflow:hidden}.article-checker-dialog[open] .checker-dock-body{flex:1;min-height:0}.article-checker-dialog[open] .checker-dock-body iframe{height:100%}.article-checker-dialog[open] .checker-dock h2{font-size:17px;line-height:1.4}.article-checker-dialog[open] .checker-dock-label{font-size:10px}
@media(max-width:1100px){.has-article-checker .article-checker{display:none}.article-share{display:none}.has-article-checker{padding-bottom:84px!important}.article-checker-launch{position:fixed;right:20px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:75;display:flex;align-items:center;gap:18px;min-height:44px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--ink);color:var(--card);font:inherit;font-size:13px;font-weight:600;box-shadow:0 4px 18px rgba(25,30,20,.16);cursor:pointer}.article-checker-launch:focus-visible{outline:2px solid var(--brand);outline-offset:4px}body:has(dialog[open]) .article-checker-launch{visibility:hidden}}

/* The iframe stays mounted while its dialog switches between sidebar and modal. */
@media(min-width:1101px){.article-checker-dialog:not([open]){display:contents}}
@media(max-width:1100px){.has-article-checker .article-checker{display:contents}.article-checker-dialog:not([open]){display:none}}