.tl-hero,.tl-section{max-width:1080px;margin:28px auto;padding:clamp(22px,4vw,42px);border-radius:22px;background:#fff;border:1px solid #d8e0e3}
.tl-hero{background:linear-gradient(135deg,#edf3f4 0%,#fff 68%);border-top:8px solid #19364a}
.tl-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;max-width:880px;color:#19364a;margin:.25em 0}
.tl-deck{font-size:1.2rem;line-height:1.65;max-width:850px;color:#40596b}
.tl-principle{display:flex;gap:20px;align-items:flex-start;margin-top:28px;padding:22px;border-radius:16px;background:#19364a;color:white}
.tl-principle p{margin:.5em 0 0;color:#edf3f4}.tl-mark{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:#c49a50;color:#19364a;font-size:1.8rem;font-weight:700}
.tl-section h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#19364a;margin:.2em 0 .6em}.tl-section h3{color:#19364a}.tl-section p{line-height:1.65}.tl-section .eyebrow,.tl-hero .eyebrow{color:#527d83;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;margin:0 0 8px}
.tl-cycle{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:cycle}
.tl-cycle li{counter-increment:cycle;position:relative;padding:18px 16px 20px;border-radius:15px;background:#f3f6f7;border-bottom:5px solid #527d83;min-height:158px}.tl-cycle li:before{content:counter(cycle);display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#19364a;color:#fff;font-weight:700;margin-bottom:12px}.tl-cycle li:not(:last-child):after{content:'→';position:absolute;right:-14px;top:60px;color:#b6543e;font-weight:800;font-size:22px;z-index:1}.tl-cycle b,.tl-cycle span{display:block}.tl-cycle b{margin-bottom:7px;color:#19364a}.tl-cycle span{font-size:.94rem;line-height:1.5;color:#40596b}
.tl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.tl-grid article,.tl-examples article{padding:20px;border-radius:15px;background:#f3f6f7;border:1px solid #d8e0e3}.tl-number{font-weight:800;color:#b6543e;font-size:.85rem;letter-spacing:.1em}.tl-grid h3,.tl-examples h3{margin:.3em 0;color:#19364a}.tl-controls p,.tl-examples p{margin:.4em 0 0;color:#40596b;font-size:.96rem}
.tl-caution{border-left:8px solid #c49a50}.tl-prompt{background:#f6f1e5;border-radius:15px;padding:20px;margin-top:22px}.tl-prompt ol{margin-bottom:0}.tl-prompt li{padding:5px 0}
.tl-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.tl-examples article{border-top:5px solid #527d83}
.tl-scripts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.tl-scripts p{margin:0;padding:18px 20px;border-left:4px solid #b6543e;background:#f8eee9;border-radius:0 12px 12px 0;color:#19364a;font-weight:600}
.tl-traffic{grid-template-columns:repeat(3,minmax(0,1fr))}.tl-traffic article{border-top:6px solid #527d83}.tl-traffic ul{padding-left:20px;line-height:1.55}.tl-green{border-top-color:#527d83!important}.tl-amber{border-top-color:#c49a50!important}.tl-red{border-top-color:#b6543e!important}
.tl-policy{background:#edf3f4;border:0}.tl-policy blockquote{margin:18px 0 10px;padding:24px 28px;border-radius:15px;background:#fff;border-left:6px solid #527d83;color:#19364a;font-size:1.1rem;line-height:1.7}.tl-note{font-size:.92rem;color:#40596b}.tl-footer{text-align:center;padding:30px 15px;color:#19364a;font-weight:800;letter-spacing:.04em}.tl-footer span{color:#527d83}
@media(max-width:850px){.tl-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-cycle li:not(:last-child):after{display:none}.tl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tl-hero,.tl-section{margin:16px 10px;padding:20px}.tl-cycle,.tl-grid,.tl-examples,.tl-scripts{grid-template-columns:1fr}.tl-cycle li{min-height:auto}.tl-principle{padding:18px}}