.summary-directory,.summary-detail{padding-top:2rem;padding-bottom:4rem}.summary-directory>header{max-width:52rem;margin:2rem 0}.summary-directory h1,.summary-heading h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;overflow-wrap:anywhere}.summary-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(10rem,.45fr) auto;gap:1rem;align-items:end;padding:1.25rem;border:1px solid #dfe5ee;border-radius:1rem;background:#f4f6fb}.summary-search label,.summary-editor label{display:block;font-weight:600;margin-bottom:.4rem}.summary-search input,.summary-search select,.summary-editor input,.summary-editor select,.summary-editor textarea{box-sizing:border-box;width:100%;max-width:100%;padding:.8rem;border:1px solid #bac5d5;border-radius:.5rem;background:white;color:#182440;font:inherit}.summary-result-count{margin:1.5rem 0;color:#53627a}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.summary-card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid #dfe5ee;border-top:3px solid #18365f;border-radius:.75rem;background:white;min-width:0}.summary-card h2{font-size:1.3rem;line-height:1.35;overflow-wrap:anywhere}.summary-card h2 a{color:#152846;text-decoration:none}.summary-card h2 a:hover{text-decoration:underline}.summary-card footer{margin-top:auto;padding-top:1rem;color:#596b81;font-size:.9rem}.summary-heading,.summary-copy{max-width:52rem;margin-inline:auto}.summary-heading{margin-top:2rem;margin-bottom:2.5rem}.summary-copy{font-size:1.1rem;line-height:1.75;overflow-wrap:anywhere}.summary-copy>section{margin-block:2rem}.summary-attribution{padding:1.5rem;border-left:3px solid #18365f;background:#f4f6fb}.summary-copy .source-box{padding:1.5rem}.summary-copy .source-box p{color:inherit}.summary-copy .article-error-report form{display:grid;gap:.8rem}.summary-copy .article-error-report select,.summary-copy .article-error-report textarea{max-width:100%;box-sizing:border-box;width:100%;font:inherit;padding:.7rem}.summary-pagination{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.summary-editor{display:grid;gap:1rem}.summary-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font-size:.85rem}.summary-editor textarea.summary-json{font-family:ui-monospace,monospace}.summary-copy a:focus-visible,.summary-card a:focus-visible{outline:3px solid #eabb29;outline-offset:4px}.summary-copy .source-image img{max-width:100%;height:auto}.summary-copy .article-error-report__trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:960px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-search{grid-template-columns:minmax(0,1fr) minmax(10rem,.6fr)}.summary-search button{grid-column:1/-1}}@media(max-width:600px){.summary-grid,.summary-search{grid-template-columns:minmax(0,1fr)}.summary-card{padding:1.15rem}.summary-directory,.summary-detail{padding-top:1rem}.summary-copy{font-size:1rem}.summary-heading h1{font-size:2rem}.summary-copy .source-box,.summary-attribution{padding:1.1rem}.summary-search button{width:100%}}
.summary-cover, .articles-home__cover.summary-cover { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 5px; background: #eaf0f7; }
.summary-cover .summary-cover__logo { display: block; width: 62%; max-width: 252px; height: auto; object-fit: contain; }
.summary-cover__label { position: absolute; left: 14px; bottom: 12px; padding: 4px 9px; border-radius: 3px; color: #17253e; background: #fff; font-size: 11px; font-weight: 600; }
.summary-card > .summary-cover { flex: none; margin-bottom: 20px; }
.summary-heading__logo { display: block; width: 126px; height: 36px; margin-bottom: 20px; object-fit: contain; }

/* Thematic CC0 summary illustrations. */
.summary-cover, .articles-home__cover.summary-cover { position: relative; display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 5px; background: #eaf0f7; }
.summary-cover .summary-cover__photo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.summary-cover .summary-cover__brand { position: absolute; top: 12px; right: 12px; display: block; width: 84px; height: 24px; padding: 6px 8px; border-radius: 4px; background: #fff; object-fit: contain; }
.summary-cover__label { position: absolute; left: 14px; bottom: 12px; padding: 4px 9px; border-radius: 3px; color: #17253e; background: #fff; font-size: 11px; font-weight: 600; }
.summary-card > .summary-cover { flex: none; margin-bottom: 20px; }
.summary-heading__logo { display: block; width: 126px; height: 36px; margin-bottom: 20px; object-fit: contain; }
.summary-illustration { max-width: 52rem; margin: 0 auto 2.5rem; }
.summary-illustration > img { display: block; width: 100%; height: auto; max-height: 30rem; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; }
.summary-illustration figcaption { margin-top: .7rem; color: #53627a; font-size: .8rem; line-height: 1.5; overflow-wrap: anywhere; }
.summary-illustration figcaption a { color: #244a76; text-underline-offset: 3px; }
.summary-illustration figcaption a:focus-visible { outline: 3px solid #eabb29; outline-offset: 3px; }
.summary-cover .summary-cover__photo--cctv, .summary-illustration .summary-illustration__photo--cctv { object-position: center 15%; }
.summary-cover .summary-cover__photo--power, .summary-illustration .summary-illustration__photo--power { object-position: center 40%; }
.summary-cover .summary-cover__photo--network, .summary-illustration .summary-illustration__photo--network { object-position: center 45%; }
@media (max-width: 600px) { .summary-illustration { margin-bottom: 1.75rem; } .summary-cover .summary-cover__brand { top: 10px; right: 10px; width: 70px; height: 20px; } }

.summary-cover__origin { position: absolute; right: 12px; bottom: 12px; padding: 4px 7px; border-radius: 3px; color: #17253e; background: #fff; font-size: 10px; font-weight: 600; }