.trn31{--navy:#082b4c;--blue:#0d67b5;--blue2:#07538f;--gold:#ffbd17;--ink:#0b2945;--muted:#667e94;--line:#dce8f2;--soft:#f4f9fd;--white:#fff;color:var(--ink);font-family:var(--tr-font,'Bebeboo',Arial,sans-serif)}
.trn31 *{box-sizing:border-box}.trn31 a{text-decoration:none}.trn31 .tr-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.trn31-breadcrumb{display:flex;gap:9px;align-items:center;padding:13px 0;color:#6d8295;font-size:13px;white-space:nowrap;overflow:hidden}.trn31-breadcrumb a{color:#50718d}.trn31-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;font-weight:500}
.trn31-header{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:46px;align-items:end;padding:42px 0 28px}.trn31-header-main{max-width:820px}.trn31-kicker,.trn31-owner>span,.trn31-side-card>span,.trn31-context>span,.trn31-cta span,.trn31-section-head span,.trn31-final span{display:block;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:9px}.trn31-header h1{font-family:var(--tr-font-semibold,'Bebeboo-SemiBold',Arial,sans-serif);font-size:clamp(40px,5vw,66px);line-height:1.03;letter-spacing:-.025em;margin:0;color:#082846}.trn31-lead{font-size:19px;line-height:1.65;color:#526f87;margin:18px 0 0;max-width:800px}.trn31-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#6a8094;font-size:13px;margin-top:20px}
.trn31-owner{border:1px solid #d7e4ee;background:#f4faff;border-radius:17px;padding:22px}.trn31-owner h2{font-size:25px;line-height:1.14;margin:0 0 8px}.trn31-owner p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 16px}.trn31-owner a{display:flex;min-height:43px;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:9px;font-weight:700}
.trn31-cover{margin-bottom:34px}.trn31-cover img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:18px;background:#eef3f7}
.trn31-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;padding-bottom:55px}.trn31-toc{border:1px solid #cfe3f2;background:#f2f9fe;border-radius:15px;padding:20px 22px;margin-bottom:28px}.trn31-toc-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.trn31-toc-head span{font-size:10px;color:var(--blue);font-weight:700;letter-spacing:.12em}.trn31-toc-head h2{font-size:23px;margin:4px 0 0}.trn31-toc-head small{color:#698297}.trn31-toc ol{display:grid;gap:8px;margin:15px 0 0;padding-left:22px}.trn31-toc li{color:#6e8497}.trn31-toc li.level-3{margin-left:18px}.trn31-toc a{color:#174b73;font-size:14px}
.trn31-prose{font-size:17px;line-height:1.84;color:#294b67}.trn31-prose h2,.trn31-prose h3{font-family:var(--tr-font-semibold,'Bebeboo-SemiBold',Arial,sans-serif);color:#0b2e4d;scroll-margin-top:100px}.trn31-prose h2{font-size:31px;line-height:1.18;margin:37px 0 13px}.trn31-prose h3{font-size:23px;line-height:1.22;margin:28px 0 10px}.trn31-prose p{margin:0 0 18px}.trn31-prose ul,.trn31-prose ol{padding-left:24px;margin-bottom:20px}.trn31-prose li{margin:6px 0}.trn31-prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.trn31-prose img{max-width:100%;height:auto;border-radius:14px}.trn31-prose blockquote{margin:25px 0;padding:18px 21px;border-left:4px solid var(--blue);background:#f5f9fc;border-radius:0 12px 12px 0}.trn31-prose table{display:block;width:100%;overflow:auto;border-collapse:collapse}.trn31-prose th,.trn31-prose td{border:1px solid #dce8f1;padding:10px 12px;min-width:130px}
.trn31-cta{margin:36px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;border-radius:16px;background:linear-gradient(135deg,#073d6b,#0d69b4);color:#fff}.trn31-cta span{color:#b8def7}.trn31-cta h2{font-size:28px;line-height:1.16;margin:0 0 7px}.trn31-cta p{max-width:620px;margin:0;color:#d7eafa;line-height:1.55}.trn31-actions{display:flex;flex-wrap:wrap;gap:9px}.trn31-btn{display:inline-flex;min-height:45px;align-items:center;justify-content:center;border-radius:9px;padding:0 17px;font-weight:700;font-size:14px;white-space:nowrap}.trn31-btn.primary{background:var(--gold);color:#082846}.trn31-btn.secondary{border:1px solid #7ba8ca;color:#fff;background:transparent}
.trn31-context{margin-top:30px;border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff}.trn31-context h2{font-size:25px;margin:0 0 8px}.trn31-context p{color:var(--muted);line-height:1.6;margin:0 0 12px}.trn31-context a{color:var(--blue);font-weight:700}
.trn31-sticky{position:sticky;top:90px;display:grid;gap:15px}.trn31-side-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px}.trn31-side-card.primary{background:#eff8ff}.trn31-side-card h2{font-size:21px;line-height:1.16;margin:0 0 10px}.trn31-side-links{display:grid}.trn31-side-links a{display:flex;justify-content:space-between;gap:10px;color:#244d6c;padding:10px 0;border-top:1px solid #eaf0f5;font-size:13px}.trn31-side-links a:first-child{border-top:0}.trn31-side-links strong{font-weight:600}.trn31-side-links b{color:var(--blue)}.trn31-side-links.compact a{padding:8px 0}.trn31-latest{display:grid}.trn31-latest a{padding:11px 0;border-top:1px solid #eaf0f5;color:inherit}.trn31-latest a:first-child{border-top:0}.trn31-latest small{display:block;color:#8294a4;font-size:11px;margin-bottom:3px}.trn31-latest strong{display:block;font-size:14px;line-height:1.28}.trn31-side-card.hotline{background:#fff8dd;border-color:#f0dc96}.trn31-side-card.hotline p{font-size:13px;line-height:1.5;color:#6f7e8b}.trn31-hotline{display:flex;min-height:42px;align-items:center;justify-content:center;background:var(--gold);border-radius:8px;color:#082846;font-weight:700}
.trn31-destinations{background:var(--soft);padding:44px 0}.trn31-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.trn31-section-head h2{font-size:31px;margin:0}.trn31-section-head p{margin:6px 0 0;color:var(--muted)}.trn31-section-head>a{color:var(--blue);font-weight:700}.trn31-destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trn31-destination-grid a{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;color:inherit}.trn31-destination-grid span{font-size:10px;letter-spacing:.1em;color:#6b879d}.trn31-destination-grid strong{display:block;font-size:17px;line-height:1.22;margin:5px 0 10px}.trn31-destination-grid small{color:var(--blue);font-weight:700}
.trn31-related{padding:48px 0}.trn31-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.trn31-related-grid article{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.trn31-related-media{display:block;aspect-ratio:16/10;background:#eef3f6;overflow:hidden}.trn31-related-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.trn31-related-grid article:hover img{transform:scale(1.025)}.trn31-related-grid article>div{padding:15px}.trn31-related-grid small{font-size:10px;color:var(--blue);letter-spacing:.08em}.trn31-related-grid h3{font-size:17px;line-height:1.24;margin:6px 0 8px}.trn31-related-grid h3 a{color:var(--ink)}.trn31-related-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.trn31-final{background:#07365f;color:#fff;padding:29px 0}.trn31-final .tr-shell{display:flex;align-items:center;justify-content:space-between;gap:22px}.trn31-final span{color:#9fd2f5}.trn31-final h2{font-size:28px;margin:0}
@media(max-width:1000px){.trn31-header{grid-template-columns:1fr 280px}.trn31-main{grid-template-columns:minmax(0,1fr) 270px}.trn31-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.trn31 .tr-shell{width:min(100% - 28px,1180px)}.trn31-header{grid-template-columns:1fr;gap:20px;padding-top:28px}.trn31-owner{max-width:560px}.trn31-main{grid-template-columns:1fr}.trn31-sticky{position:static}.trn31-sidebar{order:-1}.trn31-destination-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.trn31-header h1{font-size:39px}.trn31-lead{font-size:16px}.trn31-cover{margin-bottom:22px}.trn31-cover img{border-radius:12px}.trn31-toc{padding:17px}.trn31-toc-head{align-items:flex-start}.trn31-prose{font-size:16px}.trn31-prose h2{font-size:27px}.trn31-cta,.trn31-final .tr-shell,.trn31-section-head{flex-direction:column;align-items:flex-start}.trn31-actions{width:100%}.trn31-btn{flex:1}.trn31-destination-grid,.trn31-related-grid{grid-template-columns:1fr}.trn31-related{padding:36px 0}}
