/* Keep the original BrightSide palette, tabs, typefaces and side menus. */
#header #logo span{display:inline;float:none;padding:0;background:none;color:#9ec630}
*{box-sizing:border-box}body{font:13px/1.75 Verdana,Tahoma,Helvetica,sans-serif;background:#a9bac3 url('../images/bg.gif') repeat-x;color:#666;padding:22px 0;text-align:center}a{color:#4284b0}a:hover{color:#739b32}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #9ec630;outline-offset:3px}#wrap{width:min(1240px,calc(100% - 40px));height:auto;box-shadow:0 6px 26px #3c586b26;border:1px solid #91a8b6;border-radius:5px;overflow:hidden}#header{height:102px;background:#fff url('../images/headerbg.gif') repeat-x 0 100%}#header #logo{position:absolute;float:none;background:none;padding:0;margin:0;left:16px;top:5px;font:bold 41px/1.1 'Trebuchet MS',Arial,sans-serif;letter-spacing:-2px;text-transform:lowercase;color:#6297bc}#header #logo .green{color:#9ec630}#header #slogan{position:absolute;top:53px;left:16px;padding:0;margin:0;font:bold 12px/1.5 Tahoma,'Trebuchet MS',sans-serif;color:#666}#header ul{right:12px;bottom:6px!important;font-size:13px}#header a:not(#logo){background-image:url('../images/tableft.gif')}#header a:not(#logo) span{background-image:url('../images/tabright.gif');padding:6px 17px 4px 12px}#content-wrap{padding:14px 14px 28px;background:#fff}.conference-banner{position:relative;isolation:isolate;aspect-ratio:820/120;min-height:154px;overflow:hidden;border:1px solid #2b6384;border-radius:4px;background:#2c6482;box-shadow:0 2px 5px #234b6526;margin-bottom:22px}.banner-original{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;border:0}.banner-mask{position:absolute;inset:0 auto 0 0;width:58%;background:linear-gradient(90deg,#2b6180 0%,#2b6180 89%,#2b618000 100%)}.banner-copy{position:absolute;left:23px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;width:70%;color:#fff;line-height:1.45;text-shadow:1px 2px 2px #143c50}.banner-copy>strong{display:block;font:bold 37px/1.2 Verdana,Tahoma,sans-serif;letter-spacing:.01em;margin:0 0 7px;color:#fff}.banner-copy>span{display:block;font:18px/1.5 'Trebuchet MS',Arial,sans-serif}.banner-badge{position:absolute;top:50%;right:1.2%;transform:translateY(-50%);width:14.45%;aspect-ratio:1;border:3px solid #afcf3d;border-radius:50%;background:#fff;color:#286183;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;box-shadow:0 0 0 2px #fff5;text-align:center}.banner-badge>span:first-child{font:bold 12px/1.3 Verdana,sans-serif;letter-spacing:.08em}.banner-badge>strong{font:bold 48px/1 Arial,sans-serif;margin:3px 0 0}.banner-badge>span{font:bold 13px/1.3 Arial,sans-serif}.banner-badge>small{font:bold 10px/1.6 Arial,sans-serif;margin-top:3px}.columns{display:grid;grid-template-columns:205px minmax(0,1fr) 168px;gap:24px;align-items:start}#sidebar,#rightbar,#main{float:none;width:auto;min-width:0;margin:0;padding:0;display:block}#sidebar h2,#rightbar h2{font:bold 19px/1.4 'Trebuchet MS',Arial,sans-serif;color:#6297bc;text-transform:none;margin:0 0 8px;padding:0}hr{height:1px;border:0;background:#ccc;margin:0 0 13px}#sidebar ul.sidemenu{margin:0 0 28px;padding:0}#sidebar ul.sidemenu li{border:1px solid #eee;margin-bottom:3px;list-style:none}#sidebar ul.sidemenu a{padding:6px 8px 6px 10px;font-size:12px;line-height:1.65;background:#f2f2f2;border-left:4px solid #ccc;color:#333;min-height:31px}#sidebar ul.sidemenu a:hover,#sidebar ul.sidemenu a.active{color:#638c28;border-left-color:#9ec630;background:#f2f2f2;padding:6px 8px 6px 10px}.tradition{padding:0 8px;text-align:center;font-size:11px;line-height:1.75}.tradition-city{position:relative;width:100%;height:37px;overflow:hidden;margin:0 auto}.tradition-city img{display:block;width:100%;height:auto}.tradition-brand{font:bold 20px/1.5 Arial,sans-serif;color:#48B2A6;margin:2px 0 7px;white-space:nowrap}.tradition strong{display:block;padding:0 5px}#main{line-height:1.85;overflow-wrap:break-word}#main h1{font:bold 23px/1.4 'Trebuchet MS',Arial,sans-serif;color:#6297bc;margin:0 0 8px;padding:0}#main h2{font-size:19px;margin:18px 0 12px}#main p{margin:14px 0;padding:0}#main p[align="justify"]{text-align:justify}#main p[align="center"]{text-align:center}#main p[align="left"]{text-align:left}#main img{max-width:100%;height:auto;vertical-align:middle}#main a img{border:1px solid #568eb6}#main a:hover img{border-color:#9ec630}#main.index img[src="images/st25.jpg"]{width:100%;height:auto;display:block}#main .country-flag{width:24px;max-width:24px;height:16px;object-fit:cover;margin-right:3px}#main iframe{width:100%;max-width:100%;border:1px solid #ccc}#main table{width:100%;max-width:100%;border-collapse:collapse;font-size:inherit;table-layout:auto}#main table p{margin:5px 0}#main td{vertical-align:top;padding:8px;overflow-wrap:anywhere}#main.speakers td:first-child{width:120px;padding-left:0}#main.speakers td:first-child img{max-width:105px}#main.speakers table{margin:15px 0 22px}#rightbar{font-size:11px;line-height:1.7}#rightbar p{margin:11px 0 17px;padding:0}#rightbar p img{display:block;max-width:130px;width:auto;height:auto;max-height:184px}#rightbar hr{margin-top:14px}#footer{height:auto;min-height:54px;margin:0;padding:0 8px;border-top:5px solid #568eb6;display:flex;align-items:center;justify-content:space-between;background:#a9bac3;font-size:11px}#footer .footer-left,#footer .footer-right{float:none;width:auto}#footer p{margin:8px}.skip-link{position:absolute;left:10px;top:-80px;background:#fff;color:#333;padding:9px 15px;z-index:10}.skip-link:focus{top:5px}.archive-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.archive-photo-grid figure{margin:0;border:1px solid #ddd;padding:8px;background:#fafafa}.archive-photo-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}.archive-photo-grid figcaption{font-size:10px;line-height:1.6}.archive-photo-grid figcaption p{margin:4px 0!important}.lightbox{position:fixed;inset:0;margin:auto;padding:45px 55px;border:1px solid #91a8b6;border-radius:4px;background:#fff;color:#444;max-width:calc(100% - 28px);width:1000px;max-height:calc(100% - 28px)}.lightbox::backdrop{background:#172b3bce}.lightbox figure{margin:0;text-align:center}.lightbox img{display:block;max-width:100%;max-height:70vh;margin:auto;object-fit:contain}.lightbox figcaption{font-size:12px;line-height:1.6;margin-top:12px}.lightbox button{position:absolute;background:#568eb6;color:#fff;border:0;border-radius:3px;width:34px;height:34px;font-size:23px;cursor:pointer}.lightbox-close{top:7px;right:7px}.lightbox-prev{left:10px;top:48%}.lightbox-next{right:10px;top:48%}
@media(max-width:1080px){.columns{grid-template-columns:190px minmax(0,1fr) 145px;gap:20px}.banner-copy>strong{font-size:31px}.banner-copy>span{font-size:16px}.banner-badge>strong{font-size:39px}.banner-badge>span:first-child{font-size:10px}#header #logo{font-size:37px}#header #slogan{font-size:11px}#header a:not(#logo) span{padding-right:12px;font-size:12px}#sidebar ul.sidemenu a{font-size:11px}}
@media(max-width:880px){.columns{grid-template-columns:174px minmax(0,1fr);gap:20px}#rightbar{grid-column:1/-1;display:grid;grid-template-columns:140px 1fr 140px 1fr;gap:12px 17px;padding-top:20px;border-top:1px solid #ccc;margin-top:15px}#rightbar h2{grid-column:1/-1}#rightbar hr{display:none}#rightbar p{margin:0;align-self:center}#rightbar p img{max-height:125px;max-width:120px}#header #logo{font-size:33px;top:8px}#header #slogan{font-size:10px;top:47px}#header ul{font-size:11px}#header a:not(#logo) span{font-size:11px;padding:6px 10px 4px 7px}.conference-banner{min-height:145px}.banner-copy>strong{font-size:27px}.banner-copy>span{font-size:14px}.banner-badge>strong{font-size:33px}.banner-badge>span{font-size:11px}.banner-badge>small{font-size:9px}.banner-badge>span:first-child{font-size:9px}.tradition-brand{font-size:17px}.tradition-city{height:31px}}
@media(max-width:700px){body{padding:10px 0;font-size:12px;line-height:1.8}#wrap{width:calc(100% - 20px)}#header{height:127px}#header #logo{font-size:34px;left:12px;top:7px}#header #slogan{font-size:10px;top:49px;left:12px}#header nav ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:absolute;right:10px;left:10px;bottom:7px!important;gap:3px}#header li{display:block;min-width:0}#header a:not(#logo){float:none;display:block;background:#568eb6;border-radius:3px;padding:0}#header a:not(#logo) span{float:none;display:flex;align-items:center;justify-content:center;background:none;font-size:10px;line-height:1.45;padding:6px 4px;min-height:41px;white-space:normal;text-align:center}#header #current a,#header a:not(#logo):hover{background:#8cae41}#content-wrap{padding:10px 11px 24px}.conference-banner{min-height:151px;aspect-ratio:auto;margin-bottom:18px}.banner-original{object-fit:cover;object-position:75% center;clip-path:inset(0 17% 0 0)}.banner-mask{width:67%;background:linear-gradient(90deg,#2b6180 0%,#2b6180 75%,#2b618000 100%)}.banner-copy{left:13px;width:calc(100% - 124px);gap:4px;line-height:1.45}.banner-copy>strong{font-size:24px;margin-bottom:3px;letter-spacing:0}.banner-copy>span{font-size:12px;line-height:1.55}.banner-badge{width:104px;right:10px;border-width:2px}.banner-badge>strong{font-size:35px}.banner-badge>span:first-child{font-size:9px}.banner-badge>span{font-size:11px}.banner-badge>small{font-size:9px}.columns{display:flex;flex-direction:column;gap:22px}#sidebar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}#sidebar nav{min-width:0}#sidebar h2{font-size:16px;margin-bottom:6px}#sidebar hr{margin-bottom:10px}#sidebar ul.sidemenu{margin-bottom:0}#sidebar ul.sidemenu a,#sidebar ul.sidemenu a:hover,#sidebar ul.sidemenu a.active{font-size:10px;line-height:1.65;padding:5px 5px 5px 7px;min-height:30px}#sidebar .tradition{display:none}#main{width:100%;font-size:12px;line-height:1.9}#main h1{font-size:21px}#main p[align="justify"]{text-align:left}#main p{margin:14px 0}#main td{padding:5px}#main.speakers td:first-child{width:78px}#main.speakers td:first-child img{max-width:70px}#main table,#main tbody,#main tr,#main td{max-width:100%}#rightbar{width:100%;display:grid;grid-template-columns:110px 1fr;gap:14px 16px;padding-top:20px;margin-top:3px;font-size:11px}#rightbar h2{font-size:19px}#rightbar p img{max-width:105px;max-height:130px}.archive-photo-grid{gap:12px}.archive-photo-grid figure{padding:5px}.archive-photo-grid figcaption{font-size:9px}.lightbox{padding:43px 39px 20px}.lightbox button{width:28px;height:28px}.lightbox-prev{left:5px}.lightbox-next{right:5px}}
@media(max-width:400px){.banner-copy{width:calc(100% - 107px);left:10px}.banner-copy>strong{font-size:19px}.banner-copy>span{font-size:11px}.banner-badge{width:89px;right:9px}.banner-badge>strong{font-size:30px}.banner-badge>span:first-child{font-size:8px}.banner-badge>small{font-size:8px}#header a:not(#logo) span{font-size:9px;padding:6px 2px}#main h1{font-size:20px}.archive-photo-grid{grid-template-columns:1fr}}
@media print{body{background:white;padding:0}#wrap{width:100%;border:0;box-shadow:none}#header nav,#sidebar,#rightbar,.conference-banner{display:none}.columns{display:block}#main{width:100%}#main p{color:black}}
@media(max-width:400px){.banner-copy{width:calc(100% - 121px)}}
@media(max-width:350px){.banner-copy{width:calc(100% - 109px)}.banner-copy>strong{font-size:16px}.banner-copy>span{font-size:10px}.banner-badge{width:78px}.banner-badge>strong{font-size:27px}.banner-badge>span:first-child{font-size:7px}.banner-badge>span{font-size:10px}.banner-badge>small{font-size:7px}}

/* Page update 01: compact header and clearer institution images. */
#header{height:76px}#header #logo{top:3px}#header #slogan{top:48px}
#rightbar.improved-links .journal-image,#rightbar.improved-links .faculty-image{width:100%;max-width:168px;max-height:none;height:auto}
#rightbar.improved-links .society-image{width:134px;max-width:100%;height:auto;max-height:none;margin-inline:auto}
@media(max-width:880px){#rightbar.improved-links .journal-image,#rightbar.improved-links .faculty-image,#rightbar.improved-links .society-image{width:120px;max-width:100%;max-height:none;height:auto}}
@media(max-width:700px){#header{height:112px}#header #logo{top:5px}#header #slogan{top:44px}#rightbar.improved-links .journal-image,#rightbar.improved-links .faculty-image,#rightbar.improved-links .society-image{width:105px;max-width:100%;height:auto}}

/* Page update 02: remove frames from Links images. */
#rightbar a img,#rightbar a:hover img{border:0}

/* Page update 04: faculty photo, centered link captions, smaller STS logo. */
#main.index .conference-venue-photo{display:block;width:100%;height:auto;margin:16px 0 20px;border:0}
#rightbar p{text-align:center}
#rightbar p img{margin-inline:auto}
#rightbar.improved-links .sts-image{width:112px}
@media(max-width:700px){#rightbar.improved-links .sts-image{width:92px}}

/* Page update 05: styled conference artwork and supplied anniversary badge. */
.conference-banner.styled-header{aspect-ratio:1944/363;min-height:0}
.styled-header .banner-original{object-fit:contain;object-position:center;clip-path:none}
.styled-header .banner-mobile-content{display:none}
@media(max-width:700px){.conference-banner.styled-header{aspect-ratio:auto;min-height:151px}.styled-header .banner-original{object-fit:cover;object-position:55% center}.styled-header .banner-mobile-content{display:block}.styled-header .banner-mask{width:70%;background:linear-gradient(90deg,#1b5371 0%,#1b5371 92%,#1b537100 100%)}.styled-header .banner-anniversary{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:104px;height:auto;max-width:none;border:0;padding:0;background:none}}
@media(max-width:400px){.styled-header .banner-anniversary{width:89px;right:9px}}
@media(max-width:350px){.styled-header .banner-anniversary{width:78px}}

/* Page update 06: original blue, shorter header, smaller type, aligned rules. */
.conference-banner.compact-header{height:154px;min-height:154px;aspect-ratio:auto;background:#2d6282}
.compact-header .banner-original{object-fit:cover;object-position:center;clip-path:none}
.compact-header .banner-mask{width:60%;background:linear-gradient(90deg,#2d6282 0%,#2d6282 80%,#2d628200 100%)}
.compact-header .banner-copy{left:20px;gap:3px}
.compact-header .banner-copy>strong{font-size:32px;line-height:1.2;margin:0 0 5px}
.compact-header .banner-copy>span{font-size:15px;line-height:1.5}
.compact-header .banner-anniversary{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:138px;height:auto;max-width:none;border:0;padding:0;background:none}
.columns>#sidebar h2,.columns>#main>h1:first-child,.columns>#rightbar>h2:first-child{min-height:34px;line-height:34px;margin:0 0 8px;padding:0}
.columns>#rightbar>h2:first-child+hr{margin-top:0}
@media(max-width:700px){.conference-banner.compact-header{height:142px;min-height:142px}.compact-header .banner-original{object-position:60% center}.compact-header .banner-mask{width:70%}.compact-header .banner-copy{left:13px}.compact-header .banner-copy>strong{font-size:23px;margin-bottom:4px}.compact-header .banner-copy>span{font-size:11px}.compact-header .banner-anniversary{width:104px;right:10px}}
@media(max-width:400px){.compact-header .banner-copy{left:10px}.compact-header .banner-copy>strong{font-size:19px}.compact-header .banner-anniversary{width:89px;right:9px}}
@media(max-width:350px){.compact-header .banner-copy>strong{font-size:16px}.compact-header .banner-copy>span{font-size:10px}.compact-header .banner-anniversary{width:78px}}

/* Page update 12: static banner, anniversary in the blue gap, continuous green stripe. */
body{background-image:linear-gradient(#fff,#fff),url('../images/bg.gif');background-repeat:no-repeat,repeat-x;background-position:0 0,0 14px;background-size:100% 14px,auto}
.compact-header .banner-copy{width:calc(40% - 40px)}
.compact-header .banner-anniversary{left:40%;right:auto}
@media(max-width:1050px){.compact-header .banner-copy{width:calc(49% - 40px)}.compact-header .banner-anniversary{left:49%}}
@media(max-width:880px){.compact-header .banner-copy>strong{font-size:26px}.compact-header .banner-copy>span{font-size:13px}}
@media(max-width:700px){body{background-position:0 0,0 38px;background-size:100% 38px,auto}.compact-header .banner-copy{width:calc(64% - 26px)}.compact-header .banner-anniversary{left:64%}.compact-header .banner-copy>strong{font-size:23px}.compact-header .banner-copy>span{font-size:11px}}
@media(max-width:550px){.compact-header .banner-copy>strong{font-size:20px}}
@media(max-width:400px){.compact-header .banner-copy>strong{font-size:19px}}
@media(max-width:350px){.compact-header .banner-copy>strong{font-size:15px}.compact-header .banner-copy>span{font-size:10px}}
@media print{body{background-image:none}}

/* Page update 14: vertically center the logo in the white header without a subtitle. */
#header:not(:has(#slogan)) #logo{top:calc(50% - 3px);transform:translateY(-50%)}
@media(max-width:700px){#header:not(:has(#slogan)) #logo{top:calc((100% - 53px)/2)}}