.ntw-board-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #d8e0e5;margin-bottom:8px}
.ntw-board-toolbar button,.ntw-board-toolbar a{font:12px/1.4 inherit;color:#365266;background:#fff;border:1px solid #ccd8df;border-radius:4px;padding:9px 12px;text-decoration:none;cursor:pointer}
.ntw-board-toolbar button:focus-visible,.ntw-board-toolbar a:focus-visible{outline:3px solid #3884e8;outline-offset:2px}
.ntw-board-toolbar output{font-size:12px;color:#607583;margin-left:auto}
.case-page.ntw-page .ntw-flow-wide .figure-art.ntw-board-viewport{height:620px!important;overflow:auto!important;background:#eef1f4;border:1px solid #dce3e8;padding:0!important;scrollbar-width:thin}
.case-page.ntw-page .ntw-flow-wide .ntw-board-viewport img{display:block;width:var(--board-width)!important;height:auto!important;min-width:0!important;max-width:none!important;max-height:none!important}
.ntw-reader-help{font-size:12px;line-height:1.7;color:#6f7f89;margin:8px 0}
@media(max-width:700px){.case-page.ntw-page .ntw-flow-wide .figure-art.ntw-board-viewport{height:520px!important}.ntw-board-toolbar{gap:6px}.ntw-board-toolbar button,.ntw-board-toolbar a{font-size:11px;padding:9px}}
.case-page.ntw-page .ntw-flow-wide .figure-art.ntw-board-viewport{display:block!important}
.case-page.ntw-page .ntw-flow-wide .ntw-board-viewport img{flex:none!important;object-fit:initial!important}
/* Research evidence gets a full reading column on desktop as well as laptop. */
#research .ntw-story-pair{display:block}
#research .ntw-story-pair>figure{width:100%;margin:32px 0}

/* Give complete product compositions a centred, readable presentation. */
.ntw-page .ntw-story-pair{grid-template-columns:minmax(0,1fr);max-width:1180px;margin-left:auto;margin-right:auto}
.ntw-page .ntw-story-pair .figure-art{height:auto!important;min-height:0;max-height:none}
.ntw-page .ntw-story-pair .figure-art img{width:100%;height:auto!important;max-height:none;margin:auto}
/* Restore desktop before and after comparisons beside each other. */
.ntw-page .ntw-story-pair:not(#research .ntw-story-pair){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.ntw-page .ntw-story-pair:not(#research .ntw-story-pair) .figure-art{height:auto!important;aspect-ratio:16/10;padding:14px!important}
.ntw-page .ntw-story-pair:not(#research .ntw-story-pair) .figure-art img{width:100%;height:100%!important;object-fit:contain}
@media(max-width:700px){.ntw-page .ntw-story-pair:not(#research .ntw-story-pair){grid-template-columns:1fr}}