/* Home and Story keep their approved compositions. */
.secondary-page{font-size:1.25rem;line-height:1.7}
.secondary-page>.site-header{position:sticky;top:0;z-index:120;min-height:5rem;padding:.75rem 5vw;background:var(--night)}
.secondary-page .site-menu a[aria-current=page]{color:var(--mint);text-decoration:underline;text-underline-offset:6px}
.secondary-page .site-menu summary{min-width:90px;justify-content:flex-end}
.secondary-page .site-header :focus-visible{outline:2px solid var(--mint);outline-offset:5px}
.secondary-page :is(.wrap,.writing-index){padding-top:64px;padding-bottom:64px}
.secondary-page :is(h1,h2,h3){text-wrap:balance}
.secondary-page :is(.lede,.inquiry-layout .lede,.support-intro .lede){font-size:1.25rem;line-height:1.7}
.secondary-page :is(.text-link,.button,.cta-link,.small,.date,.allocation,.photo-caption,.speaking-note,.book-row p,.post-row p,.post-date,.article-header p,.article-header a,.article-next,.article-share,.article-share button,.article-share input,.article-share [role=status],.feed-more,.feed-status,.updates-list time,.form label,.form input,.form textarea,.contact-list dt,.contact-list dd,.press-archive summary){font-size:1.125rem;line-height:1.6}
.secondary-page .form-status{font-size:1.125rem!important}
.secondary-page .form :is(input,textarea,select){scroll-margin-top:9rem;scroll-margin-bottom:2rem}
.secondary-page :is(.button,.text-link,.feed-more,.article-share button){min-height:48px}
.secondary-page :is(.button,.feed-more,.article-share button){transition:background-color .2s,color .2s;cursor:pointer}
.secondary-page :is(.feed-more,.article-share button):hover{background:var(--mint);color:var(--night)}
.secondary-page .button:hover{background:var(--sage);color:var(--cream)}
.secondary-page .dark .button:hover{background:var(--cream);color:var(--night)}
.secondary-page .featured-passages>h2{font:400 clamp(2rem,3vw,2.7rem)/1.2 var(--serif);color:var(--ink)}
.secondary-page .essay-passage figcaption{font-size:1.125rem;line-height:1.6}
.secondary-page .post-row{grid-template-columns:250px minmax(0,1fr) auto}
.secondary-page .post-row img{width:250px;height:190px}
.secondary-page .post-row h3{font-size:clamp(2rem,3.2vw,3.4rem)}
.secondary-page .article-header{padding-top:20px;padding-bottom:24px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:12px;align-items:center;text-align:center}
.secondary-page .article-header:after{display:none}
.secondary-page .article-header>a{grid-column:1;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:44px;color:var(--mint)}
.secondary-page .article-back svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.secondary-page .article-back:hover{background:var(--sage);color:var(--cream)}
.secondary-page .article-header h1{grid-column:2;grid-row:1;font-size:clamp(3rem,5vw,5rem);margin:0;max-width:none;min-width:0}
.secondary-page .article-header p{grid-column:1/-1;margin:12px 0 0;max-width:none;text-align:center}
.secondary-page .published-body{font-size:1.25rem;line-height:1.8;max-width:800px;padding-top:24px}
.secondary-page .published-body>img:first-child{margin-top:0;margin-bottom:20px}
/* Imported essays contain blank spacer breaks between their paragraph blocks. */
.secondary-page .published-body>br{display:none}
.secondary-page .published-body p{margin:1em 0}
.secondary-page .published-body blockquote{margin:1.5rem 0}
.secondary-page :is(.article-share,.article-next){max-width:800px}
.secondary-page .speaking-lead h1{font-size:clamp(3.2rem,5.6vw,5.5rem)}
.secondary-page .speaking-lead figure{margin:0}
.secondary-page .speaking-lead .button{display:inline-flex;align-items:center;gap:18px}
.secondary-page .speaking-topics p:first-child{margin-top:0}
.secondary-page .speaking-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:24px}
.secondary-page .speaking-links a{display:inline-flex;align-items:center;min-height:44px;font-size:1.125rem}
.secondary-page .speaking-projects{border-top:1px solid var(--line);padding-top:36px;padding-bottom:40px}
.secondary-page .speaking-projects h2{font-size:clamp(2rem,3vw,2.75rem);margin:0 0 24px}
.secondary-page .speaking-projects .book-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;margin:0;padding:0;border:0;align-items:center;max-width:900px}
.secondary-page .speaking-projects .book-row img{width:120px;max-width:100%}
.secondary-page .speaking-projects .book-row p{margin-top:0}
.secondary-page .support-options{display:block;border-top:1px solid var(--line)}
.secondary-page .support-options .stack{max-width:65ch}
.secondary-page .support-options .text-link{display:inline-flex;align-items:center;gap:18px;align-self:start}
.secondary-page .allocation{color:var(--cream)}
.secondary-page .contact-list{display:block}
.secondary-page .contact-list dt{font-weight:500}
.secondary-page .contact-list dd{margin:0 0 20px}
.secondary-page .form textarea::placeholder{color:var(--sage);opacity:1}
.secondary-page .press-list a{font-size:1.125rem;line-height:1.6;display:inline-flex;align-items:center;min-height:44px}
.secondary-page .press-link{font-size:2rem}
.secondary-page .rr-hero{text-align:left;padding-top:48px;padding-bottom:48px}
.secondary-page .rr-hero-title{text-align:left}
.secondary-page .rr-hero-sub{font-size:1.25rem;max-width:65ch;margin:20px 0 0}
.secondary-page :is(.stats-strip .stat-label,.upcoming-countdown .countdown-label){font:400 1.125rem/1.5 var(--sans)!important}
.secondary-page .stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;text-align:left}
.secondary-page .stat-item{text-align:left}
.secondary-page :is(.stat-label,.time-label,.time-value.dnf,.upcoming-meta,.countdown-label){opacity:1;color:var(--sage)}
.secondary-page .countdown-label{font:400 1.125rem/1.5 var(--sans)!important;text-transform:none;letter-spacing:0}
.secondary-page .time-value.dnf{font-size:1.125rem}
.secondary-page .upcoming-cta{border-radius:0}
.secondary-page .stat-value{font-size:2rem}
.secondary-page :is(.upcoming-meta,.upcoming-label,.upcoming-note,.upcoming-cta,.injury-context,.filter-btn,.race-meta,.race-type,.placement-badge,.time-label,.race-note-toggle,.race-data-toggle,.race-note,.race-data,.race-data th,.race-data td){font-size:1.125rem!important;line-height:1.6;letter-spacing:0;text-transform:none}
.secondary-page .upcoming-name{font:400 2rem/1.2 var(--serif)}
.secondary-page .race-card .race-name{font-size:2rem!important;line-height:1.2}
.secondary-page .race-meta{gap:8px 20px;flex-wrap:wrap;color:var(--sage)}
.secondary-page .placement-badge{border-radius:0;background:transparent;padding:0 16px 0 0;color:var(--ink)}
.secondary-page .race-type{background:var(--mint);color:var(--night);border:0;border-radius:0}
.secondary-page .placement-badge{border:0}
.secondary-page .placement-badge.pr-badge{background:var(--night);color:var(--cream);padding:4px 10px}
.secondary-page .race-meta{opacity:1}
.secondary-page :is(.race-note-toggle,.race-data-toggle){background:transparent;border:1px solid var(--sage);border-radius:0;box-shadow:none}
.secondary-page :is(.race-note-toggle,.race-data-toggle):hover{background:var(--mint);color:var(--night)!important}
.secondary-page .filter-btn:not(.active):hover{background:var(--mint)!important}
.secondary-page .upcoming-cta:hover{background:var(--sage)!important}
.secondary-page :is(.filter-btn,.race-note-toggle,.race-data-toggle,.upcoming-cta){min-height:48px}
.secondary-page .race-data{overflow-x:auto}
.secondary-page :is(.data-section-label,.fact-key,.fact-val,.split-note,.data-source){font-size:1.125rem;line-height:1.6;opacity:1;letter-spacing:0;text-transform:none;color:var(--ink)}
.secondary-page .data-section-label{font-weight:600}
.secondary-page .fact-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.secondary-page .data-source{display:inline-flex;align-items:center;min-height:48px}
.secondary-page.designer-page .container{padding-top:36px}
.secondary-page.designer-page .page-header{width:100%;max-width:700px;margin:0 auto 8px;padding:0;text-align:center}
.secondary-page.designer-page .page-header h1{max-width:none;margin:0;font-size:clamp(2.25rem,4.2vw,3.25rem);line-height:1.12}
.secondary-page.designer-page .page-header .instructions{margin:16px auto 0;text-align:center}
.secondary-page.designer-page{--yr-dark:var(--night);--yr-mint:var(--mint);--yr-mint-dark:var(--sage);--yr-mint-light:var(--mint-soft);--yr-gray:var(--sage);--yr-light-gray:var(--sage);--yr-gold:var(--sage);--yr-serif:var(--serif);--yr-sans:var(--sans)}
.secondary-page.designer-page :is(.value-display,.tab-btn){font-family:var(--sans);font-variant-numeric:tabular-nums}
.secondary-page.designer-page .action-buttons .button{background:var(--night);color:var(--cream);border-color:var(--night)}
.secondary-page.designer-page .action-buttons :is(.button.secondary,.button.tertiary){background:transparent;color:var(--night);border-color:var(--sage)}
.secondary-page.designer-page .action-buttons .button:hover{background:var(--sage);color:var(--cream);border-color:var(--sage)}
.secondary-page.designer-page .action-buttons :is(.button.secondary,.button.tertiary):hover{background:var(--mint);color:var(--night)}
.secondary-page.designer-page .action-buttons .button:focus-visible{outline:2px solid var(--sage);outline-offset:4px}
.secondary-page.designer-page .tab-bar{background:var(--cream);border-bottom:1px solid var(--sage)}
.secondary-page.designer-page .tab-btn{color:var(--night);background:transparent;margin-bottom:0;border-bottom-color:transparent}
.secondary-page.designer-page .tab-btn:hover{background:var(--mint);color:var(--night)}
.secondary-page.designer-page .tab-btn.active{background:var(--night);color:var(--cream);border-bottom-color:var(--night)}
.secondary-page.designer-page .tab-btn:focus-visible{outline:2px solid var(--sage);outline-offset:-5px}
.secondary-page.designer-page .tab-btn.active:focus-visible{outline-color:var(--mint)}
.secondary-page.designer-page :is(.font-select,.text-input-field){background:var(--cream);color:var(--ink);border:1px solid var(--sage);border-radius:0}
.secondary-page.designer-page :is(input,select):focus-visible{outline:2px solid var(--sage);outline-offset:4px;box-shadow:none}
.secondary-page.designer-page .slider-container input[type=range]{background:transparent;color:var(--ink);accent-color:var(--sage)}
.secondary-page.designer-page .slider-container input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--sage)}
.secondary-page.designer-page .slider-container input[type=range]::-moz-range-track{height:4px;background:var(--sage)}
.secondary-page.designer-page .slider-container input[type=range]::-webkit-slider-thumb{margin-top:-12px;background:var(--mint);border-color:var(--sage);box-shadow:none}
.secondary-page.designer-page .slider-container input[type=range]::-moz-range-thumb{background:var(--mint);border-color:var(--sage);box-shadow:none}
.secondary-page.designer-page .save-modal-box{background:var(--cream);color:var(--ink);border-radius:0}
.secondary-page.designer-page :is(.save-modal-close,.save-modal-x){background:var(--night);color:var(--cream);border-radius:0}
.secondary-page.designer-page :is(.save-modal-close,.save-modal-x):hover{background:var(--sage);color:var(--cream)}
.secondary-page.designer-page #btn-copy-image{background:var(--mint)!important;color:var(--night)!important}
.secondary-page.designer-page .page-header .instructions{font-size:1.25rem;line-height:1.7;max-width:65ch}
.secondary-page.designer-page :is(.button,.tab-btn,.control-group label,.value-display,.text-input-field,.font-select,.save-hint,.save-modal-close){font-size:1.125rem;line-height:1.6}
.secondary-page.designer-page :is(.button,.tab-btn,.font-select,.text-input-field){min-height:48px}
.secondary-page.designer-page .controls-panel{border-radius:0;background:var(--cream);color:var(--night);border:0;box-shadow:none}
.secondary-page.designer-page .control-group label{color:var(--night)}
.secondary-page.designer-page #canvas-container{background:var(--cream);border:1px solid var(--line);border-radius:0;box-shadow:none;isolation:isolate}
/* Present white canvas paper as cream; the saved artwork retains its original pixels. */
.secondary-page.designer-page #canvas-container canvas{mix-blend-mode:multiply}
.secondary-page.designer-page #tab-save .button{background:var(--night);color:var(--cream);border:1px solid var(--night)}
.secondary-page.designer-page #tab-save #btn-share-link{background:transparent!important;color:var(--night)!important;border-color:var(--sage)}
.secondary-page.designer-page #tab-save .button:hover{background:var(--sage);color:var(--cream)}
.secondary-page.designer-page #tab-save #btn-share-link:hover{background:var(--mint)!important;color:var(--night)!important}
.secondary-page.designer-page .value-display{min-width:55px;color:var(--ink)}
.secondary-page.designer-page .action-buttons{flex-wrap:wrap;max-width:700px}
.secondary-page.designer-page .scroll-hint{display:none}
@media(max-width:760px){
 .secondary-page>.site-header{min-height:3.5rem;padding:4px 24px}
 .secondary-page :is(.wrap,.writing-index){padding:40px 24px}
 .secondary-page .writing-index h1{font-size:3.6rem}
 .secondary-page .post-row{grid-template-columns:1fr;gap:18px}
 .secondary-page .post-row img{width:100%;height:230px}
 .secondary-page .speaking-lead h1{font-size:3.4rem}
 .secondary-page .speaking-lead{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px 24px 16px}
 .secondary-page .speaking-lead>div{display:contents}
 .secondary-page .speaking-lead .speaking-note{display:none}
 .secondary-page .speaking-lead .button{align-self:flex-start}
 .secondary-page .speaking-lead figure{order:1;margin-top:16px}
 .secondary-page .speaking-lead img{display:block}
 .secondary-page .speaking-lead .speaking-links{order:2;margin-top:12px;gap:0 20px}
 .secondary-page .speaking-links a{font-size:1rem}
 .secondary-page .speaking-projects{padding:20px 24px 24px}
 .secondary-page .speaking-projects h2{font-size:1.75rem;line-height:1.15;margin-bottom:16px}
 .secondary-page .speaking-projects .book-row{display:flow-root}
 .secondary-page .speaking-projects .book-row img{float:right;width:72px;height:54px;object-fit:cover;margin:0 0 8px 12px}
 .secondary-page .speaking-projects .book-row p{font-size:1rem;line-height:1.5}
 .secondary-page .speaking-projects .text-link{font-size:1rem;min-height:44px}
 .secondary-page .inquiry-layout{gap:24px}
 .secondary-page .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px!important}
 .secondary-page .stat-label{max-width:10ch}
 .secondary-page .fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .secondary-page table.splits{min-width:0}
 .secondary-page table.splits :is(th,td){font-size:1rem!important;padding-left:8px}
 .secondary-page table.splits :is(th,td):first-child{white-space:normal;overflow-wrap:anywhere;padding-left:0}
 .secondary-page .upcoming-card{padding:24px!important}
 .secondary-page .race-card .race-name{font-size:1.75rem!important}
 .secondary-page .article-header{padding:12px 12px 18px;column-gap:4px}
 .secondary-page .article-header h1{font-size:clamp(1.875rem,8vw,2.25rem)}
 .secondary-page .article-next{flex-direction:column;gap:12px}
 .secondary-page.designer-page .action-buttons{gap:10px}
 .secondary-page.designer-page .action-buttons .button{flex:1 1 auto!important;padding:12px 16px}
 .secondary-page.designer-page .controls-panel{padding:20px 16px}
}
@media(max-width:360px){.secondary-page :is(.speaking-lead h1,.support-intro h1,.inquiry-layout h1,.writing-index h1){font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){.secondary-page *{transition:none!important}}