/* Tamalpa Headlands: a trail-club homepage, circa the late 1990s. */
:root{--paper:#f3efda;--ink:#222c20;--green:#34432a;--olive:#70784c;--gold:#d6bc78;--link:#78391e;--line:#9d9c7b;--muted:#5b5f4b}
*{box-sizing:border-box}
html{scroll-padding-top:14px;scroll-behavior:auto}
body{margin:0;padding:22px 14px 36px;background-color:#424c34;background-image:repeating-linear-gradient(45deg,transparent 0 2px,#ffffff06 2px 3px);color:var(--ink);font:16px/1.5 Georgia,'Times New Roman',serif}
a{color:var(--link);text-underline-offset:2px}
a:visited{color:#655136}
a:hover{color:#a63f1d}
button{font:inherit;cursor:pointer}
img{display:block;max-width:100%}
p{margin:0 0 16px}
.site-frame{max-width:1060px;margin:auto;background:var(--paper);border:3px ridge #b4b48c;box-shadow:7px 7px 0 #20291f66}
.skip-link{position:absolute;left:20px;top:-80px;background:#fff;padding:10px;z-index:10}
.skip-link:focus{top:4px}
.review{min-height:29px;background:#ded9bb;border-bottom:1px solid #83866a;display:flex;justify-content:space-between;align-items:center;padding:5px 13px;font:10px/1.4 Verdana,Arial,sans-serif;letter-spacing:.03em}
.review button{padding:0;border:0;background:none;text-decoration:underline;color:var(--link);font:10px Verdana,Arial,sans-serif}
header{min-height:130px;display:flex;justify-content:space-between;align-items:center;padding:9px 24px;gap:20px;background:#141a10 url('assets/header-painted-detail.png') center/cover;border-bottom:2px solid #191e12}
header>a{display:block;width:485px;max-width:70%}
.logo{width:100%;max-height:125px;object-fit:contain}
.masthead-note{color:#ded3aa;font:11px/1.8 Verdana,Arial,sans-serif;text-align:right;white-space:nowrap}
.masthead-note strong{display:block;font:italic 16px Georgia,serif}
.topnav{display:grid;grid-template-columns:repeat(5,1fr);padding:4px;gap:3px;background:#b5b494;border-top:1px solid #ebe6c8;border-bottom:1px solid #7a8160}
.topnav a,.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:2px solid;border-color:#fffdf0 #777960 #777960 #fffdf0;background:#e8e2bf;color:#35432b;font:bold 11px/1.5 Verdana,Arial,sans-serif;letter-spacing:.04em;text-align:center;text-decoration:none}
.topnav a{text-transform:uppercase}
.topnav a:hover,.button:hover{background:#f8efcd;color:#812e12}
.topnav a:active,.button:active{border-color:#777960 #fffdf0 #fffdf0 #777960}
.topnav .button{background:#6b341e;color:#fff2cc;border-color:#b48157 #391d14 #391d14 #b48157}
.page-layout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:0;padding:13px 13px 0}
.directory{position:sticky;top:14px;align-self:start;margin-right:14px;padding:0 11px 18px 0;border-right:1px solid var(--line);font:11px/1.6 Verdana,Arial,sans-serif}
.directory-title{background:var(--green);color:#f2e8bf;padding:7px 8px;border:2px ridge #869069;font:bold 10px/1.4 Verdana,Arial,sans-serif;letter-spacing:.08em}
.directory nav{display:flex;flex-direction:column;padding:6px 0 16px}
.directory nav a{padding:7px 3px 7px 15px;position:relative;border-bottom:1px dotted #b0ad8d}
.directory nav a:before{content:'›';position:absolute;left:2px;color:#7e4427;font-weight:bold}
.sidebar-box{padding:12px 8px;background:#e5e2c7;border:2px groove #dddabe;text-align:center}
.sidebar-heading{font:bold 9px Verdana,Arial,sans-serif;letter-spacing:.12em;border-bottom:1px solid #9d9c7b;padding-bottom:8px;margin-bottom:10px}
.sidebar-box p{line-height:1.8;margin-bottom:10px}
.sidebar-box img{height:53px;width:43px;object-fit:contain;margin:12px auto}
.sidebar-caption{font:italic 15px/1.4 Georgia,serif!important}
.sidebar-links{display:flex;flex-direction:column;gap:10px;padding:18px 2px;font-size:10px}
main{min-width:0}
.hero{padding:5px;border:1px solid #9d9c7b;background:#fbf8e9}
.hero>img{width:100%;height:287px;object-fit:cover;object-position:center;border:2px inset #b8b59a}
.herocopy{padding:18px 17px 20px;text-align:center}
.eyebrow{font:bold 10px/1.5 Verdana,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin:0 0 9px;color:#626648}
.hero .eyebrow{display:inline-block;color:#6c2c15;border-top:1px solid #c8b67c;border-bottom:1px solid #c8b67c;padding:5px 10px;margin:0 0 13px;background:#eee4c2}
h1{font:bold 38px/1.06 Georgia,'Times New Roman',serif;margin:0 0 13px;color:#34432a;letter-spacing:-.03em;text-shadow:1px 1px 0 #d2c792}
.hero h1 br{display:none}
.hero h1{font-size:38px}
.herocopy>p:not(.eyebrow){font:16px/1.5 Georgia,serif;max-width:560px;margin:0 auto 15px}
.actions{display:flex;justify-content:center;gap:19px;flex-wrap:wrap;align-items:center;font:12px Verdana,Arial,sans-serif}
.outline{font:12px/1.6 Verdana,Arial,sans-serif}
.facts{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 22px;background:#e4e2cb;border:1px solid #8d9270}
.fact{padding:9px 12px;border-right:1px solid #a4a68a;border-bottom:1px solid #a4a68a}
.fact:nth-child(even){border-right:0}
.fact:nth-last-child(-n+2){border-bottom:0}
.fact strong{font:bold 19px/1.3 Georgia,serif;display:block;color:#38452d}
.fact span{display:block;font:9px/1.6 Verdana,Arial,sans-serif;letter-spacing:.02em;color:#555d46;margin-top:2px}
section{margin-bottom:24px;scroll-margin-top:14px}
h2{font:bold 27px/1.15 Georgia,serif;margin:0 0 15px;color:#34432a;letter-spacing:-.02em}
h3{font:bold 21px/1.25 Georgia,serif;margin:10px 0 13px;color:#3f4a32}
.intro{border-bottom:3px double #959c7f;padding:0 8px 23px}
.intro h2 br{display:none}
.intro p{font-size:16px}
.intro>div:first-child{margin-bottom:12px}
.intro .eyebrow{display:none}
.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#d8dbc3;padding:10px 12px;border:1px solid #9b9f7f;border-top:3px double #687452;margin-bottom:13px}
.sectiontop h2{font-size:24px;margin:0}
.sectiontop .eyebrow{font-size:9px;margin-bottom:3px}
.sectiontop .outline{font-size:10px;flex-shrink:0}
.flame-heading{display:flex;align-items:center;gap:9px}
.flame-heading img{width:21px;height:28px;object-fit:contain;flex-shrink:0}
.coursegrid{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}
.coursegrid>div:first-child{min-width:0}
.coursegrid>div>img{width:100%;height:285px;object-fit:cover;padding:4px;background:#f9f5df;border:2px groove #bbbba0}
.caption{font:9px/1.6 Verdana,Arial,sans-serif;color:var(--muted);padding:7px 3px}
.courseinfo{background:#e9e6d0;border:1px solid #b7b59b;padding:14px}
.courseinfo h3{font-size:20px;margin:7px 0 13px}
.courseinfo p{font-size:14px;margin-bottom:13px}
.courseinfo .eyebrow{font-size:8px}
.trailrow{display:flex;justify-content:space-between;gap:10px;border-top:1px dotted #a1a687;padding:8px 0;font:10px/1.5 Verdana,Arial,sans-serif}
.trailrow strong{text-align:right}
.note{font:10px/1.65 Verdana,Arial,sans-serif!important;color:var(--muted)}
.courseinfo .note{margin:8px 0 0}
.info{border:1px solid #929c7c;padding:17px;background:#e2e5d2}
.infogrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
.infogrid h2{font-size:24px}
.infogrid>div>p:not(.eyebrow):not(.note){font-size:15px}
details{border-top:1px solid #a3ab8b;padding:11px 0}
details:last-child{border-bottom:1px solid #a3ab8b}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;color:#35452c;font:bold 11px/1.6 Verdana,Arial,sans-serif}
summary::-webkit-details-marker{display:none}
summary:after{content:'+';font:16px/1.1 monospace}
details[open] summary:after{content:'−'}
details p{font-size:14px;margin:12px 0}
details a{font:10px/1.6 Verdana,Arial,sans-serif}
.voice{display:grid;grid-template-columns:.8fr 1.2fr;gap:21px;padding:1px 0 22px;border-bottom:3px double #959c7f}
.voice>img{width:100%;height:330px;object-fit:cover;padding:4px;background:#fcf9e8;border:2px groove #b9baa0}
.voice>div{padding:6px 6px 0 0}
.voice h2{font-size:26px;margin-bottom:8px}
.voice blockquote{margin:14px 0;font:italic 22px/1.45 Georgia,serif;color:#465337}
.byline{font:bold 12px Verdana,Arial,sans-serif;line-height:1.8}
.flame-signoff{float:left;width:23px;height:34px;object-fit:contain;margin:0 9px 0 0}
.byline .note{font-weight:normal!important}
.archivegrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.archivegrid article{min-width:0;background:#faf6e3;border:1px solid #afaf8e;padding:6px 6px 12px}
.archivegrid img{width:100%;height:185px;object-fit:cover;border:1px solid #8f9779}
.archivegrid a{text-decoration:none}
.archivegrid h3{text-decoration:underline;color:var(--link);font-size:20px;margin:4px 7px 8px}
.archivegrid p{font-size:13px;line-height:1.5;margin:8px 7px 0}
.archivegrid p.eyebrow{font-size:8px;margin:13px 7px 5px!important}
.archive>.note{margin-top:12px}
.sponsors{padding:19px 14px 13px;text-align:center;background:#f9f7e9;border:3px double #9d9f80}
.sponsors h2{font-size:26px;margin-bottom:15px}
.sponsors .eyebrow{font-size:9px}
.leadlogos{display:flex;justify-content:center;gap:30px;margin:10px 0 20px}
.leadlogos a{display:flex;align-items:center;justify-content:center;width:155px;height:95px;background:#fff;border:1px solid #dddcc9;padding:10px}
.leadlogos img{max-height:76px;max-width:140px;filter:grayscale(1);object-fit:contain}
.leadlogos a:nth-child(2) img{filter:grayscale(1) brightness(.25)}
.sponsorgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d3d3bf;border-left:1px solid #d3d3bf;background:#fff}
.sponsorgrid a{min-width:0;height:82px;padding:15px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d3d3bf;border-right:1px solid #d3d3bf}
.sponsorgrid img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}
.closing{text-align:center;padding:20px 17px;background:#d7dbc0;border:3px ridge #adb88e}
.closing h2{font-size:27px;justify-content:center;margin-bottom:12px}
.closing .eyebrow{font-size:9px}
.closing p:not(.eyebrow){font:12px/1.7 Verdana,Arial,sans-serif;margin-bottom:15px}
.closing .button{background:#e9e1ba}
footer{border-top:3px double #a3a88a;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;margin:0 13px;padding:15px 6px 18px;text-align:center;font:9px/1.6 Verdana,Arial,sans-serif}
footer>span:last-child{flex-basis:100%}
.backtop{display:flex;gap:5px;align-items:center}
.backtop img{width:14px;height:20px;object-fit:contain}
dialog{padding:26px;max-width:620px;width:calc(100% - 28px);background:var(--paper);color:var(--ink);border:4px ridge #a9ae8d;box-shadow:8px 8px #16201155}
dialog::backdrop{background:#182115aa}
dialog h2{font-size:29px}
dialog p,dialog li{font-size:14px}
dialog button{float:right;background:#e8e2bf;border:2px outset #d8d7bb;font:23px/1 Arial;padding:2px 7px;color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #aa4b21;outline-offset:3px}
@media(hover:hover) and (pointer:fine){a,button,summary{cursor:url('assets/flame-cursor.png') 16 2,pointer}}
@media(max-width:850px){body{padding:12px 8px 25px}.page-layout{grid-template-columns:151px minmax(0,1fr);padding:10px 10px 0}.directory{margin-right:10px;padding-right:9px}.directory nav a{font-size:10px}header{padding:9px 16px}.masthead-note{font-size:9px}.masthead-note strong{font-size:13px}.hero>img{height:240px}h1,.hero h1{font-size:31px}.herocopy{padding:15px 11px 18px}.coursegrid,.infogrid{grid-template-columns:1fr;gap:12px}.coursegrid>div>img{height:275px}.courseinfo h3 br{display:none}.voice{grid-template-columns:.8fr 1fr;gap:16px}.voice>img{height:300px}.voice blockquote{font-size:19px}.sectiontop{flex-wrap:wrap;gap:8px}.archivegrid img{height:145px}.sponsorgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){body{padding:7px 5px 18px;font-size:16px}.site-frame{border-width:2px;box-shadow:3px 3px 0 #20291f66}.review{font-size:8px;padding:6px 8px;gap:8px}.review button{font-size:9px;flex-shrink:0}header{min-height:120px;display:block;text-align:center;padding:11px 15px 13px}header>a{width:365px;max-width:100%;margin:auto}.logo{max-height:90px}.masthead-note{margin-top:5px;font:9px/1.4 Verdana,Arial,sans-serif;text-align:center;white-space:normal}.masthead-note br{display:none}.masthead-note strong{display:inline;font:italic 11px Georgia,serif;margin-left:7px}.topnav{grid-template-columns:repeat(3,1fr);gap:3px;padding:4px}.topnav a{font-size:9px;padding:9px 4px;min-height:36px}.topnav a:nth-child(4),.topnav a:nth-child(5){grid-column:auto}.topnav a:last-child{grid-column:2 / 4}.page-layout{display:block;padding:9px 8px 0}.directory{display:none}.hero>img{height:212px}.hero h1{font-size:32px;line-height:1.08;max-width:300px;margin:0 auto 13px}.hero h1 br{display:block}.herocopy{padding:15px 9px 20px}.hero .eyebrow{font-size:9px;padding:5px 7px;letter-spacing:.04em}.herocopy>p:not(.eyebrow){font-size:15px}.actions{gap:13px;font-size:11px}.button{font-size:10px;padding:9px 11px}.facts{margin-bottom:20px}.fact{padding:10px}.fact strong{font-size:19px}.fact span{font-size:8px}.intro{padding:0 4px 20px}.intro h2{font-size:27px}.intro h2 br{display:block}.sectiontop{padding:10px}.sectiontop h2{font-size:23px}.sectiontop .outline{font-size:11px}.coursegrid>div>img{height:255px}.courseinfo{padding:16px}.courseinfo h3{font-size:22px}.courseinfo p{font-size:15px}.trailrow{font-size:11px}.info{padding:15px}.infogrid{gap:4px}.infogrid h2{font-size:26px}summary{font-size:12px;min-height:28px;align-items:center}details a{font-size:11px}details p{font-size:15px}.voice{grid-template-columns:1fr;gap:16px}.voice>img{height:285px;object-position:center 60%}.voice>div{padding:0 5px}.voice blockquote{font-size:23px}.archivegrid{gap:10px}.archivegrid img{height:125px}.archivegrid h3{font-size:18px;margin-left:3px;margin-right:3px}.archivegrid p{font-size:13px;margin-left:3px;margin-right:3px}.archivegrid p.eyebrow{margin-left:3px!important;margin-right:3px!important;letter-spacing:.03em}.sponsors{padding:18px 8px 10px}.leadlogos{gap:13px}.leadlogos a{width:135px}.sponsorgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.sponsorgrid a{height:79px;padding:12px}.closing h2{font-size:25px}.closing .flame-heading img{display:none}footer{margin:0 8px;font-size:8px;gap:7px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{padding:0;background:#fff}.site-frame{max-width:none;box-shadow:none;border:0}.review,.topnav,.directory,dialog,.skip-link{display:none}.page-layout{display:block}section{break-inside:avoid}header{background:#fff}.masthead-note{color:#222}}

/* Plainspoken race-club character, with current-day readability and controls. */
:root{--paper:#f0e9cc;--green:#35452c;--gold:#d4b16b}
body{background-color:#353f2b;font-family:Verdana,Arial,sans-serif;font-size:15px;line-height:1.65}
.site-frame{max-width:1160px}
.review,.eyebrow,.directory-title,.sidebar-heading,.fact span,.caption{font-family:'Courier New',Courier,monospace}
.review{font-size:11px}
.review button{min-height:32px;font-size:11px}
header{background-image:linear-gradient(#10110833,#10110833),url('assets/header-painted-detail.png')}
.topnav{background:#8e936e}
.topnav a{min-height:44px;font-size:12px}
.directory nav a{min-height:40px;display:flex;align-items:center;font-size:12px}
.directory-title{font-size:12px}
.hero{background:#e9d9a8}
.hero>img{height:310px}
.hero h1{font-size:42px;letter-spacing:-.035em;text-shadow:none}
.hero .eyebrow{font-size:12px;background:#f2e7c1;border-color:#9c8249}
.herocopy>p:not(.eyebrow){font:15px/1.65 Verdana,Arial,sans-serif}
.button{min-height:44px;font-size:12px}
.outline{font-size:13px}
.fact span{font-size:11px;line-height:1.5}
.fact{padding:12px}
.intro p{font-size:13px}
.sectiontop{background:#cbd0ad;border-top:3px double #647349}
.sectiontop .eyebrow{font-size:11px}
.sectiontop .outline{font-size:12px}
.courseinfo p{font-size:14px;line-height:1.65}
.trailrow{font-size:12px}
.note{font-size:12px!important;line-height:1.6!important}
.caption{font-size:11px}
summary{font-size:13px;min-height:44px;align-items:center}
details a{font-size:12px;display:inline-block;padding:5px 0}
.archivegrid p{font-size:14px}
.archivegrid p.eyebrow{font-size:11px}
.closing{background:#d9c48d}
.closing .button{background:#67351f;color:#fff5d4;border-color:#b78558 #371b10 #371b10 #b78558}
footer{font-size:11px}
@media(max-width:850px){.page-layout{grid-template-columns:161px minmax(0,1fr)}.hero h1{font-size:34px}.hero>img{height:250px}.directory nav a{font-size:11px}.facts{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.review{font-size:9px}.review button{font-size:10px}.topnav a{font-size:11px;min-height:44px}.hero>img{height:220px}.hero h1{font-size:34px}.hero .eyebrow{font-size:11px}.button{font-size:12px}.fact span{font-size:10px}.fact strong{font-size:19px}.archivegrid{grid-template-columns:1fr}.archivegrid img{height:210px}.archivegrid h3{font-size:22px}.archivegrid p{font-size:14px}.sectiontop .outline{font-size:12px}summary{font-size:13px}footer{font-size:10px}}

/* Pale linen surfaces. */
:root{--paper:#faf8f1;--line:#c5c3b4}
.review{background:#f2efe4}
.hero,.herocopy{background:#f8f5eb}
.hero .eyebrow{background:#f1ecdd;border-color:#ccc3ab}
.topnav{background:#e6e4d8}
.topnav a,.button{background:#f5f2e7;border-color:#fffef9 #a7aa95 #a7aa95 #fffef9}
.topnav .button{background:#6b341e;color:#fff2cc}
.topnav a:hover,.button:hover{background:#fffdf5}
.sidebar-box,.facts,.courseinfo,.info{background:#f1f1e8}
.sectiontop{background:#eaece0}
.archivegrid article,.sponsors{background:#fcfaf4}
.closing{background:#f2eddf}

.trail-radio{margin:12px 0;padding:12px;background:#f5f2e8;border:2px groove #dedbcb}.radio-label{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:9px;font:11px/1.5 'Courier New',monospace}.radio-label strong{letter-spacing:.08em}.radio-source{display:inline-block;font:11px/1.5 Verdana,sans-serif;margin-top:5px}.trail-radio iframe{display:block}.topnav .button:hover{background:#7b4025}.closing .button:hover{background:#78442a}@media(max-width:600px){.radio-label{display:block}.radio-label span{display:block;margin-top:4px}}
/* Flame-orange registration actions. */
.topnav .button,.closing .button,.actions .button{background:#ed822b;color:#242b1d;border-color:#ffb25c #9c471b #9c471b #ffb25c}
.topnav .button:hover,.closing .button:hover,.actions .button:hover{background:#f39843;color:#242b1d}
/* Give the coastal landscape more vertical room at every breakpoint. */
.hero>img{height:420px}
@media(max-width:850px){.hero>img{height:338px}}
@media(max-width:600px){.hero>img{height:297px}}
/* One continuous white background throughout the sponsors section. */
.sponsors{background:#fff}

/* Consistent reading size across the site's body copy. */
:root{--body-copy-size:13px}
.herocopy>p:not(.eyebrow),
.intro p:not(.eyebrow),
.courseinfo p:not(.eyebrow):not(.note),
.infogrid>div>p:not(.eyebrow):not(.note),
details p,
.voice p:not(.eyebrow):not(.byline):not(.note),
.archivegrid p:not(.eyebrow):not(.note),
.closing p:not(.eyebrow),
dialog p,dialog li,
.sidebar-box p:not(.sidebar-heading):not(.sidebar-caption){font-family:Verdana,Arial,sans-serif;font-size:var(--body-copy-size);line-height:1.65}
details p a{font-size:inherit;line-height:inherit}

/* Open sponsor layout; presenting partners retain their original scale. */
.sponsorgrid,.sponsorgrid a,.leadlogos a{border:0}
.sponsorgrid img{transform:scale(.765)}

/* Balance the presenting partner marks optically. */
.leadlogos a:nth-child(2) img{transform:scale(.8)}

/* Painted outer margins, colorized to the established olive palette. */
@media screen{
 body{
  background-color:#353f2b;
  background-image:linear-gradient(rgba(53,63,43,.78),rgba(53,63,43,.78)),linear-gradient(#353f2b,#353f2b),url('assets/header-painted-detail.png');
  background-blend-mode:normal,color,normal;
  background-size:auto,auto,1200px auto;
  background-repeat:repeat;
 }
}

/* Editorial refinement: fewer frames, useful sidebar, a course photo sequence. */
.sidebar-intro{font-size:12px;margin:17px 0 0}
.prep-links{padding:10px 0 12px;gap:13px;font-size:12px}
.sidebar-edition{margin-bottom:23px}
.hero{border:0;padding:0;background:transparent}
.hero>img{border:0}
.herocopy{background:transparent;padding-top:23px}
.sectiontop{background:transparent;border:0;border-top:1px solid var(--line);padding:18px 0 0;margin-bottom:18px}
.voice{display:block;border:0;border-left:3px solid var(--olive);padding:3px 0 4px 22px;margin:30px 8px 36px}
.voice>div{padding:0;max-width:610px}
.voice h2{font-size:22px}
.voice blockquote{font-size:25px;line-height:1.4;margin:13px 0 16px}
.course-journey{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.course-journey figure{margin:0;min-width:0}
.course-journey img{width:100%;height:220px;object-fit:cover}
.coursegrid>div>img{border:0;padding:0}
.courseinfo{border:0;background:transparent;padding:0 0 0 6px}
.info{background:transparent;border:0;border-top:1px solid var(--line);padding:22px 0 0}
.archivegrid{grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}
.archivegrid article{background:transparent;border:0;padding:0}
.archivegrid img{border:0;height:230px}
.archivegrid h3,.archivegrid p{margin-left:0;margin-right:0}
.archivegrid p.eyebrow{margin-left:0!important;margin-right:0!important}
.archive-year{font:bold 70px/1 Georgia,serif;color:var(--olive);padding:16px 0 22px;border-top:3px double var(--line)}
.sponsors{border:0;padding-top:26px;padding-bottom:23px}
.trail-radio{border:0;border-top:1px solid var(--line);background:transparent;padding:14px 0}
.closing{border:0;border-top:3px double var(--olive);padding-top:25px}
@media(max-width:600px){.course-journey{grid-template-columns:1fr;gap:16px}.course-journey img{height:235px}.voice{margin-left:0;margin-right:0;padding-left:16px}.voice blockquote{font-size:22px}.archivegrid{grid-template-columns:1fr}.archive-year{font-size:56px;padding:17px 0}.courseinfo{padding:8px 0 0}}

/* Flame-orange punctuation at the race introduction and registration. */
.intro,.closing{background:#ed822b;color:#242b1d;padding:26px 24px;border:0}
.intro h2,.closing h2,.closing .eyebrow{color:#242b1d}
.intro a,.intro a:visited{color:#242b1d}
.intro a:hover{color:#000}
.closing .button,.closing .button:visited{background:#34432a;color:#fffaf0;border-color:#657951 #1e2917 #1e2917 #657951}
.closing .button:hover{background:#26331f;color:#fff}
.intro a:focus-visible,.closing a:focus-visible{outline-color:#242b1d}
@media(max-width:600px){.intro,.closing{padding:22px 17px}}

/* Taller photographic proportions, responsive to each image's width. */
.hero>img{height:auto;aspect-ratio:16/9;object-fit:cover}
.course-journey img,.coursegrid>div>img,.archivegrid img{height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:600px){.hero>img{aspect-ratio:4/3}}

/* Align both course rows to the same columns and gutter. */
.coursegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.courseinfo{padding-left:0}
@media(max-width:600px){.coursegrid{grid-template-columns:1fr}}