.tl-page { color: #142238; }
.tl-page .tl-hero { padding-top: 54px; }
.tl-page .tl-hero .ifrs-hero-inner { align-items: center; }
.tl-page .tl-hero-card { padding: 2rem; background: #fff; border: 1px solid rgba(20,34,56,.12); border-radius: 20px; box-shadow: 0 20px 45px rgba(15,23,42,.09); }
.tl-page .tl-hero-card h2 { margin: .8rem 0; font-size: clamp(1.5rem, 2.2vw, 2.2rem); }
.tl-page .tl-hero-card p { line-height: 1.7; color: #526176; }
.tl-page .tl-hero-card a { color: #0b665e; font-weight: 700; text-decoration: none; }
.tl-page .tl-kicker { display: inline-block; color: #0b766b; font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.tl-page .tl-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; margin-bottom: 1.5rem; font-size: .9rem; color: #617083; }
.tl-page .tl-breadcrumb a { color: #0b665e; text-decoration: none; }
.tl-page .tl-breadcrumb i { font-size: .7rem; }
.tl-page .tl-directory { background: #f5f8f9; }
.tl-page .tl-topics { background: #fff; }
.tl-page .section-head { max-width: 760px; margin-bottom: 1.8rem; }
.tl-page .section-head p { color: #526176; }
.tl-page .tl-group + .tl-group { margin-top: 2.3rem; }
.tl-page .tl-group h3 { font-size: 1.3rem; margin: 0 0 1rem; }
.tl-page .tl-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.tl-page .tl-card { display: flex; flex-direction: column; min-height: 205px; padding: 1.45rem; border-radius: 16px; background: #fff; border: 1px solid #e2e9ec; box-shadow: 0 7px 25px rgba(15,23,42,.04); text-decoration: none; color: inherit; transition: transform .18s ease, box-shadow .18s ease; }
.tl-page .tl-topics .tl-card { background: #f8fafb; }
.tl-page .tl-card:hover, .tl-page .tl-card:focus-visible { color: inherit; transform: translateY(-3px); box-shadow: 0 14px 30px rgba(15,23,42,.11); }
.tl-page .tl-card-icon { color: #0b766b; align-self: flex-end; font-size: 1.15rem; }
.tl-page .tl-card h3, .tl-page .tl-card h4 { font-size: 1.16rem; line-height: 1.35; margin: .3rem 0 .6rem; }
.tl-page .tl-card p { color: #526176; font-size: .94rem; line-height: 1.55; flex: 1; }
.tl-page .tl-card-link { color: #0b665e; font-weight: 700; font-size: .9rem; }
.tl-page .tl-section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.tl-page .tl-step { background: #fff; border: 1px solid #e2e9ec; border-radius: 16px; padding: 1.7rem; }
.tl-page .tl-step > span { color: #0b766b; font-weight: 800; letter-spacing: .1em; }
.tl-page .tl-step h3 { font-size: 1.2rem; margin: .9rem 0; }
.tl-page .tl-step p { color: #526176; line-height: 1.7; margin: 0; }
.tl-page.tl-answers { background: #f5f8f9; }
.tl-page .tl-answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.tl-page .tl-answer { background: #fff; border: 1px solid #e2e9ec; border-radius: 16px; padding: 1.55rem; }
.tl-page .tl-answer h3 { font-size: 1.08rem; line-height: 1.4; margin: 0 0 .7rem; }
.tl-page .tl-answer p { color: #526176; line-height: 1.65; margin: 0; }
@media (max-width: 991px) { .tl-page .tl-grid, .tl-page .tl-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .tl-page .tl-hero { padding-top: 30px; } .tl-page .tl-grid, .tl-page .tl-section-grid, .tl-page .tl-answer-grid { grid-template-columns: 1fr; } .tl-page .tl-card { min-height: auto; } .tl-page .tl-hero-card { padding: 1.5rem; } }