/* yfglo.com route pages — dedicated lines directory */
.rt-page { padding: 2.5rem 0 3.5rem; }
.rt-h1 { font-size: clamp(1.6rem, 3.2vw, 2.4rem); line-height: 1.25; margin: .8rem 0 .6rem; letter-spacing: -0.01em; }
.rt-h2 { font-size: 1.15rem; margin: 2.2rem 0 .7rem; padding-top: 1.4rem; border-top: 1px solid rgba(17,45,59,.12); }
.rt-intro { font-size: 1.02rem; line-height: 1.75; max-width: 56rem; color: rgba(17,45,59,.82); }
.rt-note { font-size: .82rem; color: rgba(17,45,59,.55); margin-top: .6rem; }
.rt-crumbs { font-size: .82rem; color: rgba(17,45,59,.6); display: flex; flex-wrap: wrap; gap: .35rem; }
.rt-crumbs a { color: #17607a; text-decoration: none; }
.rt-crumbs a:hover { text-decoration: underline; }

.rt-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.4rem 0 .4rem; }
.rt-actions .button svg, .header-cta svg { width: 1rem; height: 1rem; }

.rt-tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin: 1.2rem auto 0; }
.rt-tool { display: block; padding: .9rem 1rem; border: 1px solid rgba(17,45,59,.14); border-radius: .7rem;
  background: #f4f7f8; text-decoration: none; color: #112d3b; transition: border-color .15s, background .15s; }
.rt-tool:hover { border-color: #ed5f38; background: #fdf1ec; }
.rt-tool strong { display: block; font-size: .95rem; }
.rt-tool small { color: rgba(17,45,59,.55); font-size: .74rem; }

.rt-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin: 1.4rem 0 .4rem; }
.rt-facts > div { border: 1px solid rgba(17,45,59,.14); border-radius: .7rem; padding: .8rem .9rem; background: #fff; }
.rt-fact-k { display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(17,45,59,.5); margin-bottom: .25rem; }
.rt-facts strong { font-size: .92rem; font-weight: 600; line-height: 1.4; }

.rt-region-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin-top: 1.6rem; }
.rt-region-card { display: flex; flex-direction: column; gap: .35rem; padding: 1.1rem 1.2rem; border-radius: .8rem;
  border: 1px solid rgba(17,45,59,.14); background: #fff; text-decoration: none; color: #112d3b;
  transition: transform .15s, border-color .15s, box-shadow .15s; }
.rt-region-card:hover { transform: translateY(-2px); border-color: #ed5f38; box-shadow: 0 8px 22px rgba(17,45,59,.08); }
.rt-region-name { font-weight: 700; font-size: 1.05rem; }
.rt-region-meta { font-size: .8rem; color: #17607a; }
.rt-region-sea { font-size: .78rem; color: rgba(17,45,59,.55); }

.rt-chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.rt-chip { font-size: .8rem; padding: .3rem .7rem; border-radius: 999px; background: #eef4f6; color: #17607a; border: 1px solid rgba(23,96,122,.15); }
.rt-chip-port { background: #fdf1ec; color: #b3451f; border-color: rgba(237,95,56,.25); }

.rt-svc { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; list-style: none; padding: 0; margin: 0; }
.rt-svc li { background: #f4f7f8; border: 1px solid rgba(17,45,59,.12); border-radius: .6rem; padding: .7rem .85rem; font-size: .88rem; line-height: 1.5; }

.rt-steps { counter-reset: step; list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; }
.rt-steps li { counter-increment: step; border: 1px solid rgba(17,45,59,.12); border-radius: .7rem; padding: .9rem; background: #fff; }
.rt-steps li strong::before { content: "0" counter(step); display: block; color: #ed5f38; font-size: .8rem; margin-bottom: .3rem; }
.rt-steps li p { margin: .35rem 0 0; font-size: .83rem; line-height: 1.6; color: rgba(17,45,59,.7); }

.rt-city-index { display: flex; flex-direction: column; gap: .9rem; }
.rt-prov h3 { font-size: .9rem; margin: 0 0 .35rem; color: #17607a; }
.rt-city-links { display: flex; flex-wrap: wrap; gap: .35rem .5rem; }
.rt-city-links a { font-size: .8rem; color: #112d3b; text-decoration: none; padding: .18rem .55rem;
  border: 1px solid rgba(17,45,59,.14); border-radius: 999px; background: #fff; }
.rt-city-links a:hover { border-color: #ed5f38; color: #b3451f; }

.rt-cta { margin-top: 2.5rem; background: #112d3b; color: #f4f7f8; border-radius: 1rem; padding: 2rem 2.2rem; }
.rt-cta h2 { margin: 0 0 .5rem; font-size: 1.35rem; }
.rt-cta p { margin: 0 0 1.1rem; color: rgba(244,247,248,.75); font-size: .92rem; }
.rt-cta-actions { display: flex; gap: .8rem; flex-wrap: wrap; }

.faq-list details { border: 1px solid rgba(17,45,59,.12); border-radius: .6rem; padding: .7rem .9rem; margin-bottom: .5rem; background: #fff; }
.faq-list summary { cursor: pointer; font-weight: 600; font-size: .92rem; }
.faq-list details p { margin: .5rem 0 0; font-size: .86rem; line-height: 1.7; color: rgba(17,45,59,.75); }

[dir="rtl"] .rt-crumbs { flex-direction: row-reverse; justify-content: flex-end; }
[dir="rtl"] .rt-steps li strong::before { content: counter(step) "٠"; }

@media (max-width: 900px) {
  .rt-tools, .rt-facts, .rt-region-grid { grid-template-columns: repeat(2, 1fr); }
  .rt-svc, .rt-steps { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .rt-tools, .rt-facts, .rt-region-grid, .rt-svc, .rt-steps { grid-template-columns: 1fr; }
}

/* news section */
.nw-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; margin-top: 1.6rem; }
.nw-card { display: flex; flex-direction: column; gap: .4rem; padding: 1.1rem 1.2rem; border-radius: .8rem;
  border: 1px solid rgba(17,45,59,.14); background: #fff; text-decoration: none; color: #112d3b;
  transition: transform .15s, border-color .15s, box-shadow .15s; }
.nw-card:hover { transform: translateY(-2px); border-color: #ed5f38; box-shadow: 0 8px 22px rgba(17,45,59,.08); }
.nw-date { font-size: .74rem; letter-spacing: .06em; color: rgba(17,45,59,.5); }
.nw-title { font-weight: 700; font-size: 1.02rem; line-height: 1.45; }
.nw-ex { font-size: .85rem; line-height: 1.65; color: rgba(17,45,59,.68); }
.nw-read { font-size: .8rem; color: #b3451f; margin-top: .2rem; }
.nw-meta { font-size: .8rem; color: rgba(17,45,59,.5); margin: .2rem 0 1.2rem; }
.nw-article .nw-body { max-width: 52rem; }
.nw-body p { line-height: 1.85; margin: 0 0 1rem; color: rgba(17,45,59,.85); }
.nw-body h2 { font-size: 1.15rem; margin: 1.6rem 0 .6rem; }
.nw-body h3 { font-size: 1rem; margin: 1.3rem 0 .5rem; }
.nw-body ul, .nw-body ol { margin: 0 0 1rem 1.3rem; line-height: 1.8; color: rgba(17,45,59,.85); }
[dir="rtl"] .nw-body ul, [dir="rtl"] .nw-body ol { margin: 0 1.3rem 1rem 0; }
.nw-body blockquote { border-left: 3px solid #ed5f38; margin: 0 0 1rem; padding: .4rem .9rem; color: rgba(17,45,59,.7); background: #f4f7f8; }
[dir="rtl"] .nw-body blockquote { border-left: none; border-right: 3px solid #ed5f38; }
.nw-body a { color: #17607a; }
@media (max-width: 700px) { .nw-grid { grid-template-columns: 1fr; } }

/* route enhancement blocks: express table + rotating contacts */
.rt-table-wrap { overflow-x: auto; margin-top: .2rem; }
.rt-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid rgba(17,45,59,.14); border-radius: .6rem; font-size: .88rem; }
.rt-table th, .rt-table td { padding: .65rem .85rem; text-align: left; border-bottom: 1px solid rgba(17,45,59,.1); }
.rt-table thead th { background: #f4f7f8; color: #17607a; font-weight: 600; font-size: .8rem; letter-spacing: .04em; }
.rt-table tbody tr:last-child td { border-bottom: none; }
.rt-table tbody th { font-weight: 600; color: #112d3b; width: 8rem; }
[dir="rtl"] .rt-table th, [dir="rtl"] .rt-table td { text-align: right; }

.rt-contact { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; margin-top: .4rem; }
.rt-contact-item { display: flex; flex-direction: column; gap: .2rem; padding: 1rem 1.1rem; border: 1px solid rgba(17,45,59,.14);
  border-radius: .7rem; background: #fdf1ec; }
.rt-contact-k { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: rgba(179,69,31,.7); }
.rt-contact-item a { font-size: 1.05rem; font-weight: 700; color: #b3451f; text-decoration: none; }
.rt-contact-item a:hover { text-decoration: underline; }
[dir="rtl"] .rt-contact-item { text-align: right; }
@media (max-width: 560px) { .rt-contact { grid-template-columns: 1fr; } }

/* HK/MO dedicated line highlight blocks */
.rt-hkmo { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; margin: .2rem 0 .4rem; }
.rt-hkmo-item { padding: 1.05rem 1.2rem; border: 1px solid rgba(23,96,122,.18); border-radius: .8rem;
  background: #f4f8fa; }
.rt-hkmo-item .rt-hkmo-h { margin: 0 0 .45rem; padding: 0; border-top: none; font-size: 1.02rem; color: #17607a; }
.rt-hkmo-item p { margin: 0; font-size: .88rem; line-height: 1.7; color: rgba(17,45,59,.8); }
.rt-hkmo-hl { background: #fdf1ec; border-color: rgba(237,95,56,.3); }
.rt-hkmo-hl .rt-hkmo-h { color: #b3451f; }
[dir="rtl"] .rt-hkmo-item { text-align: right; }
@media (max-width: 700px) { .rt-hkmo { grid-template-columns: 1fr; } }