/* Reading templates share one surface, a stable measure, and safe phone gutters. */
.tt-reading #page{width:min(1200px,calc(100% - 80px));max-width:none;background:var(--tt-paper);color:var(--tt-ink)}
.tt-reading #content{padding:0}
.tt-reading .inside-article,.tt-reading .inside-right-sidebar,.tt-reading .widget{background:transparent}
.tt-reading.single-post .inside-article{padding:0}
.tt-reading.single-post .gb-container-496c2448{padding-top:56px}
.tt-reading.single-post h1.gb-headline-da33cbe9{font-size:clamp(36px,4vw,52px);line-height:1.1;text-wrap:balance}
.tt-reading.single-post .gb-container-496c2448>.wp-block-post-featured-image{margin:32px 0 0}
.tt-reading.single-post .entry-content:not(.col-lg-9){width:100%;max-width:760px}
.tt-reading.single-post .entry-content{font-size:24px;line-height:1.5;color:var(--tt-ink);overflow-wrap:break-word}
/* Approved inline code: Trunk on warm tan, with wrapping for long identifiers. */
.tt-reading.single-post .entry-content code:not(pre code){color:#6A3618;background:#EAD3AF;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* Article headings use the brand's display tracking, not the legacy theme's letterspacing. */
.tt-reading.single-post .entry-content>:is(h2,h3,h4){letter-spacing:-0.01em}
.tt-reading .entry-content .tablepress{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;font:400 16px/1.5 var(--tt-ui);font-variant-numeric:tabular-nums;color:var(--tt-ink);background:var(--tt-paper);scrollbar-color:var(--tt-line) var(--tt-paper)}
.tt-reading .entry-content .tablepress :is(th,td){padding:10px 12px;border:0;border-bottom:1px solid var(--tt-line);vertical-align:top}
.tt-reading .entry-content .tablepress :is(thead,tfoot) th{font-weight:600;line-height:1.4;color:var(--tt-pine);background:var(--tt-canvas)}
.tt-reading .entry-content .tablepress tbody tr:nth-child(odd)>td{background:var(--tt-paper)}
.tt-reading .entry-content .tablepress tbody tr:nth-child(even)>td{background:var(--tt-canvas)}
.tt-reading .entry-content .wp-block-table{max-width:100%;overflow-x:auto}
.tt-reading .entry-content :is(.dataTables_wrapper,.dt-container){min-width:0;max-width:100%;font:400 14px/1.5 var(--tt-ui);color:var(--tt-ink)}
.tt-reading .entry-content :is(.dataTables_wrapper,.dt-container) :is(input,select){min-height:44px;margin:0;padding:8px 10px;font:inherit;font-size:14px!important;color:var(--tt-ink);background:var(--tt-paper);border:1px solid var(--tt-line);border-radius:4px}
.tt-reading .entry-content .tablepress:focus-visible,.tt-reading .entry-content :is(.dataTables_wrapper,.dt-container) :is(input,select):focus-visible{outline:3px solid var(--tt-action);outline-offset:3px}
.tt-reading .entry-content :is(.dataTables_wrapper,.dt-container) :is(.dt-paging-button,.paginate_button){min-width:44px;min-height:44px;padding:8px;font:inherit;color:var(--tt-fern);background:transparent;border:1px solid transparent;border-radius:4px}
.tt-reading .entry-content :is(.dataTables_wrapper,.dt-container) :is(.dt-paging-button,.paginate_button):is(:hover,.current){color:var(--tt-pine);background:var(--tt-canvas);border-color:var(--tt-line)}
.tt-reading .gb-container-496c2448 .wp-block-post-featured-image img{width:100%;height:auto}
.tt-reading-toc #page,.tt-reading-toc .gb-container-2128fcfe{padding-inline:0}
.tt-reading-toc .inside-article.row{margin-inline:0}
.tt-reading-toc .gb-container-2128fcfe{width:100%}
.tt-reading-toc .js-toc{font:400 14px/1.5 var(--tt-ui);max-height:calc(100dvh - 104px);overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--tt-line) var(--tt-paper);margin-top:36px;border-left:1px solid var(--tt-line)}
.tt-reading-toc .js-toc ol{margin:0;padding:0 12px;list-style:none}
.tt-reading-toc .js-toc li{min-width:0;margin:0;line-height:1.5}
.tt-reading-toc .js-toc li+li{margin-top:4px}
.tt-reading-toc .js-toc a{display:block;height:auto;min-height:32px;padding-block:4px;font:inherit;line-height:1.5;overflow-wrap:anywhere;color:var(--tt-fern)}
.tt-reading-toc .js-toc a::before{content:none}
.tt-reading-toc .js-toc a.is-active-link{font-weight:600;color:var(--tt-pine);text-shadow:none}
.tt-reading.single-post .entry-content .ttd-topics-content>h2{font:600 16px/1.5 var(--tt-ui);color:var(--tt-pine);margin:0 0 12px}
.tt-reading.single-post .entry-content .ttd-topics-links a:is(:hover,:focus){color:var(--tt-fern)}

