/* TenderLead printed civic direction. Reading surfaces stay crisp. */
:root{--tl-paper:#f5f3e9;--tl-ink:#182024;--tl-green:#187a4b;--tl-tint:#e7eadf;--tl-surface:#fffefa;--tl-rule:#d8ddcf;--tl-muted:#4b5b51;--tl-muted-soft:#5e6b62}
body.tl-design{--paper:var(--tl-paper);--white:#fffefa;--cream:#fffefa;--paper-strong:#eaece2;--stone-soft:#eaece2;--surface-canvas:var(--tl-paper);--ink:var(--tl-ink);--ink-soft:#34433a;--muted:#4b5b51;--muted-2:#5e6b62;--rule:#d8ddcf;--radius:6px;--radius-lg:6px;--bg:var(--tl-paper);background:var(--tl-paper);color:var(--tl-ink);font-family:Inter,Arial,sans-serif}
.tl-design :is(h1,h2,h3,.display){font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.04em;text-wrap:balance}
.tl-design h1{color:var(--tl-ink)}
.tl-design h1:not(.error-code){background-image:linear-gradient(105deg,#182024 18%,#294f3b 62%,#526d59 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tl-design :is(.nav,.nav-inner,.nav-drawer){background:var(--tl-paper);color:var(--tl-ink);box-shadow:none}
.tl-design .nav{border-bottom-color:#dce1d5}.tl-design :is(.brand,.nav-links,.nav-right,.nav-toggle,.nav-drawer a,.nav .btn-ghost){color:var(--tl-ink)}
.tl-design .nav .btn-ghost{border-color:#cad3c5}.tl-design .brand-mark{box-shadow:none}
.tl-design .nav .nav-signin{border:0;background:none;box-shadow:none;padding-inline:0;border-radius:0;color:var(--tl-ink)}
.tl-design .nav .nav-signin:hover{text-decoration:underline;text-underline-offset:4px;background:none}

.tl-design :is(.btn,.btn-lg,.hero-cta .btn-primary.btn-lg){width:auto;max-width:100%;border-radius:5px;min-height:44px;padding:10px 17px;font-size:14px;box-shadow:none;line-height:1.5}
.tl-design .btn-primary{background:var(--tl-green);color:#fff}.tl-design .btn-ghost{color:var(--tl-ink)}
.tl-design :is(input,select,textarea){border-radius:5px;font-family:Inter,Arial,sans-serif}
.tl-design :is(.card,.panel,.tier,.pricing-card,.decision-brief){box-shadow:none;border-radius:6px}
.tl-design :is(.eyebrow,.serif-eyebrow,.hero-proof-label,.trust .label){font-family:Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
.tl-design :is(.footer,.site-footer){background:#e9ecdf;color:var(--tl-ink)}
.tl-design :is(.footer,.site-footer) :is(a,p,h4,.footer-desc,.footer-brand){color:var(--tl-ink)}
.tl-design footer:not(.footer){color:#4b5b51}
.tl-design :is(.auth-card,.sign-in-card){background:#fffefa}
.tl-design .tl-home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;padding:36px 0 180px;background:var(--tl-paper)}
.tl-home-hero :is(.tl-civic-scene,.tl-cloud-ink){position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.83;filter:saturate(.75);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.38) 22%,#000 55%,#000 88%,transparent 100%)}
.tl-home-hero .hero-grid{display:block}.tl-home-hero .hero-copy{max-width:550px;text-align:left;margin:0}.tl-home-hero h1{font-size:clamp(48px,5vw,70px);font-weight:500;line-height:1.03;max-width:550px}.tl-home-hero .hero-sub{font-size:18px;max-width:450px;line-height:1.65;color:var(--tl-ink);margin-top:24px}.tl-home-hero .hero-cta{justify-content:flex-start;margin-top:25px}.tl-home-hero .hero-next-step{font-size:12px;color:var(--tl-ink);margin-top:18px}.tl-home-hero .hero-proof,.tl-home-hero [data-live-opportunity-status]{display:none}
.tl-search-section{padding-block:60px 38px}.tl-section-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.tl-section-intro h2{font-size:clamp(29px,3vw,42px);font-weight:500;line-height:1.13;margin:0}.tl-section-intro p{font-size:14px;max-width:440px;margin:0;color:var(--muted)}
#tender-search-form label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}.tl-search-controls{display:flex;gap:12px}.tl-search-controls input{flex:1;min-width:0;background:#fffefa;border:1px solid #b9c5b6;padding:13px 15px;min-height:48px;color:var(--tl-ink);font-size:16px}.tl-search-controls button{flex:none}#tender-search-status{font-size:13px;margin:14px 0 24px;min-height:20px;color:var(--muted)}
.tl-search-result{display:grid;grid-template-columns:1fr auto;gap:12px 24px;background:#fffefa;border-top:1px solid #dce1d5;padding:22px 24px;text-decoration:none}.tl-search-result:first-child{border-radius:6px 7px 0 0}.tl-search-result:last-child{border-radius:0 0 6px 6px}.tl-search-result h3{font-size:18px;margin:0 0 7px;line-height:1.35}.tl-search-result p{margin:0;color:var(--muted);font-size:13px}.tl-search-result>span{font-size:12px;align-self:center;color:var(--tl-green)}
.tl-source-section{padding-block:55px 75px}.tl-source-flow{display:grid;grid-template-columns:1fr 100px 1.2fr 70px 1fr;align-items:center;gap:0}.tl-feed-list{list-style:none;margin:0;padding:0;display:grid;gap:16px;font-size:13px}.tl-feed-list li{background:#e7eadf;border-radius:4px;padding:12px 16px;min-height:44px}.tl-flow-link svg{width:100%;height:160px;fill:none;stroke:#839d82;stroke-width:1.5}.tl-flow-centre,.tl-flow-output{padding:24px;background:#e7eadf;border-radius:6px;display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}.tl-flow-centre strong{font-family:'Space Grotesk',Inter,sans-serif;font-size:23px}.tl-flow-centre span,.tl-flow-output span{font-size:12px}.tl-flow-output{align-items:flex-start;text-align:left;background:#fffefa}.tl-flow-arrow{text-align:center;color:#6d896b;font-size:30px}.tl-flow-note{font-size:12px;color:var(--muted);margin:20px 0 0}
.tl-product-preview{padding-bottom:50px}.tl-product-preview .homepage-product-shot{max-width:1050px;margin:0 auto;box-shadow:none;border-radius:6px}.tl-product-preview img{width:100%;height:auto}.tl-product-preview figcaption{color:var(--muted)}
.tl-design .tl-notice{max-width:850px;margin:60px auto;padding:0 28px}.tl-notice h1{font-size:clamp(32px,4vw,49px);line-height:1.12;margin:22px 0}.tl-notice dl{display:flex;flex-wrap:wrap;gap:22px 50px}.tl-notice dt{font-size:12px;color:var(--muted)}.tl-notice dd{margin:4px 0 0;font-size:16px}.tl-notice-description{white-space:pre-wrap;background:#fffefa;padding:28px;border-radius:6px;font-size:16px;line-height:1.75}.tl-notice-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.tl-notice [role=status]{font-size:15px}
body.tl-design-app{--white:var(--tl-paper);--bg:var(--tl-paper);--bg-elevated:#eaece2;--bg-card:var(--tl-surface);--paper:var(--tl-paper);--surface-frame:#18392e;--surface-panel:var(--tl-surface);--border:var(--tl-rule);--border-subtle:#e4e7dc;--text:var(--tl-ink);--text-secondary:var(--tl-muted);--text-muted:var(--tl-muted-soft);--radius:6px;--radius-lg:6px;--shadow-widget:none;--shadow-widget-hover:none;--shadow-sm:none;--shadow-md:none;background-color:var(--bg)}
.tl-design-app :is(.card,.widget,.contract-card,.review-detail,.today-card){box-shadow:none}.tl-design-app :is(.today-empty,.empty-state,.pipeline-empty){background:#e7eadf;border-radius:6px}.tl-design-app :is(input,select,textarea,button){border-radius:5px}.tl-design-app .app-header{background:var(--surface-frame)}.tl-design-app :is(h1,h2){letter-spacing:-.04em}
@media(hover:hover) and (pointer:fine){.tl-search-result:hover{background:#e9eee2}.tl-design .btn-primary:hover{background:#12633d;box-shadow:none}.tl-design .nav-links a:hover{color:#187a4b}}
@media(max-width:720px){.tl-design .tl-home-hero{min-height:700px;padding:28px 0 260px}.tl-home-hero :is(.tl-civic-scene,.tl-cloud-ink){height:450px;top:auto;object-position:73% center;mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 23%,#000 50%,#000 88%,transparent 100%)}.tl-home-hero h1{font-size:clamp(42px,12.8vw,52px)}.tl-home-hero .hero-sub{font-size:17px}.tl-home-hero .hero-cta{gap:14px}.tl-section-intro{display:block}.tl-section-intro p{margin-top:16px}.tl-search-section{padding-block:38px 25px}.tl-search-controls{flex-direction:column}.tl-search-controls button{align-self:flex-start}.tl-search-result{grid-template-columns:1fr;padding:20px}.tl-source-section{padding-block:38px 50px}.tl-source-flow{grid-template-columns:1fr}.tl-feed-list{gap:8px}.tl-flow-link{height:50px;display:flex;justify-content:center}.tl-flow-link svg{width:45px;height:50px;transform:rotate(90deg)}.tl-flow-arrow{transform:rotate(90deg);height:48px}.tl-flow-centre,.tl-flow-output{padding:22px}.tl-notice-description{padding:20px}.tl-design .nav-drawer{color:#182024}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tl-design *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.tl-design h1{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}.tl-civic-scene{opacity:1;filter:none}}
.tl-home-hero .hero-sub{margin-left:0;margin-right:0}.tl-home-hero .text-cta{color:#245339;background:#f5f3e9;padding:8px 10px;border-radius:3px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.tl-home-hero .hero-next-step{display:inline-block;background:linear-gradient(90deg,rgba(245,243,233,.96),rgba(245,243,233,.86));padding:5px 8px 5px 0;margin-left:0;border-radius:3px}
.tl-design [hidden]{display:none!important}
.tl-flow-link path{stroke-dasharray:7 4;animation:tl-flow 3s linear infinite;animation-play-state:paused}.tl-flow-running .tl-flow-link path{animation-play-state:running}.tl-flow-pause{margin-top:18px;padding:6px 0;border:0;border-bottom:1px solid #92a18d;background:none;color:#36503d;font:12px Inter,Arial,sans-serif;cursor:pointer}.tl-flow-pause:focus-visible{outline:2px solid #187a4b;outline-offset:4px}@keyframes tl-flow{to{stroke-dashoffset:-44}}@media(prefers-reduced-motion:reduce){.tl-flow-link path{stroke-dasharray:none;animation:none}}
.tl-design .shell-brand{color:#182024}.tl-design .shell-nav,.tl-design footer{border-color:#d8ddcf}.tl-design .shell-card{box-shadow:none;background:#fffefa}.tl-design .shell-over{font-family:Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}.tl-design footer a{color:#36503d}
.tl-design .hero{background:var(--tl-paper);color:var(--tl-ink)}.tl-design .hero :is(.hero-sub,.hero-next-step,.text-cta,.hero-note){color:#34483b}.tl-design-app .ob-card{border-radius:6px;box-shadow:none;background:#fffefa}.tl-design-app .ob-input{border-radius:5px}.tl-design-app .ob-head h2{font-family:'Space Grotesk',Inter,sans-serif}
@media(max-width:760px){.tl-design .nav-right .btn{font-size:12.5px;padding:9px 10px}.tl-design .nav-toggle{flex:0 0 44px;width:44px;height:44px}}
@media(max-width:360px){.tl-design .nav-inner:has(.nav-right) .brand>span:last-child{display:none}.tl-design .nav-inner:has(.nav-right) .brand-mark{display:grid}.tl-design .nav-inner{gap:8px}.tl-design .nav-right{gap:6px}.tl-design .nav-right .btn{font-size:12px;padding:9px 10px}}

/* Carry the paper finish into secondary pages without repeating the full scene. */
.tl-design .hero:not(.tl-home-hero){position:relative;isolation:isolate;overflow:hidden;border-bottom:0}
.tl-design .hero:not(.tl-home-hero)::before{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;background:url('/img/scenes/civic-waterside-960.webp') right center/cover no-repeat;background-image:image-set(url('/img/scenes/civic-waterside-960-20261029.avif') type('image/avif'),url('/img/scenes/civic-waterside-960.webp') type('image/webp'));opacity:.09;mask-image:linear-gradient(90deg,transparent,#000 50%,transparent),linear-gradient(180deg,transparent,#000 35%,transparent);mask-composite:intersect;pointer-events:none}
.tl-design :is(h1,h2,h3){font-weight:500}
.tl-design :is(.account-card,.auth-card,.shell-card,.tier){border-radius:6px;box-shadow:none}
.tl-design .tl-search-section{padding-top:32px}
@media(max-width:720px){.tl-design .hero:not(.tl-home-hero)::before{inset:0;opacity:.05}.tl-design .tl-search-section{padding-top:24px}}
/* Printed, localised scene motion. No whole-image pan, zoom or moving buildings. */
.tl-home-hero>.container{position:relative;z-index:1}
.tl-home-hero .tl-scene-grain{position:absolute;inset:0;z-index:0;background:url('/img/scenes/paper-grain.svg') repeat;opacity:.055;mix-blend-mode:multiply;mask-image:linear-gradient(180deg,transparent 20%,#000 48%,#000 68%,transparent 94%);pointer-events:none}
.tl-cloud-window{position:absolute;inset:0;z-index:-1;width:100%;height:100%;background:var(--tl-paper);mask-image:url('/img/scenes/waterside-sky-mask.svg');mask-repeat:no-repeat;overflow:hidden;pointer-events:none}
.tl-home-hero .tl-cloud-ink{z-index:0;animation:tl-cloud-drift 38s ease-in-out -10s infinite alternate both;animation-play-state:paused;will-change:transform}
@keyframes tl-cloud-drift{from{transform:translateX(0)}to{transform:translateX(12px)}}
@media(max-width:720px){.tl-home-hero .tl-cloud-window{height:450px;top:auto}}
.tl-scene-pause{position:absolute;left:max(20px,calc((100% - var(--page-max,1180px))/2));bottom:8px;z-index:2;width:44px;height:44px;min-height:44px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#36503d;padding:12px;cursor:pointer}
:is(.tl-scene-pause,.tl-cloud-window)[hidden]{display:none}
.tl-scene-pause svg{display:block}.tl-scene-pause .tl-play-icon{display:none}
.tl-scene-pause[data-paused="true"] .tl-pause-icon{display:none}.tl-scene-pause[data-paused="true"] .tl-play-icon{display:block}
.tl-scene-pause:focus-visible{outline:2px solid #187a4b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.tl-home-hero .tl-cloud-window,.tl-scene-pause{display:none}}
@media(forced-colors:active){.tl-scene-grain,.tl-cloud-window{display:none}}
/* Contextual assessment shares the paper-and-ink customer surfaces. */
.tl-fit{margin-top:42px;padding:30px;border:1px solid #d8ddcf;border-radius:6px;background:#fffefa;scroll-margin-top:100px}.tl-fit h2{font-size:32px;margin:6px 0 16px}.tl-fit h3{font-size:19px;margin:16px 0 10px}.tl-fit p{font-size:14px;line-height:1.65}.tl-fit label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}.tl-fit :is(input,textarea){box-sizing:border-box;width:100%;min-height:46px;padding:12px;border:1px solid #bbc8b7;background:#fffefa;color:#182024;font:16px/1.5 Inter,Arial,sans-serif}.tl-fit :is(input,textarea,button):focus-visible{outline:2px solid #187a4b;outline-offset:3px}.tl-fit-website,.tl-fit-range{display:flex;gap:12px}.tl-fit-website input{flex:1;min-width:0}.tl-fit-website button{flex:none}.tl-fit-range>div{flex:1;min-width:0}.tl-fit .tl-fit-kicker{font-size:12px;margin:0;color:#4b5b51}.tl-optional{font-weight:400;color:#5e6b62}.tl-fit-more{border:0;border-bottom:1px solid #8c9e88;background:transparent;padding:8px 0;font:13px Inter,Arial,sans-serif;cursor:pointer}.tl-fit .tl-fit-note{font-size:12px;color:#4b5b51;margin:18px 0}.tl-fit-summary{display:flex;gap:32px;align-items:center;padding:22px 0;border-block:1px solid #d8ddcf}.tl-fit .tl-fit-score{font:500 58px/1 'Space Grotesk',Inter,sans-serif;margin:8px 0}.tl-fit-score small{font:14px Inter,Arial,sans-serif;color:#4b5b51}.tl-fit-categories{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:24px 0}.tl-fit-category{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #d8ddcf;font-size:13px}.tl-fit-category strong{font-weight:500;white-space:nowrap}.tl-fit-trial{margin-top:28px;padding-top:22px;border-top:1px solid #d8ddcf}.tl-fit-hard{border-left:3px solid #a34032;padding:14px;background:#fbefea}.tl-fit li{font-size:14px;line-height:1.65;margin-bottom:12px}.tl-fit button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.tl-fit{padding:20px;margin-top:28px}.tl-fit-website,.tl-fit-range{flex-direction:column}.tl-fit-website button{align-self:flex-start}.tl-fit-categories{grid-template-columns:1fr}.tl-fit-summary{gap:20px;align-items:flex-start}.tl-fit .tl-fit-score{font-size:48px}.tl-fit #fit-confirm{width:100%}}
.tl-fit .tl-fit-context{font:500 21px/1.35 'Space Grotesk',Inter,sans-serif;max-width:36ch;margin:10px 0 24px;color:#34483b}.tl-fit #fit-status{min-height:22px}
.tl-fit-score{white-space:nowrap}.tl-fit-summary>div:first-child{flex:none}.tl-fit-summary>div:last-child{flex:1;min-width:0}
.tl-fit>#fit-help,.tl-fit>#fit-previous,.tl-notice-actions .text-cta{display:inline-flex;align-items:center;min-height:44px;margin-right:12px}

/* Compact customer surfaces: retain boundaries for forms and decisions,
   use spacing and rules for explanatory content. */
.tl-design{--radius-label:4px;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}
.tl-design :is(.btn,.btn-lg,.page-wrap .btn,.google-btn,button[type=submit]){border-radius:4px;box-shadow:none;font-size:14px;line-height:1.45}
.tl-design :is(.btn,.btn-lg,.page-wrap .btn){padding:10px 16px;min-height:44px}
.tl-design :is(.btn,.google-btn,button,input,textarea,select):focus-visible{outline:2px solid #187a4b;outline-offset:3px}
.tl-design :is(.hero-actions,.hero-cta,.btn-row){gap:12px 20px}
.tl-design :is(.price-card,.pricing-tier,.product-figure,.product-hero-figure,.side-card,.callout,.shell-card){border-radius:6px;box-shadow:none}
.tl-design .pricing-tier .btn{width:auto;align-self:flex-start;min-height:44px;margin-top:8px}
.tl-design .pricing-tier{gap:16px;background:#fffefa}
.tl-design .pricing-tier p{margin:0;line-height:1.65}
.tl-design .pricing-tier ul{margin:0;padding-left:18px}
.tl-design .price-card{padding:28px;background:#fffefa;box-shadow:none}
.tl-design .price-tag{margin-bottom:24px;line-height:1.65}
.tl-design .price-eyebrow{font:500 14px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;margin-bottom:16px}
.tl-design :is(.how-card,.product-card){background:transparent;box-shadow:none;border:0;border-top:1px solid #bac7b5;border-radius:0;padding:24px 0}
.tl-design .how{gap:32px}
.tl-design .how-card .step{font:500 12px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;margin-bottom:18px}
.tl-design .how-card p{font-size:15px;line-height:1.65}
.tl-design .decision-note{background:transparent;border:0;border-top:1px solid #d8ddcf;border-radius:0;padding:24px 0;box-shadow:none}
.tl-design .homepage-workflow{background:var(--tl-paper);padding-block:24px 48px}
.tl-design :is(.homepage-chatgpt,.hero-cli){border:0;border-block:1px solid #d8ddcf;border-radius:0;box-shadow:none;background:transparent;padding:28px 0}
.tl-design .homepage-chatgpt blockquote{background:transparent;border-left:2px solid #bac7b5;border-radius:0;padding:4px 0 4px 20px;font-size:16px}
.tl-design .homepage-chatgpt h2{margin-top:0}
.tl-design :is(.homepage-chatgpt,.hero-cli) .hero-cli-kicker{font:500 12px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
.tl-design .homepage-workflow h2{font-family:'Space Grotesk',Inter,sans-serif;font-weight:500}
.tl-design .section-head{margin-bottom:36px}
.tl-design h2.display{font-size:clamp(30px,3.2vw,44px);font-weight:500;line-height:1.15}
.tl-design .section-head .lede{font-size:17px;line-height:1.65;max-width:62ch}
.tl-design .tl-feed-list{gap:0}
.tl-design .tl-feed-list li{background:transparent;border-bottom:1px solid #d8ddcf;border-radius:0;padding:8px 0;min-height:56px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.tl-feed-pending small{display:block;font-size:12px;color:#4b5b51;margin-top:3px}
.tl-design .tl-flow-link svg{height:280px}
.tl-design .tl-flow-centre{background:transparent;border-radius:0;padding:20px}
.tl-design .tl-flow-output{background:transparent;border-block:1px solid #bac7b5;border-radius:0;padding:20px 0}
.tl-design .tl-flow-note{line-height:1.65}
.tl-design .tl-flow-note a{color:#12633d;text-underline-offset:3px}
.tl-flow-pause{min-height:44px}
#tender-search-title{scroll-margin-top:100px}
.tl-design .tl-notice-description{background:transparent;border-top:1px solid #d8ddcf;border-radius:0;padding:24px 0}
.tl-design .tl-fit{border:0;border-top:1px solid #bac7b5;border-radius:0;padding:28px 0;background:transparent}
.tl-design .tl-fit-summary{gap:28px}
.tl-design .card:has(#signInForm){padding:32px 28px;background:#fffefa}
.tl-design .card:has(#signInForm) label{font:500 13px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
.tl-design .card:has(#signInForm) :is(button,.google-btn){min-height:44px;padding:10px 16px}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .tl-design :is(.btn,.btn-lg,.page-wrap .btn){min-height:40px;padding:9px 15px}
  .tl-design .nav .btn{min-height:36px}
}
@media(max-width:720px){
  .tl-design .how{gap:8px}
  .tl-design .how-card{padding-block:22px}
  .tl-design .section-head{margin-bottom:28px}
  .tl-design .tl-flow-link{height:48px}
  .tl-design .tl-flow-link svg{height:48px;width:44px}
  .tl-design .tl-flow-centre{padding:20px 0}
  .tl-design .tl-flow-output{align-items:center;text-align:center}
  .tl-design .price-card{padding:24px}
  .tl-design .tl-fit{padding:24px 0}
  .tl-design .card:has(#signInForm){padding:28px 22px}
}
.tl-design .page-wrap .hero h1{font-size:clamp(36px,4.8vw,60px);line-height:1.12;font-weight:500}

/* Picture wrappers do not add layout or stacking layers to the local scene rig. */
.tl-scene-picture{display:contents}

/* Legal and payment handoffs share the customer identity, without scenery
   behind dense legal text or billing forms. */
.tl-design .brand{font-family:'Space Grotesk',Inter,sans-serif}
.tl-design :is(.brand-mark,.brand-logo){border-radius:4px}
.tl-legal-page :is(.over,.subtitle){font-family:Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
.tl-legal-page h1{font-size:clamp(36px,4.5vw,54px);line-height:1.15}
.tl-checkout-page .hero-meta{font:13px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
.tl-checkout-page .hero-meta>span{background:transparent;border:0;border-radius:0;padding:0}
.tl-checkout-page .checklist li{background:transparent;border:0;border-top:1px solid #d8ddcf;border-radius:0;padding:16px 0}
.tl-checkout-page .card{background:#fffefa;border-radius:6px;box-shadow:none}
.tl-checkout-page .card h2{font-size:28px;font-weight:500}
.tl-fit-category{display:grid;grid-template-columns:1fr auto;align-content:start}
.tl-fit-category small{grid-column:1/-1;font-size:12px;line-height:1.5;color:#4b5b51}


.tl-motion-note{display:none}
@media(prefers-reduced-motion:reduce){.tl-home-hero .tl-motion-note{display:block;position:absolute;right:16px;bottom:10px;z-index:2;max-width:32ch;margin:0;padding:8px;background:var(--tl-paper);color:#4b5b51;font:12px/1.5 Inter,Arial,sans-serif}}

/* Keep secondary-page facts readable without decorative badge containers. */
.tl-design .hero-meta{gap:10px 20px}
.tl-design .hero-meta .chip{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;font:13px/1.6 Inter,Arial,sans-serif;color:var(--muted)}
.tl-design .hero-meta .chip b{font:500 13px/1.6 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--tl-ink)}

/* One control scale for public forms, onboarding and the signed-in app.
   Minimums allow wrapped/enlarged text; touch targets keep their usable height. */
:is(.tl-design,.tl-design-app){--tl-control-height:44px;--tl-control-font:16px;--tl-control-padding:10px}
:is(.tl-design,.tl-design-app) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden],[type=submit],[type=button],[type=color]),select:not([multiple])){
  box-sizing:border-box;min-width:0;max-width:100%;height:auto;block-size:auto;
  min-height:var(--tl-control-height);min-block-size:var(--tl-control-height);
  padding:var(--tl-control-padding) 10px;font-size:var(--tl-control-font);line-height:1.4;border-radius:4px;
}
:is(.tl-design,.tl-design-app) textarea:not([hidden],[aria-hidden=true]){
  box-sizing:border-box;max-width:100%;height:auto;block-size:auto;min-height:64px;min-block-size:64px;
  padding:8px 10px;font-size:var(--tl-control-font);line-height:1.5;border-radius:4px;resize:vertical;
}
.tl-design-app .settings-size-field{max-width:20rem}
:is(.tl-design,.tl-design-app) input[type=number]{max-width:18ch}
:is(.tl-design,.tl-design-app) input[type=date]{max-width:14rem}
.tl-design-app .settings-field{margin-bottom:18px}
.tl-design-app .settings-field:last-child{margin-bottom:0}
.tl-design-app .ob-field,.tl-design-app .ob-row{margin-bottom:14px}
.tl-design-app .settings-tagwrap{padding:2px 6px;gap:4px}
.tl-design-app .settings-field .settings-tagwrap input{padding-inline:4px}
/* Ordinary customer actions share the control scale; cards and icon tools keep their own geometry. */
.tl-design.preview-page :is(.actions button,#profile-draft-btn,.preview-refresh,.trial-preferences,[data-preview-stop-reason]),
.tl-design .demo-video-play,
.tl-design-app .app-header :is(.tab,.sign-out),
.tl-design-app .resize-tools button,
.tl-design-app .app-main :is(.source-filter-btn,.filter-btn,.scope-btn,.app-empty-action,.workspace-hub-today,.workspace-coming-soon-secondary,.workspace-action,.workspace-ribbon-button,.workspace-evidence-button,.workspace-gap-action,.workspace-edit-button,.evidence-record-action,.settings-danger-action,.pipeline-outcome-actions button,.pagination-btn,.history-score-btn,.btn-copy-kickoff,.btn-outline-regen,.btn-pack-refresh){box-sizing:border-box;min-height:var(--tl-control-height)}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  :is(.tl-design,.tl-design-app){--tl-control-height:36px;--tl-control-font:14px;--tl-control-padding:6px}
  .tl-design :is(.btn,.btn-lg,.page-wrap .btn,.hero-cta .btn-primary.btn-lg),
  .tl-design .card:has(#signInForm) :is(button,.google-btn),
  .tl-design-app .app-main :is(.btn-save,.btn-pipeline,.btn-workspace,.history-workspace-btn,.btn-outline,.btn-ghost-sm),
  .tl-design-app .settings-jumps button,.tl-design-app .review-actions :is(a,button),
  .tl-design.preview-page :is(.actions button,#profile-draft-btn,.preview-refresh,.trial-preferences,[data-preview-stop-reason]),
  .tl-design .demo-video-play,
  .tl-design-app .app-header :is(.tab,.sign-out),
  .tl-design-app .resize-tools button,
  .tl-design-app .app-main :is(.source-filter-btn,.filter-btn,.scope-btn,.app-empty-action,.workspace-hub-today,.workspace-coming-soon-secondary,.workspace-action,.workspace-ribbon-button,.workspace-evidence-button,.workspace-gap-action,.workspace-edit-button,.evidence-record-action,.settings-danger-action,.pipeline-outcome-actions button,.pagination-btn,.history-score-btn,.btn-copy-kickoff,.btn-outline-regen,.btn-pack-refresh),
  .tl-design-app .ob-btn{box-sizing:border-box;min-height:36px;padding:6px 12px;font-size:14px;line-height:1.4}
  .tl-design .nav .btn{min-height:36px}
  .tl-design-app .ob-overlay .ob-chip button,.tl-design-app .settings-tag button{min-width:36px;min-height:36px}
  .tl-design-app .ob-optional>summary,.tl-design-app .ob-field summary{min-height:36px;padding-block:6px}
  .tl-design-app .ob-field[open] .ob-input{margin-bottom:10px}
}
/* Compound tag fields include their own inner padding in the shared height. */
.tl-design-app .settings-tagwrap{--tl-control-height:38px;--tl-control-padding:6px}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .tl-design-app .settings-tagwrap{--tl-control-height:30px;--tl-control-padding:4px}
  .tl-design-app .settings-tag button{min-width:30px;min-height:30px}
  .tl-design-app .settings-check{min-height:32px;padding:5px 8px;font-size:14px;line-height:1.45}
  .tl-design-app .settings-checkgrid{gap:4px 16px}
}
/* Width follows the value: short selectors and ranges need less space than notes. */
.tl-design-app .settings-field select{width:min(100%,24rem)}
.tl-design-app .settings-tagwrap{max-width:36rem}
.tl-design-app .settings-field textarea{max-width:42rem}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .tl-design :is(button[type=submit],.google-btn),
  .tl-design-app .app-main :is(.filter-btn,.scope-btn,.source-filter-btn,.history-page-btn,.history-bulk-btn,.btn-retry){min-height:36px;padding:6px 12px;font-size:14px;line-height:1.4}
}
.tl-design :is(.quick-chip,.analytics-consent button){min-height:44px}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .tl-design :is(.quick-chip,.analytics-consent button){min-height:36px;padding:6px 12px;font-size:14px;line-height:1.4}
}
/* The verified-email setup uses the same paper and field labels as the app. */
.tl-design.preview-page main{background:var(--tl-paper);color:var(--tl-ink)}
.tl-design.preview-page .preview-layout{max-width:1120px;margin-inline:auto;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:32px}
.tl-design.preview-page[data-signed-in=true] .preview-layout{max-width:680px;grid-template-columns:minmax(0,1fr);gap:24px}
.tl-design.preview-page .intro{color:var(--tl-ink)}
.tl-design.preview-page .intro :is(p,.eyebrow,.fine){color:var(--muted)}
.tl-design.preview-page .intro a{color:#12633d}
.tl-design.preview-page .intro h1{font-size:clamp(32px,4vw,42px);font-weight:500;line-height:1.12}
.tl-design.preview-page .card{padding:24px;background:#fffefa;border-radius:6px;box-shadow:none;min-width:0}
.tl-design :is(.field label,.quick-title){font:500 13px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
.tl-design.preview-page summary{min-height:var(--tl-control-height);padding-block:6px;box-sizing:border-box}
@media(max-width:900px){.tl-design.preview-page .preview-layout{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:600px){.tl-design.preview-page .card{padding:20px}}

/* The same printed waterside accompanies account entry and setup.
   The artwork sits outside opaque reading/form surfaces and adds no motion. */
.tl-design:has(#signInForm) main,.tl-design.preview-page main,.tl-checkout-page main,.tl-design:has(.account-card) main{position:relative;isolation:isolate}
.tl-design:has(#signInForm) main::before,.tl-design.preview-page main::before,.tl-checkout-page main::before,.tl-design:has(.account-card) main::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url('/img/scenes/civic-waterside-960.webp') center bottom/cover no-repeat;
  background-image:image-set(url('/img/scenes/civic-waterside-960-20261029.avif') type('image/avif'),url('/img/scenes/civic-waterside-960.webp') type('image/webp'));
  opacity:.3;mask-image:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.25) 35%,#000 72%,transparent 100%);
}
.tl-design.preview-page main::before{height:420px;opacity:.22;mask-image:linear-gradient(180deg,transparent,#000 35%,transparent)}
@media(max-width:600px){
  .tl-design:has(#signInForm) main::before,.tl-checkout-page main::before,.tl-design:has(.account-card) main::before{background-position:70% bottom;opacity:.23}
}
.tl-design #tender-query{padding:var(--tl-control-padding) 10px;min-height:var(--tl-control-height)}
/* A preparation editor starts with a few lines and grows with the document. */
.tl-design-app .workspace-rich-editor{min-height:160px;min-block-size:160px;font-size:16px;line-height:1.65}

/* Pricing is a decision surface: one aligned offer, with no decorative backdrop. */
.tl-design .pricing-page{max-width:1180px;padding-block:56px 64px}
.pricing-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,80px);align-items:start}
.pricing-intro{padding-block:8px}
.pricing-intro h1{font-size:clamp(40px,4vw,52px);line-height:1.08;font-weight:500}
.pricing-intro .lede{max-width:31ch;margin-top:20px;font-size:18px;line-height:1.6}
.pricing-free-entry{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}
.pricing-free-entry h2{font-size:16px;line-height:1.4;margin:0;font-weight:600}
.pricing-free-entry p{font-size:14px;line-height:1.6;margin:8px 0 14px;max-width:42ch}
.pricing-overview .pricing-flow{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:36px 0 0;border:0;counter-reset:pricing-step}
.pricing-overview .pricing-flow li{position:relative;display:grid;gap:5px;padding:0 0 0 34px;border:0;counter-increment:pricing-step}
.pricing-overview .pricing-flow li::before{content:counter(pricing-step,decimal-leading-zero);position:absolute;inset:2px auto auto 0;font-size:12px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.pricing-overview .pricing-flow strong{font-size:15px;font-weight:600;line-height:1.5}
.pricing-overview .pricing-flow span{font-size:14px;line-height:1.5}
.pricing-overview .pricing-tier{gap:0;padding:30px 32px;background:#fffefa;border:1px solid #cdd6c7;border-radius:6px;box-shadow:none}
.pricing-plan-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pricing-plan-heading h2{margin:0;font-size:25px;font-weight:500;line-height:1.2}
.pricing-plan-heading .tier-price{font-family:'Space Grotesk',Inter,sans-serif;font-size:44px;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}
.pricing-plan-heading .tier-cadence{font-family:Inter,Arial,sans-serif;font-size:15px;letter-spacing:0}
.pricing-overview .tier-tax{margin:12px 0 0;font-size:13px}
.pricing-overview .tier-tax span{display:block;padding:0;border:0;border-radius:0;background:none;min-height:0}
.pricing-overview .pricing-tier ul{display:grid;gap:12px;margin:26px 0;padding-inline-start:18px;font-size:14px;line-height:1.6}
.pricing-overview .pricing-tier li{padding-inline-start:3px}
.pricing-overview .pricing-tier .pricing-trial-note{margin:0 0 12px;font-size:13px;line-height:1.5}
.pricing-plan-actions{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.pricing-overview .pricing-tier .btn{width:auto;align-self:start;margin:0}
.pricing-plan-actions .text-cta{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.pricing-overview .checkout-form{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--rule);gap:10px;justify-items:start}
.pricing-overview .checkout-form .pricing-vat-note{margin:0;font-size:13px}
.pricing-page>.pricing-details{display:block;margin-top:32px}
.pricing-page .pricing-team-note{max-width:none;margin:0;padding:0 0 32px;border-bottom:1px solid var(--rule);font-size:14px;line-height:1.7}
.pricing-page .pricing-markets{margin-top:40px;padding:0;border:0}
.pricing-page .pricing-markets>h2,.pricing-page #pricing-questions-heading{margin:0 0 14px;font-size:28px;font-weight:500;line-height:1.2}
.pricing-page .pricing-markets>p{max-width:68ch;margin:0;font-size:15px;line-height:1.65}
.pricing-page .pricing-market-grid{gap:40px;margin:24px 0 48px}
.pricing-page .pricing-market{padding:0;border:0;border-radius:0;background:none}
.pricing-page .pricing-market .kicker{font-family:Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;font-size:12px}
.pricing-page .pricing-market h3{font-size:20px;font-weight:500;margin:8px 0 12px}
.pricing-page .pricing-market p{min-height:0;margin:0;font-size:14px}
.pricing-page .product-grid{padding-top:0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:24px}
.pricing-page .product-card{padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.pricing-page .product-card h3{font-size:17px;line-height:1.4;margin:0 0 8px;font-weight:600}
.pricing-page .product-card p{font-size:14px;line-height:1.65;margin:0}
.pricing-page .pricing-vat-note{margin:12px 0 0}
.pricing-page .product-grid+.pricing-vat-note{margin-top:32px}
.pricing-page .foot{margin-top:40px}
@media(max-width:800px){
  .tl-design .pricing-page{padding-block:32px 40px}
  .pricing-overview{grid-template-columns:minmax(0,1fr);gap:28px}
  .pricing-intro{display:contents;padding:0}
  .pricing-intro-copy{order:0}
  .pricing-overview>.pricing-tier{order:1}
  .pricing-overview .pricing-flow{order:2}
  .pricing-intro .lede{max-width:42ch;margin-top:14px;font-size:16px}
  .pricing-overview .pricing-flow{gap:16px;margin-top:24px}
  .pricing-overview .pricing-tier{padding:24px}
  .pricing-plan-heading .tier-price{font-size:40px}
  .pricing-page .pricing-market-grid,.pricing-page .product-grid{padding-top:0;border:0;grid-template-columns:minmax(0,1fr);gap:24px}
  .pricing-page .pricing-team-note{padding-bottom:28px}
}

/* Account entry uses the same quiet secondary controls as the rest of the site. */
.tl-design.tl-auth .card:has(#signInForm),.tl-auth .shell-card{padding:24px;overflow-wrap:anywhere}
.tl-auth .lede{margin-bottom:20px}
.tl-auth .divider{margin:16px 0}
.tl-auth .auth-providers,.tl-auth .microsoft-link-actions{display:flex;flex-wrap:wrap;gap:8px}
.tl-auth .auth-providers{flex-direction:column}
.tl-auth .card:has(#signInForm) :is(button,.google-btn),
.tl-design.tl-auth :is(.shell-button,.shell-secondary){box-sizing:border-box;min-height:var(--tl-control-height);padding:var(--tl-control-padding) 12px;font:500 var(--tl-control-font)/1.4 Inter,Arial,sans-serif;border-radius:4px}
.tl-auth .card:has(#signInForm) .auth-providers .google-btn{width:100%;max-width:100%;margin:0;gap:8px;background:var(--panel);border-color:#b9c5b6;border-radius:6px;color:var(--tl-ink);text-align:center}
.tl-auth .shell-secondary:hover{background:var(--tl-tint);border-color:#b9c5b6}
.tl-auth .card:has(#signInForm) .auth-providers .google-btn:hover{background:#f7f9f7;border-color:#7b9784}
.tl-auth .card:has(#signInForm) .auth-providers .google-btn:focus-visible{border-color:var(--tl-green);outline:2px solid var(--tl-green);outline-offset:2px}
.tl-auth .auth-providers .g-logo{width:16px;height:16px}
.tl-auth :is(.shell-button,.shell-secondary){display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;vertical-align:top}
.tl-auth .shell-secondary{background:transparent;border-color:var(--rule)}
.tl-auth .microsoft-link-actions :is(.shell-button,.shell-secondary){margin:0}
.tl-auth :is(.shell-button,.shell-secondary):focus-visible{outline:2px solid var(--tl-green);outline-offset:3px}
@media(min-width:801px) and (hover:hover) and (pointer:fine){
  .tl-design.tl-auth{--tl-control-height:32px;--tl-control-padding:4px}
}
@media(max-width:520px){
  .tl-design.tl-auth .card:has(#signInForm),.tl-auth .shell-card{padding:20px}
}

/* Deliberate printed scenes sit beside introductions, never behind reading text. */
.tl-editorial-page .hero::before,.tl-design.product-page .hero::before{display:none}
.tl-hero-scene{position:relative;width:100%;min-width:0;height:148px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 74%,transparent);mask-composite:intersect}
.tl-hero-scene picture,.tl-hero-scene img{display:block;width:100%;height:100%}
.tl-hero-scene img{object-fit:cover;object-position:center 62%;opacity:.78;mix-blend-mode:multiply}
.tl-editorial-page .page-wrap{padding-top:24px}
.tl-editorial-page .hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:32px;padding-block:36px 28px;align-items:center}
.tl-editorial-page .hero h1{font-size:clamp(34px,3.6vw,48px);line-height:1.12;max-width:22ch}
.tl-editorial-page .hero .lede{font-size:17px;line-height:1.6;max-width:52ch;margin-top:16px}
.tl-editorial-page .hero-actions{display:grid;gap:14px;background:transparent;border:0;padding:0;box-shadow:none}
.tl-editorial-page .hero-actions .btn-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin:0;gap:12px}
.tl-editorial-page .btn-row .btn{width:auto;flex:0 1 auto}
.tl-editorial-page .section{padding-block:28px}
.tl-editorial-page .split .panel{padding:18px 0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:transparent;box-shadow:none}
.tl-editorial-page .panel p{max-width:62ch;font-size:15px;line-height:1.65}
.tl-sector-guide-link{font-size:14px;line-height:1.6;padding-block:8px}
.tl-sector-guide-link a{color:var(--forest);text-underline-offset:3px}
.tl-pricing-scene{height:112px;margin-top:18px}
.cli-hero-copy .tl-hero-scene{height:112px;margin-top:14px}
.tl-flow-source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;font-size:13px;color:var(--forest)}
.tl-flow-source-actions>a:first-child{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
.tl-flow-source-actions .btn{font-size:13px}
#request-coverage{scroll-margin-top:96px}
@media(max-width:720px){.tl-editorial-page .hero{gap:12px;padding-block:28px 20px}.tl-editorial-page .hero h1{font-size:34px}.tl-hero-scene{height:112px}.tl-editorial-page .hero{grid-template-columns:1fr}.tl-pricing-scene{display:none}.tl-editorial-page .hero-actions .btn-row{flex-wrap:wrap}}

/* Consistent reading and utility surfaces, with artwork confined to headers. */
.tl-design .skip-link{position:fixed;inset:8px auto auto 8px;z-index:10000;width:max-content;max-width:calc(100% - 16px);padding:10px 14px;background:#fffefa;color:var(--tl-ink);border:2px solid var(--tl-green);border-radius:4px;transform:translateY(-200%);text-decoration:underline;text-underline-offset:3px}
.tl-design .skip-link:focus{transform:none}
.tl-design main[tabindex="-1"]:focus{outline:0}
.tl-legal-page main.wrap{padding-block:36px 56px}
.tl-document-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.75fr);gap:28px;align-items:center;margin-bottom:28px}
.tl-document-head .tl-hero-scene{height:104px}
.tl-legal-page .tl-document-head h1{font-size:clamp(32px,4vw,42px);line-height:1.15;margin:6px 0 12px}
.tl-legal-page .subtitle{font:14px/1.5 Inter,Arial,sans-serif;margin:0}
.tl-legal-page .over{font:12px/1.5 Inter,Arial,sans-serif;color:var(--muted);margin:0 0 8px}
.tl-legal-page main :is(p,li){font-size:16px;line-height:1.75}
.tl-legal-page main h2{font-size:24px;line-height:1.3;margin-block:30px 12px}
.tl-legal-page main h3{font-size:19px;line-height:1.35;margin-block:24px 10px}
.tl-legal-page :is(.details,.principles){padding-inline-start:20px}
.tl-checkout-page .checkout-brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:var(--tl-ink);text-decoration:none}
.tl-checkout-page .checkout-brand img{border-radius:4px}
.tl-checkout-page .shell>.tl-hero-scene{height:120px;margin-top:24px}
.tl-checkout-page main::before,.tl-checkout-page .hero::before{display:none}
.tl-checkout-page .shell>.card{margin-top:18px;padding:24px}
.tl-checkout-page .card h1{font-size:clamp(28px,4vw,36px);line-height:1.2}
.tl-checkout-page .card p{font-size:16px;line-height:1.65}
.tl-api-page .nav-inner>a:last-child{color:var(--ink);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.tl-api-page .api-docs{max-width:860px;margin-block:40px 64px}
.tl-api-page .api-docs :is(p,li){font-size:16px;line-height:1.7;max-width:76ch}
.tl-api-page .api-docs h2{margin-block:30px 12px;font-size:24px;line-height:1.3}
.tl-api-page .api-docs :is(pre,.table-scroll){margin-block:18px 24px;max-width:100%}
.tl-api-page .api-docs pre{padding:18px;border-radius:5px}
.tl-api-page .api-docs .table-scroll:focus-visible{outline:2px solid var(--tl-green);outline-offset:2px}
.tl-system .shell-card{padding:24px;box-shadow:none}
.tl-system :is(.shell-button,.shell-secondary){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:44px;padding:10px 14px;font:500 16px/1.5 Inter,Arial,sans-serif;border-radius:5px;margin:8px 8px 0 0}
@media(min-width:721px) and (hover:hover) and (pointer:fine){.tl-system :is(.shell-button,.shell-secondary){min-height:36px;padding:6px 12px;font-size:14px}}
@media(max-width:600px){.tl-legal-page main.wrap{padding-block:28px 40px}.tl-document-head{grid-template-columns:1fr;margin-bottom:24px;gap:0}.tl-document-head .tl-hero-scene{display:none}.tl-system .shell-card{padding:20px}.tl-api-page .api-docs{margin-top:28px}.tl-checkout-page .shell>.card{padding:20px}}

/* Article contents remain visible instead of hiding links in an unmarked strip. */
.tl-design .jump-nav{background:var(--tl-paper)}
.tl-design .coverage-field{display:grid;gap:6px;font-size:13px;line-height:1.5;color:var(--ink)}
@media(max-width:760px){.tl-design .jump-nav{flex-wrap:wrap;overflow:visible;gap:0 12px;padding-block:4px 10px}.tl-design .jump-nav::before{flex-basis:100%;margin:0;font:12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}.tl-design .jump-nav a{flex:0 1 auto;max-width:100%;min-height:44px;padding-inline:0;white-space:normal}}

/* Entry artwork has its own space; profile instructions stay on plain paper. */
.tl-design.preview-page main::before{display:none}
.tl-design.preview-page .preview-intro-scene{height:112px;margin-top:14px}
.tl-design.preview-page .step{padding:4px 0 4px 14px;border:0;border-left:2px solid var(--rule);border-radius:0;background:transparent;color:var(--ink)}
.tl-design.preview-page .step strong{font-size:14px;line-height:1.5;color:var(--ink);margin-bottom:2px}
.tl-design.preview-page .step span{font-size:13px;line-height:1.55;color:var(--muted)}
.tl-account-page .account-actions{display:flex;align-items:center;flex-wrap:wrap}
.tl-account-page .account-actions>.btn{width:auto;max-width:100%}

.tl-design .btn:not(.nav-cta){white-space:normal}
.tl-editorial-page .hero-actions>.btn{justify-self:start}