/* Shared feedback stays quiet and never covers page controls. */
body{font-family:Inter,Arial,sans-serif}
.public-loading-status[hidden]{display:none!important}
.public-loading-status{position:fixed;top:calc(var(--tb-public-header-height,80px) + 12px);left:50%;transform:translateX(-50%);z-index:14000;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:10px 15px;border:1px solid #dce5f0;border-radius:30px;background:#fff;color:#475b78;box-shadow:0 4px 18px #17365c0d;font:500 12px/1.5 Inter,Arial,sans-serif;pointer-events:none}
.public-loading-status::before,.public-inline-spinner{content:"";display:inline-block;box-sizing:border-box;width:17px;height:17px;flex:0 0 17px;border:2px solid #dbe5f2;border-top-color:#245bc0;border-radius:50%;animation:public-spin .9s linear infinite}
.public-loading-label{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#52647d;font:500 12px/1.5 Inter,Arial,sans-serif}
.public-skeleton-list{width:100%;min-width:0}
.public-skeleton-row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #e8edf5}
.public-skeleton-row:last-child{border-bottom:0}
.public-skeleton-media,.public-skeleton-line{display:block;background:#e8eef5;border-radius:5px;animation:public-skeleton-pulse 1.8s ease-in-out infinite}
.public-skeleton-media{width:64px;height:46px;border-radius:8px}
.public-skeleton-copy{min-width:0}
.public-skeleton-line{height:10px;margin-bottom:10px;width:88%}
.public-skeleton-line:last-child{margin-bottom:0;width:45%;height:8px;background:#edf1f7}
.public-skeleton-row:nth-child(2n) .public-skeleton-line:first-child{width:72%}
.public-skeleton-list--articles .public-skeleton-row{grid-template-columns:170px minmax(0,1fr);min-height:158px;padding:20px 0;align-items:start}
.public-skeleton-list--articles .public-skeleton-media{width:170px;height:104px}
.public-skeleton-list--articles .public-skeleton-copy{padding-top:7px}
.public-skeleton-list--articles .public-skeleton-line{height:13px;margin-bottom:15px}
.public-skeleton-list--articles .public-skeleton-line:last-child{height:9px;margin-top:20px}
.public-skeleton-list--updates .public-skeleton-row{grid-template-columns:36px minmax(0,1fr)}
.public-skeleton-list--updates .public-skeleton-media{width:36px;height:36px}
.public-loading-page{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:36px 24px 48px;min-height:calc(100vh - 80px);color:#17315b}
.public-loading-heading{display:flex;align-items:center;gap:14px;margin:0 0 26px}
.public-loading-heading .public-inline-spinner{width:22px;height:22px;flex-basis:22px}
.public-loading-heading h1,.public-loading-heading h2{margin:0 0 5px;font:700 19px/1.4 Inter,Arial,sans-serif;letter-spacing:-.02em;color:#17315b}
.public-loading-heading p{margin:0;color:#61718a;font:400 13px/1.6 Inter,Arial,sans-serif}
.public-loading-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}
.public-loading-card{padding:28px 24px;border:1px solid #dce5f0;border-radius:12px;background:#fff;min-width:0}
.public-loading-card-heading{display:grid;grid-template-columns:56px minmax(0,1fr);gap:15px;align-items:center;margin-bottom:30px}
.public-loading-card-heading .public-skeleton-media{width:56px;height:56px;border-radius:12px}
.public-loading-card .public-skeleton-line{height:12px;margin-bottom:15px}
.public-loading-card .public-skeleton-line:last-child{height:10px;width:56%}
.public-loading-card .public-skeleton-line--heading{height:19px;width:82%}
.public-loading-card-section{padding-top:24px;margin-top:26px;border-top:1px solid #e8edf5}
.public-loading-card-actions{display:flex;gap:12px;margin-top:30px}
.public-loading-card-actions .public-skeleton-media{width:142px;height:40px}
.public-loading-card--plan .public-skeleton-line{margin-bottom:22px}
.public-loading-card--plan .public-skeleton-line--heading{margin:28px 0;height:30px;width:42%}
.public-loading-card--plan .public-skeleton-media{margin-top:36px;width:100%;height:42px}
.public-article-loading .public-loading-heading{margin-bottom:24px}
.public-article-loading .public-skeleton-line{height:14px;margin-bottom:13px}
.public-article-loading .public-skeleton-line--heading{height:26px;width:88%;margin-bottom:13px}
.public-article-loading .public-skeleton-media{width:100%;height:auto;aspect-ratio:16/8;border-radius:10px;margin:26px 0}
@keyframes public-spin{to{transform:rotate(360deg)}}
@keyframes public-skeleton-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:900px){.public-loading-page-grid{grid-template-columns:1fr}.public-loading-card--plan{display:none}}
@media(max-width:600px){
 .public-loading-status{top:calc(var(--tb-public-header-height,68px) + 10px);font-size:11px}
 .public-loading-page{padding:28px 16px 36px;min-height:calc(100vh - 68px)}
 .public-loading-heading h1,.public-loading-heading h2{font-size:18px}
 .public-loading-card{padding:24px 18px}
 .public-loading-card-actions .public-skeleton-media{width:42%;height:40px}
 .public-skeleton-list--articles .public-skeleton-row{grid-template-columns:1fr;gap:16px;padding:20px 0}
 .public-skeleton-list--articles .public-skeleton-media{width:100%;height:auto;aspect-ratio:16/9}
 .public-skeleton-list--articles .public-skeleton-copy{padding:0}
 .public-article-loading .public-skeleton-line--heading{height:22px}
}
@media(prefers-reduced-motion:reduce){.public-loading-status::before,.public-inline-spinner,.public-skeleton-media,.public-skeleton-line{animation:none}}

/* Published HTML remains readable while optional client data is loading. */
html[data-examtier-rendered="article"] .article-navigation,
html[data-examtier-rendered="article"] .related-section,
html[data-examtier-rendered="article"] .meta-actions,
html[data-examtier-rendered="article"] .article-feedback,
html[data-examtier-rendered="article"] .sidebar{display:none!important}
html[data-examtier-rendered="series"] #detailsPage > :not(.breadcrumb):not(.hero),
html[data-examtier-rendered="series"] #detailsPage .purchase,
html[data-examtier-rendered="series"] #detailsPage .hero-content > :not(.hero-heading):not(.intro),
html[data-examtier-rendered="series"] #detailsPage .hero-badges,
html[data-examtier-rendered="series"] #detailsPage .hero-logo{display:none!important}
html[data-examtier-rendered="series"] #detailsPage .hero{grid-template-columns:1fr}
html[data-examtier-rendered="series"] #detailsPage .hero-title{overflow:visible}
html[data-examtier-rendered="series"] #detailsPage .hero-title h1{white-space:normal;width:auto;max-width:100%;overflow-wrap:anywhere}
html[data-examtier-rendered="series"] #detailsPage .hero-heading{grid-template-columns:minmax(0,1fr)}