/* A concise product reading system inside NLINEA's existing F theme. */
.tp-page{--tp-line:#97a3ad;--tp-muted:#43515e}
.tp-container{width:calc(100% - 2 * var(--f-pad));max-width:1120px;margin-inline:auto}
.tp-hero{padding-top:138px;padding-bottom:42px}
.tp-breadcrumb{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;font-size:1rem;line-height:1.6}
.tp-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:70px;align-items:start}
.tp-heading h1{font-size:clamp(40px,5vw,68px);line-height:1.07;letter-spacing:-.055em;font-weight:700;margin:0 0 20px;overflow-wrap:anywhere}
.tp-tagline{font-size:clamp(24px,2.7vw,36px);line-height:1.2;letter-spacing:-.03em;max-width:20ch;font-weight:500}
.tp-intro{font-size:1.125rem;line-height:1.65;margin:0;max-width:59ch}
.tp-hero-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
.tp-hero-links>a{min-height:44px;display:inline-flex;align-items:center}
.tp-cover .f-media-figure{margin:0}
.tp-cover img{width:100%;height:auto}
.tp-section{padding:62px 0;scroll-margin-top:110px}
.tp-section h2{font-size:clamp(25px,2.7vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 22px;overflow-wrap:anywhere}
.tp-section p{font-size:1rem;line-height:1.7;max-width:65ch}
.tp-section p+p{margin-top:18px}
.tp-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:70px}
.tp-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:0 0 60px}
.tp-highlights>article{border-top:1px solid var(--tp-line);padding-top:23px;min-width:0}
.tp-highlights h3{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 14px;letter-spacing:-.02em}
.tp-highlights p{font-size:1rem;line-height:1.65;color:var(--tp-muted)}
.tp-workflow{border-top:1px solid var(--tp-line)}
.tp-workflow-intro{margin-bottom:34px}
.tp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0;padding:0;list-style:none;}
.tp-steps>li{min-width:0;position:relative;padding-top:20px;border-top:1px solid var(--tp-line)}
.tp-steps h3{font-size:1.125rem;line-height:1.4;margin:0 0 14px}
.tp-steps p{font-size:1rem;color:var(--tp-muted)}
.tp-stories{padding-top:14px}
.tp-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;border-top:1px solid var(--tp-line);padding:46px 0}
.tp-story:last-child{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.tp-story:last-child>.f-media-figure{order:2}
.tp-story>.f-media-figure{margin:0}
.tp-story h2{font-size:clamp(24px,2.5vw,32px)}
.tp-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:60px;border-top:1px solid var(--tp-line);padding-block:50px}
.tp-stage h2{font-size:clamp(25px,2.6vw,35px)}
.tp-stage .tp-boundaries{font-size:1rem;color:var(--tp-muted)}
.tp-stage-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:26px}
.tp-record{padding-bottom:40px;scroll-margin-top:110px}
.tp-record .f-development-record{margin:0;padding-top:20px}
.tp-record .f-development-record>.f-article-body,.tp-record .f-record-meta{max-width:760px;margin-left:auto}
.tp-record .f-article-body h2{font-size:1.5rem;line-height:1.35;margin-bottom:18px}
.tp-record .f-article-body p{font-size:1rem;line-height:1.75}
.tp-next{border-top:1px solid var(--tp-line);padding:30px 0 48px;display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;font-size:1rem;line-height:1.5}
.tp-page.large-text .tp-heading,.tp-page.large-text .tp-overview,.tp-page.large-text .tp-highlights,.tp-page.large-text .tp-steps,.tp-page.large-text .tp-story,.tp-page.large-text .tp-stage{grid-template-columns:1fr;gap:25px}
.tp-page.large-text .tp-heading h1{font-size:clamp(36px,5vw,68px)}
.tp-page.large-text .tp-story:last-child>.f-media-figure{order:0}
@media(max-width:850px){.tp-heading,.tp-overview,.tp-stage{gap:36px}.tp-story,.tp-story:last-child{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tp-highlights,.tp-steps{gap:23px}}
@media(max-width:650px){
 .tp-hero{padding-top:108px;padding-bottom:30px}.tp-breadcrumb{margin-bottom:28px;gap:10px}.tp-heading,.tp-overview,.tp-highlights,.tp-steps,.tp-story,.tp-story:last-child,.tp-stage{grid-template-columns:1fr;gap:25px}.tp-heading h1{font-size:44px}.tp-tagline{font-size:27px;max-width:24ch}.tp-intro{font-size:1rem}.tp-section{padding-block:40px;scroll-margin-top:90px}.tp-highlights{gap:26px;padding-bottom:36px}.tp-workflow-intro{margin-bottom:25px}.tp-stories{padding-top:0}.tp-story{padding-block:35px}.tp-story:last-child>.f-media-figure{order:0}.tp-stage{padding-block:35px}.tp-stage-links{gap:20px}.tp-record .f-article-body,.tp-record .f-record-meta{max-width:100%;margin:0}.tp-next{padding-bottom:36px}
}

.tp-page main .text-link{font-size:1rem;line-height:1.5;min-height:44px;display:inline-flex;align-items:center}
.tp-reference-links{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0 10px}
.tp-record .f-article-credit,.tp-record .f-evidence p,.tp-record .f-record-date-context,.tp-record .f-record-date-context p{font-size:1rem;line-height:1.7}