/* Technology magazine article, deliberately independent of Reboot's .site-content layout. */
body.trr-is-interior .trr-story-wrap { padding:20px 0 64px;background:#f5f7fb;min-height:56vh; }
body.trr-is-interior .trr-story-wrap .trr-story-container { width:min(calc(100% - 44px),1170px);margin:auto; }
.trr-story-layout { display:grid;grid-template-columns:minmax(0,790px) minmax(235px,276px);justify-content:center;align-items:start;gap:26px; }
.trr-story { background:#fff;border:1px solid #e5eaf2;border-radius:13px;box-shadow:0 4px 22px rgba(19,39,66,.045);padding:32px 39px 36px;min-width:0;max-width:100%;overflow:hidden; }
.trr-story__crumbs { display:flex;align-items:center;gap:9px;min-width:0;color:#8a97aa;font-size:12px;line-height:1.45;margin-bottom:25px; }
.trr-story__crumbs a { color:#49688b!important;text-decoration:none;flex:0 1 auto; }
.trr-story__crumbs span { flex-shrink:0; }
.trr-story__head { padding-bottom:20px;border-bottom:1px solid #edf0f5;margin:0 0 24px; }
.trr-story__category { display:inline-block;color:#1764ee!important;font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;text-decoration:none!important;margin-bottom:12px; }
.trr-story .trr-story__title { color:#10223e;font-size:clamp(27px,3vw,40px);font-weight:830;line-height:1.19;letter-spacing:-.037em;margin:0 0 17px;overflow-wrap:anywhere;text-transform:none; }
.trr-story__meta { display:flex;flex-wrap:wrap;gap:9px 18px;color:#8894a6;font-size:12px;font-weight:500; }
.trr-story__content { display:block;max-width:100%;min-width:0;color:#26364d;font-size:16px;line-height:1.75;overflow-wrap:break-word; }
.trr-story__content > p:first-child { color:#31465f;font-size:17px;line-height:1.68; }
.trr-story__content p { margin:0 0 19px!important;line-height:1.72;max-width:100%; }
.trr-story__content :is(h2,h3,h4) { color:#112948;font-weight:800;letter-spacing:-.022em;text-transform:none; }
.trr-story__content h2 { font-size:clamp(22px,2.3vw,28px);line-height:1.3;margin:36px 0 15px!important;padding:0; }
.trr-story__content h3 { font-size:21px;line-height:1.34;margin:26px 0 12px!important; }
.trr-story__content h4 { font-size:18px;margin:21px 0 10px!important; }
.trr-story__content :is(ul,ol) { margin:0 0 20px;padding-left:23px; }
.trr-story__content li { margin:0 0 7px;line-height:1.65; }
.trr-story__content a { color:#1764ee;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere; }
.trr-story__content :is(img,video,iframe) { max-width:100%;height:auto; }
.trr-story__content img { display:inline-block;vertical-align:middle;object-fit:contain; }
.trr-story__content figure { display:block;max-width:100%;width:auto!important;margin:24px auto 22px!important;text-align:center; }
.trr-story__content figure img { width:auto;height:auto;max-width:100%;border-radius:9px; }
.trr-story__content :is(figcaption,.wp-caption-text) { font-size:12px;line-height:1.5;color:#8c96a7;margin:8px auto 0; }
.trr-story__content .wp-caption { max-width:100%!important;height:auto; }
.trr-story__content .wp-caption img { max-width:100%; }
.trr-story__content table { display:block;box-sizing:border-box;width:100%;max-width:100%;border-collapse:collapse;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 27px!important;box-shadow:0 0 0 1px #e2e8f2 inset;border-radius:8px; }
.trr-story__content :is(th,td) { padding:11px 13px;border:1px solid #e1e7f1;font-size:13px;line-height:1.5;vertical-align:top;min-width:85px;word-break:normal; }
.trr-story__content th { font-weight:760;color:#14315b;background:#eef4fe; }
.trr-story__content tr:nth-child(even) td { background:#fafcff; }
.trr-story__content blockquote { margin:20px 0;padding:16px 20px;border:0;border-left:4px solid #1764ee;background:#f4f7fc;color:#354a65;font-size:16px; }
.trr-story__content :is(pre,code) { max-width:100%; }
.trr-story__content pre { overflow-x:auto;padding:14px;border-radius:8px;background:#f2f5fa; }
.trr-story__content .alignleft { float:left;max-width:48%;margin:4px 20px 14px 0; }
.trr-story__content .alignright { float:right;max-width:48%;margin:4px 0 14px 20px; }
.trr-story__content .aligncenter { display:block;margin:16px auto; }
.trr-story__content::after { content:"";display:block;clear:both; }
.trr-story__end { display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:34px;padding:18px 0 0;border-top:1px solid #e9eef6;font-size:12px; }
.trr-story__end p { color:#7b899b;margin:0; }
.trr-story__end a { color:#1764ee;text-decoration:none;font-weight:750; }
.trr-story__tags { display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 6px; }
.trr-story__tags a { display:inline-block;background:#f0f4fa;color:#526781!important;text-decoration:none!important;border-radius:5px;padding:5px 9px;font-size:11px; }
.trr-story__comments { margin-top:38px;border-top:1px solid #ebeff5;padding-top:22px; }
.trr-story__comments :is(input,textarea) { max-width:100%; }
.trr-story-rail { min-width:0;margin:0; }
.trr-story-rail__inner { position:sticky;top:25px;background:#fff;border:1px solid #e4eaf4;border-radius:13px;padding:20px;box-shadow:0 4px 15px rgba(16,39,80,.04); }
.trr-story-rail__inner h2 { font-size:18px;line-height:1.25;letter-spacing:-.015em;color:#173254;font-weight:800;margin:0 0 17px; }
.trr-story-rail__item { display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid #edf0f5;text-decoration:none!important;color:#203953; }
.trr-story-rail__image { width:78px;height:64px;flex:0 0 78px;overflow:hidden;border-radius:7px;background:#edf2f9; }
.trr-story-rail__image img { display:block;width:100%;height:100%;object-fit:cover; }
.trr-story-rail__copy { display:block;min-width:0; }
.trr-story-rail__copy strong { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.38;color:#142c4c;font-weight:750; }
.trr-story-rail__copy small { display:block;color:#90a0b2;font-size:10px;margin-top:6px; }
.trr-story-rail__item:hover strong { color:#1764ee; }
.trr-story-rail__more { display:inline-block;margin-top:15px;color:#1764ee!important;text-decoration:none!important;font-size:12px;font-weight:770; }
.trr-story-wrap .trr-story-container > script { max-width:100%; }
@media(max-width:1030px) {
 .trr-story-layout { grid-template-columns:minmax(0,1fr) 245px;gap:16px; }
 .trr-story { padding:25px 26px; }
 .trr-story-rail__inner { padding:14px; }
}
@media(max-width:800px) {
 body.trr-is-interior .trr-story-wrap { padding:12px 0 40px; }
 body.trr-is-interior .trr-story-wrap .trr-story-container { width:calc(100% - 26px); }
 .trr-story-layout { display:block; }
 .trr-story { padding:22px 18px; }
 .trr-story-rail { margin-top:20px; }
 .trr-story-rail__inner { position:static; }
 .trr-story-rail__item { align-items:center; }
 .trr-story-rail__image { width:100px;height:76px;flex-basis:100px; }
 .trr-story-rail__copy strong { font-size:14px; }
}
@media(max-width:480px) {
 .trr-story { padding:19px 15px; }
 .trr-story .trr-story__title { font-size:27px; }
 .trr-story__crumbs { margin-bottom:18px; }
 .trr-story__content { font-size:15px;line-height:1.7; }
 .trr-story__content > p:first-child { font-size:16px; }
 .trr-story__content h2 { font-size:23px; }
 .trr-story__content h3 { font-size:19px; }
 .trr-story__content :is(th,td) { font-size:12px;padding:9px 10px; }
}