/* Keep the legacy post-navigation Element on the reading edge with one interval. */
.tt-reading.single-post .entry-content .ttd-topics-display{margin-bottom:0}
.tt-reading.single-post .inside-article>footer.entry-meta{margin:0}
.tt-reading.single-post .inside-article>.wp-block-spacer:has(+.gb-container-3bfd03fc),.tt-reading.single-post .inside-article>.gb-container-3bfd03fc+.wp-block-spacer{display:none}
.tt-reading.single-post .inside-article>.gb-container-3bfd03fc{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:40px 0 56px}
.tt-reading.single-post .gb-grid-wrapper-d176817c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.tt-reading.single-post .gb-grid-wrapper-d176817c>.gb-grid-column{width:auto;min-width:0}
.tt-reading.single-post .gb-container-3bfd03fc :is(.post-navigation-link-previous,.post-navigation-link-next){margin:0}
@media(min-width:992px){
 .tt-reading-toc.single-post .inside-article>.gb-container-3bfd03fc{width:75%;max-width:75%;margin-left:25%;margin-right:0;padding-inline:12px}
}

/* One chronological list. Existing archive widgets remain available below it. */
.tt-reading-index #page{width:min(1184px,calc(100% - 80px))}
.tt-reading-index #content{display:block}
.tt-reading-index #primary,.tt-reading-index #right-sidebar{width:100%;float:none}
.tt-reading-index .site-main{margin:0}
.tt-reading-index .inside-article{padding:0;grid-template-columns:minmax(200px,32%) minmax(0,1fr);column-gap:40px}
.tt-reading-index .inside-article h2.entry-title{font-size:34px;line-height:1.15;margin:0;text-wrap:balance}
.tt-reading-index .entry-title a{color:var(--tt-pine)}
.tt-reading-index .inside-article .entry-header .entry-meta{order:0;margin:12px 0 0!important;font:500 13px/1.5 var(--tt-ui);text-transform:none;letter-spacing:0;color:var(--tt-muted)}
.tt-reading-index .inside-article>.entry-summary{margin-top:16px!important;font:22px/1.5 var(--tt-prose);color:var(--tt-ink)}
.tt-reading-index .entry-summary p:last-child{margin-bottom:0}
.tt-reading-index .site-main>article.post{padding-bottom:40px!important;border-color:var(--tt-line)}
.tt-reading-index .site-main>article.post+article.post{margin-top:40px!important}
.tt-reading-index article:not(.has-post-thumbnail) .inside-article{grid-template-columns:minmax(0,1fr)}
.tt-reading-index #right-sidebar{padding:40px 0 0;margin:0 0 56px;border-top:1px solid var(--tt-line)}
.tt-reading-index .inside-right-sidebar{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.tt-reading-index #right-sidebar .widget{padding:0!important;margin:0!important;border:0}
.tt-reading-index #right-sidebar .widget-title{font:600 16px/1.4 var(--tt-ui)!important;text-transform:none!important;letter-spacing:0!important;color:var(--tt-pine)!important}
/* The legacy affiliate disclosure stores its size and color inline. */
.tt-reading-index #right-sidebar .widget p{font:400 14px/1.5 var(--tt-ui)!important;color:var(--tt-ink)!important}
.tt-reading-index #right-sidebar .widget p a{color:var(--tt-fern)!important}
.tt-reading-index #right-sidebar .widget ul li{margin:0 0 4px!important;font:18px/1.4 var(--tt-prose);color:var(--tt-ink)}
.tt-reading-index #right-sidebar .widget ul li a{display:inline-block;padding-block:2px;color:var(--tt-fern)}
.tt-reading-index #right-sidebar .widget ul li a:hover{text-decoration:underline;color:var(--tt-pine)}
.tt-reading-index .page-header{padding:56px 0 40px;background:transparent;margin:0}
.tt-reading-index .page-header h1{font-size:clamp(42px,5vw,56px);line-height:1.1;margin:0}
.tt-reading-index .gb-container-e752e0f6{max-width:1264px;padding:56px 40px 48px!important}
.tt-reading-index h1.gb-headline-88ef7563{font-size:clamp(42px,5vw,56px)!important;line-height:1.1!important;margin:0!important}
.tt-reading-index #nav-below.paging-navigation{margin:0 0 40px;padding-top:0;border:0;text-transform:none;letter-spacing:0}
.tt-reading-index #nav-below .nav-numbers{display:flex;flex-wrap:wrap;justify-content:center}
.tt-reading-index #nav-below a.page-numbers,.tt-reading-index #nav-below span.page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;margin:0;line-height:1.5;letter-spacing:0}
.tt-reading-index #nav-below span.page-numbers.current{color:var(--tt-pine);border-color:var(--tt-pine)}
.tt-reading-index #nav-below a.page-numbers{color:var(--tt-fern)}
.tt-reading-index #nav-below a.page-numbers:hover{color:var(--tt-pine);background:var(--tt-canvas)}
.tt-reading-index #nav-below span.page-numbers.dots{color:var(--tt-muted);opacity:1}

@media(max-width:991px){
 .tt-reading-toc .inside-article.row>.col-lg-3{display:block!important;flex:0 0 100%;width:100%;max-width:760px;padding-inline:0;margin-inline:auto}
 .tt-reading-toc .js-toc{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto;border-left:0;border-block:1px solid var(--tt-line);margin:32px 0 0;padding:12px 0}
 .tt-reading-toc .js-toc>.toc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding:0}
 .tt-reading-toc .js-toc li+li{margin-top:0}
 .tt-reading-toc .js-toc a{display:flex;align-items:center;min-height:44px;padding-block:8px}
 .tt-reading-toc .entry-content.col-lg-9{max-width:760px;width:100%;padding-inline:0}
}
@media(max-width:820px){
 .tt-reading-index .inside-article{grid-template-columns:minmax(160px,30%) minmax(0,1fr);column-gap:24px}
 .tt-reading-index .inside-article h2.entry-title{font-size:30px}
 .tt-reading-index .inside-right-sidebar{gap:24px}
}
@media(max-width:768px){
 .tt-reading #page,.tt-reading-index #page{width:calc(100% - 40px)}
 .tt-reading.single-post .gb-container-496c2448{padding-top:40px}
 .tt-reading.single-post .entry-content{font-size:21px;line-height:1.55}
 .tt-reading.single-post .gb-grid-wrapper-d176817c{grid-template-columns:minmax(0,1fr);gap:24px}
 .tt-reading.single-post .gb-container-3bfd03fc .post-navigation-link-next,.tt-reading.single-post .gb-container-3bfd03fc .post-navigation-link-next::before{text-align:left}
 .tt-reading .entry-content .tablepress{font-size:14px}
 .tt-reading-index .gb-container-e752e0f6{padding:40px 20px!important}
 .tt-reading-index .inside-article{grid-template-areas:'image header' 'image summary' 'image filler'}
 .tt-reading-index article:not(.has-post-thumbnail) .inside-article{grid-template-areas:'header' 'summary'}
 .tt-reading-index .page-header{padding:40px 0}
}
@media(max-width:640px){
 .tt-reading-index .inside-article{grid-template-columns:minmax(0,1fr);grid-template-areas:'image' 'header' 'summary';row-gap:0}
 .tt-reading-index .inside-article>.entry-header{margin-top:20px}
 .tt-reading-index article:not(.has-post-thumbnail) .entry-header{margin-top:0}
 .tt-reading-index .inside-article h2.entry-title{font-size:30px}
 .tt-reading-index .inside-article>.entry-summary{font-size:21px}
 .tt-reading-index .inside-right-sidebar{grid-template-columns:minmax(0,1fr);gap:32px}
 .tt-reading-index #nav-below.paging-navigation{grid-template-columns:1fr 1fr;grid-template-areas:'numbers numbers' 'previous next';gap:12px 0}
 .tt-reading-index #nav-below .nav-numbers{grid-area:numbers}
 .tt-reading-index #nav-below .nav-prev{grid-area:previous}
 .tt-reading-index #nav-below .nav-next{grid-area:next}
}

