/* Built from the archived Squarespace site.css of tia2015.org (Marquee template, 1020px page, #e3e3e3 header, #333/#1f1f1f footers). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#1f1f1f;color:#2b2b2b;font-family:Figtree,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65}
#siteWrapper{background:#fff;min-height:100vh;display:flex;flex-direction:column}
a{color:#25418a;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
hr{border:0;height:1px;background:rgba(26,26,26,.15);margin:32px 0}
h1,h2,h3{font-family:Mulish,Figtree,Arial,sans-serif}

/* header: same grey bar, logo left, three folders right */
#header{background:#e3e3e3;padding:0 20px;position:relative;z-index:1000;line-height:1}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:104px}
#logoWrapper{flex:0 1 470px;padding:14px 0}
#logoWrapper a{display:block}
.logo{display:block;width:100%;max-width:470px;height:auto}
#mainNavigation{display:flex;gap:6px}
.folder{position:relative}
.folder-toggle{background:none;border:0;cursor:pointer;font-family:Mulish,Figtree,Arial,sans-serif;font-weight:600;font-size:17px;letter-spacing:2px;text-transform:uppercase;color:#111;padding:14px 18px}
.folder-toggle:hover,.folder.open .folder-toggle{color:#25418a}
.subnav{display:none;position:absolute;top:100%;left:0;background:#e3e3e3;padding:10px 0;white-space:nowrap;text-align:left;z-index:1000;box-shadow:0 8px 14px rgba(0,0,0,.14)}
.folder:last-child .subnav{left:auto;right:0}
.folder:hover .subnav,.folder:focus-within .subnav,.folder.open .subnav{display:block}
.subnav a{display:block;padding:9px 24px;font-size:16px;font-weight:500;color:#1a1a1a;letter-spacing:.3px}
.subnav a:hover{color:#25418a;background:#d7d7d7;text-decoration:none}
.mobile-nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.mobile-nav-toggle span{display:block;width:26px;height:3px;background:#222;margin:5px 0}

/* page shell */
#page{flex:1;width:100%;max-width:1020px;margin:0 auto;padding:60px 32px 56px}
.homepage #page{padding:25px 32px 40px}
.center{text-align:center}

/* buttons */
.btn{display:inline-block;background:#25418a;color:#fff;font-family:Mulish,Figtree,Arial,sans-serif;font-size:14.5px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:18px 34px;line-height:1.2;border:0;cursor:pointer;text-align:center}
.btn:hover{background:#1c3270;color:#fff;text-decoration:none}
.two-btn{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap;margin-top:26px}

/* home */
.banner{display:block;margin:0 0 14px}
.banner svg{display:block;width:100%;height:auto}
.intro-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:0 58px;padding-top:14px}
.intro-main{grid-column:2;grid-row:1;min-width:0}
.intro-side{grid-column:1;grid-row:1}
.intro-main h1,.intro-side h2,.sec h2{font-family:Figtree,Arial,sans-serif;font-weight:400;font-size:21px;line-height:1.25;letter-spacing:2px;color:#2e2e2e;text-align:center;margin:0 0 20px}
.intro-side h2,.sec h2{text-transform:uppercase}
.intro-side h2{margin-top:22px}
.intro-side h2:first-child{margin-top:0}
.video-thumb{display:block;color:#222;font-size:14.5px;line-height:1.35;font-weight:600;text-align:center}
.video-thumb img{width:100%;height:150px;object-fit:cover;margin-bottom:8px}
.colbtn{text-align:center;padding:0;margin:15px 0;font-weight:700}
.colbtn a{display:block;padding:33px 8px;color:#fff;font-size:14.5px;letter-spacing:.4px;text-transform:uppercase;line-height:1.25}
.colbtn a:hover{text-decoration:none;filter:brightness(1.08)}
#colbtn{background:linear-gradient(#6e6700,#7f7708)}
#colbtn1{background:linear-gradient(#c40000,#d92626)}
#colbtn2{background:linear-gradient(#007a29,#14843c)}
#colbtn3{background:linear-gradient(#a8007e,#bd1f97)}
#colbtn5,#colbtnnews{background:linear-gradient(#a85600,#b95f00)}
.prose-home{font-size:16.5px;line-height:1.62}
.prose-home p{margin:0 0 16px}
.prose-home.narrow{max-width:720px;margin:0 auto 22px}
.split{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:4px}
.split img{width:150px;height:118px;object-fit:cover}
.summary-heading{font-size:14px;letter-spacing:1px;text-transform:uppercase;color:#555;margin:0}
.sh2{margin:26px 0 12px}
.carousel{margin-top:24px}
.car-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.car-pager button{background:none;border:0;color:#333;font-size:28px;line-height:1;padding:2px 10px;cursor:pointer}
.car-pager button:hover{color:#25418a}
.car-list{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.car-list::-webkit-scrollbar{display:none}
.car-list a{flex:0 0 calc((100% - 28px)/3);scroll-snap-align:start}
.car-list img{width:100%;height:136px;object-fit:cover}
.rel-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rel{display:block;color:#222;font-size:14.5px;line-height:1.35;font-weight:600}
.rel:hover{color:#25418a;text-decoration:none}
.rel img{width:100%;height:120px;object-fit:cover;margin-bottom:8px}
.sec{padding:8px 0}
.sec .center{margin:26px 0 0}
.tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 22px}
.tile{display:block;color:#222;font-size:14.5px;line-height:1.35;font-weight:600;text-align:center}
.tile:hover{color:#25418a;text-decoration:none}
.tile img{width:100%;height:118px;object-fit:cover;margin-bottom:9px}
.term-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}
.term{aspect-ratio:1/1;border:1px solid #25418a;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Mulish,Figtree,Arial,sans-serif;font-weight:800;font-size:16.5px;line-height:1.15;padding:6px}
.term:hover{background:#f0f3fa;text-decoration:none}
.c0{color:#25418a}.c1{color:#b3261e}.c2{color:#00703c}.c3{color:#333}.c4{color:#8f0a70}
.tagline h2.big{font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.25;letter-spacing:0;text-transform:none;color:#222;max-width:760px;margin:6px auto 22px}
.tagline .sub{text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:17px;line-height:1.35;color:#333;margin:0 auto 26px;max-width:880px}
.track-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 26px;text-align:center}
.track-links a{color:#222;font-weight:600;font-size:15.5px;line-height:1.35}
.track-links strong{display:block;color:#25418a;text-transform:uppercase;letter-spacing:.3px;font-weight:700}
.itin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;text-align:center;font-weight:600;font-size:15.5px}
.wide{margin:0 0 20px}
.wide img{width:100%;height:380px;object-fit:cover}
.wide figcaption{text-align:center;font-size:13.5px;color:#555;margin-top:8px}
.closing .quote{max-width:760px;margin:0 auto;text-align:center;font-size:17px;line-height:1.5;color:#333}
.more-link{font-family:Mulish,Figtree,Arial,sans-serif;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600}

/* inner: folder navigation + content (255px + rest, as in the archive) */
.with-folder{display:grid;grid-template-columns:255px minmax(0,1fr)}
#folderNav{padding-right:48px}
.folder-nav-toggle,.folder-nav-label{display:none}
.nav-section-label{font-family:Mulish,Figtree,Arial,sans-serif;font-weight:500;font-size:28px;text-transform:uppercase;line-height:1.2;color:#081926;margin:0 0 .6em}
.folder-nav ul{list-style:none;margin:0;padding:0}
.folder-nav a{display:block;font-family:Mulish,Figtree,Arial,sans-serif;font-size:17px;font-weight:500;line-height:1.25;color:#5e5e5e;padding:0 0 .8em}
.folder-nav a:hover,.folder-nav .active-link a{color:#25418a;text-decoration:none}
#content{min-width:0}
#content h1,.blogpost h1{font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700;font-size:32px;line-height:1.2;color:#222;margin:0 0 16px}
.prose{max-width:690px}
.prose p{margin:0 0 18px}
.prose h2,.hub-h{font-family:Figtree,Arial,sans-serif;font-weight:500;font-size:21px;line-height:1.3;letter-spacing:1.2px;color:#2e2e2e;margin:32px 0 12px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:26px}
.prose li{margin:0 0 8px}
.prose a{text-decoration:underline;text-underline-offset:2px}
.prose table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:16px}
.prose th,.prose td{border:1px solid #c9c9c9;padding:9px 12px;text-align:left}
.prose th{background:#e3e3e3;font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700}
.figure{margin:0 0 22px}
.figure img{width:100%;max-height:430px;object-fit:cover}
figcaption{font-size:13.5px;line-height:1.45;color:#555;margin-top:8px}
.cr{color:#555}
.date{font-size:15px;color:#595959;margin:0 0 10px}
.date a{text-decoration:underline}

/* track pages: centred heading block like the archived track-one page */
.track .eyebrow,.eyebrow{font-family:Figtree,Arial,sans-serif;font-size:20px;letter-spacing:2px;text-transform:uppercase;color:#444;text-align:center;margin:0 0 8px}
.track h1{font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700;font-size:32px;line-height:1.2;color:#222;text-align:center;margin:0 auto 14px;max-width:820px}
.subtitle{font-style:italic;text-align:center;margin:0 auto 24px;max-width:720px}
.track .figure,.track .prose,.blogpost .figure,.blogpost .prose{margin-left:auto;margin-right:auto;max-width:690px}
.blogpost{max-width:956px}
.blogpost>.date,.blogpost>h1{max-width:690px;margin-left:auto;margin-right:auto}
.three-links{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:1.6px;text-transform:uppercase}
.summary-heading.center{margin-bottom:14px}
#content .rel-row{margin-bottom:6px}
.notfound{padding:40px 0;text-align:center}

/* hub and lists */
.hub{text-align:center}
.hub h1{text-align:center}
.hub .lead{max-width:640px;margin:0 auto 10px}
.hub .hub-h{text-transform:uppercase;font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700;font-size:28px;letter-spacing:0;color:#222;margin:26px 0 10px}
.hub p{text-align:left;margin:0 0 16px}
.hub p.eyebrow,.hub p.hub-sub{text-align:center}
.hub .eyebrow{font-size:19px;margin:24px 0 8px}
.hub-title{font-weight:700;font-size:26px;line-height:1.25;margin:0 0 10px}
.hub-sub{font-weight:700;font-size:16.5px;color:#111}
.list-item{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:22px 0;border-top:1px solid rgba(26,26,26,.15)}
.list-item .li-img img{width:190px;height:130px;object-fit:cover}
.list-item h2{font-family:Mulish,Figtree,Arial,sans-serif;font-weight:700;font-size:21px;line-height:1.25;margin:0 0 8px}
.list-item h2 a{color:#222}
.list-item h2 a:hover{color:#25418a}
.list-item p{margin:0 0 8px;font-size:16px;line-height:1.55}
.list-item .date{font-size:14px;margin:0 0 4px}
.list-item .more{font-style:italic;margin:0}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(26,26,26,.15);font-weight:600}
.pager span{color:#555;font-weight:400;margin:0 auto}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;margin-top:6px}
.photo-grid figure{margin:0}
.photo-grid img{width:100%;height:150px;object-fit:cover}
.gloss dt{font-family:Mulish,Figtree,Arial,sans-serif;font-weight:800;color:#25418a;font-size:18px;margin-top:16px;scroll-margin-top:12px}
.gloss dd{margin:2px 0 0}
.contact{max-width:560px;margin-top:8px}
.contact label{display:block;font-weight:600;margin:14px 0 4px}
.contact input[type=text],.contact input[type=email],.contact textarea{width:100%;padding:11px 12px;border:1px solid #8b8b8b;font:inherit;background:#fff;color:#222}
.contact .btn{margin-top:18px}
.hp{position:absolute;left:-9999px;width:1px;height:1px}

/* pre-footer and footer: #333 with six white icons, then #1f1f1f */
#preFooter{background:#333;color:rgba(255,255,255,.78)}
.pre-footer-inner{max-width:1020px;margin:0 auto;padding:44px 32px 34px}
.pf-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;text-align:center}
.pf-ic{display:block;color:rgba(255,255,255,.82);font-size:14px;letter-spacing:1px}
.pf-ic svg{display:block;margin:0 auto 10px}
.pf-ic:hover{color:#fff;text-decoration:none}
.pf-btn{text-align:center;margin:28px 0 0}
.btn-small{display:inline-block;background:#1f1f1f;color:#fff;font-family:Figtree,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:12px 24px}
.btn-small:hover{background:#000;text-decoration:none}
#footer{background:#1f1f1f;color:rgba(255,255,255,.75);font-size:13.5px}
.footer-inner{max-width:1020px;margin:0 auto;padding:32px 32px 36px;text-align:center}
.fnav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px;text-transform:uppercase;letter-spacing:2px;font-size:13px}
.fnav a{color:#fff}
.copy{margin:18px auto 0;max-width:700px;line-height:1.5}

/* phones and tablets */
@media (max-width:900px){
 .term-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
 .intro-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .intro-main,.intro-side{grid-column:1;grid-row:auto}
 .intro-side .colbtn a{padding:22px 8px}
 .with-folder{grid-template-columns:minmax(0,1fr)}
 #folderNav{padding:0 0 18px}
 .folder-nav-label{display:block;background:#e3e3e3;padding:11px 14px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:14px;color:#222}
 .folder-nav-label::after{content:" +"}
 .folder-nav{display:none;padding:14px 14px 2px;background:#f4f4f4}
 .folder-nav-toggle:checked~.folder-nav{display:block}
 .nav-section-label{display:none}
}
@media (max-width:768px){
 #header{padding:0 14px}
 .header-inner{flex-wrap:wrap;min-height:72px}
 #logoWrapper{flex:1 1 200px;padding:10px 8px 10px 0;max-width:calc(100% - 50px)}
 .mobile-nav-toggle{display:block}
 #headerNav{display:none;width:100%;padding:0 0 12px}
 .nav-open #headerNav{display:block}
 #mainNavigation{display:block}
 .folder-toggle{display:block;width:100%;text-align:left;padding:12px 4px;font-size:16px}
 .folder-toggle::before{content:"+ "}
 .folder.open .folder-toggle::before{content:"\2013 "}
 .subnav{position:static;box-shadow:none;padding:0 0 6px 12px;white-space:normal;display:none}
 .folder:hover .subnav,.folder:focus-within .subnav{display:none}
 .folder.open .subnav{display:block}
 .subnav a{padding:9px 6px}
 #page,.homepage #page{padding:24px 16px 40px}
 .banner{margin-left:-16px;margin-right:-16px}
 .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .term-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .term{font-size:14px}
 .track-links,.itin{grid-template-columns:minmax(0,1fr);gap:14px}
 .track-links br{display:none}
 .wide img{height:210px}
 .rel-row{grid-template-columns:minmax(0,1fr)}
 .rel img{height:180px}
 .car-list a{flex-basis:78%}
 .car-list img{height:170px}
 .split{grid-template-columns:96px minmax(0,1fr);gap:14px}
 .split img{width:96px;height:96px}
 .tagline h2.big{font-size:24px}
 .tagline .sub{font-size:15px;letter-spacing:1px}
 .intro-main h1,.intro-side h2,.sec h2{font-size:19px;letter-spacing:1.4px}
 #content h1,.blogpost h1,.track h1{font-size:27px}
 .list-item{grid-template-columns:minmax(0,1fr);gap:10px}
 .list-item .li-img img{width:100%;height:190px}
 .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pf-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}
 .prose{max-width:100%}
 .prose table{font-size:14.5px}
 .prose th,.prose td{padding:7px 8px}
 .fnav{gap:8px 16px}
}