/* Approved paper grid, limited to the Logbook and its paginated archive. */
body.tt-field-notes-grid,.tt-field-notes-grid #page{background:var(--tt-canvas)}
.tt-field-notes-grid #main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0}
.tt-field-notes-grid .site-main>article.post,.tt-field-notes-grid .site-main>article.post:last-of-type{position:relative;min-width:0;margin:0!important;padding:0!important;background:var(--tt-paper);border:1px solid #d6d8cb;border-radius:12px}
.tt-field-notes-grid .site-main>article.post+article.post{margin-top:0!important}
.tt-field-notes-grid .inside-article{padding:26px;grid-template-columns:minmax(0,1fr);grid-template-areas:'image' 'header' 'summary';gap:0;align-content:start}
.tt-field-notes-grid .inside-article>.post-image{background:var(--tt-paper);isolation:isolate}
.tt-field-notes-grid .inside-article>.post-image img{object-fit:contain}
.tt-field-notes-grid .tt-paper-illustration .post-image img{mix-blend-mode:multiply}
.tt-field-notes-grid .inside-article>.entry-header{margin-top:20px}
.tt-field-notes-grid .inside-article h2.entry-title{font-size:29px;line-height:1.18}
.tt-field-notes-grid .inside-article .entry-header .entry-meta{margin:10px 0 0!important;font-size:12px}
.tt-field-notes-grid .inside-article>.entry-summary{margin-top:12px!important;font-size:20px;line-height:1.5;letter-spacing:normal}
.tt-field-notes-grid .entry-title a::after{content:'';position:absolute;inset:0;border-radius:12px}
.tt-field-notes-grid .site-main>article.post:has(a:is(:hover,:focus-visible)){border-color:#839278}
.tt-field-notes-grid .entry-title a:focus-visible::after{outline:3px solid var(--tt-action);outline-offset:3px}
.tt-field-notes-grid #nav-below.paging-navigation{grid-column:1/-1;margin-top:18px}
@media(max-width:640px){
 .tt-field-notes-grid #main{grid-template-columns:minmax(0,1fr);gap:18px}
 .tt-field-notes-grid .inside-article{padding:20px}
 .tt-field-notes-grid .inside-article h2.entry-title{font-size:28px}
}

/* Case studies close with the homepage's call to talk, then the two newest Logbook posts on the same paper cards. */
.tt-case-close{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:start;gap:24px 64px;margin:0;padding:72px 0;border-top:1px solid var(--tt-line)}
.tt-case-close h2{margin:0;font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-0.015em}
.tt-case-close p{margin:16px 0 0;max-width:46ch;font:22px/1.5 var(--tt-prose);color:var(--tt-ink)}
.tt-notes-preview{margin:0 0 56px;padding-top:40px;border-top:1px solid var(--tt-line)}
.tt-notes-preview-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:24px}
.tt-notes-preview-head h2{margin:0;font-size:34px;line-height:1.15;letter-spacing:-0.015em}
.tt-notes-preview-head a{font:500 16px/1.5 var(--tt-ui);color:var(--tt-fern)}
.tt-notes-preview-head a:hover{color:var(--tt-pine)}
.tt-notes-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tt-note-card{position:relative;min-width:0;padding:26px;background:var(--tt-paper);border:1px solid #d6d8cb;border-radius:12px}
.tt-note-card:has(a:is(:hover,:focus-visible)){border-color:#839278}
.tt-note-card-image{display:block;margin-bottom:20px;background:var(--tt-paper);isolation:isolate}
.tt-note-card-image img{display:block;width:100%;height:auto;object-fit:contain}
.tt-note-card.tt-paper-illustration img{mix-blend-mode:multiply}
.tt-note-card h3{margin:0;font-size:29px;line-height:1.18;letter-spacing:-0.015em}
.tt-note-card h3 a{color:var(--tt-pine)}
.tt-note-card h3 a::after{content:'';position:absolute;inset:0;border-radius:12px}
.tt-note-card h3 a:focus-visible{outline:0}
.tt-note-card h3 a:focus-visible::after{outline:3px solid var(--tt-action);outline-offset:3px}
.tt-note-card-date{margin:10px 0 0;font:500 12px/1.5 var(--tt-ui);color:var(--tt-muted)}
.tt-note-card-summary{margin:12px 0 0;font:20px/1.5 var(--tt-prose);color:var(--tt-ink)}
@media(max-width:820px){
 .tt-case-close{grid-template-columns:minmax(0,1fr);padding:56px 0}
}
@media(max-width:640px){
 .tt-case-close{padding:48px 0}
 .tt-case-close p{font-size:20px}
 .tt-notes-preview-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .tt-note-card{padding:20px}
 .tt-note-card h3{font-size:28px}
 .tt-notes-preview-head h2{font-size:30px}
}

/* The client and service sit with the approved result description. */
.tt-reading-index .inside-article>.tt-case-summary{grid-area:summary;margin-top:16px;font:22px/1.5 var(--tt-prose);color:var(--tt-ink)}
.tt-reading-index .tt-case-summary .tt-case-service{margin:0 0 8px;font:600 13px/1.5 var(--tt-ui);color:var(--tt-fern)}
.tt-reading-index .tt-case-summary p:last-child{margin:0}
.tt-reading-index .tt-case-summary+.entry-summary{display:none}
@media(max-width:768px){.tt-reading-index .inside-article>.tt-case-summary{font-size:21px}}
