/* Scope sizing to prevent 100%-width links with padding overflowing on mobile. */
.tjs-site .tj7-guide,.tjs-site .tj7-guide *,.tjs-site .tj7-footer-guide,.tjs-site .tj7-footer-guide *{box-sizing:border-box}
/* TrakyaJet Guide Hub V5.6 — scoped styles, no decorative oversized banners */
.tjs-site .tj7-guide{background:#f3f7fb;padding:84px 0 88px;position:relative;isolation:isolate}
.tjs-site .tj7-guide--home{background:linear-gradient(160deg,#e9f3fa 0%,#f7fafe 52%,#eef4fa 100%)}
.tjs-site .tj7-guide--detail{padding:68px 0 75px;background:#f6f9fc}
.tjs-site .tj7-guide-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;min-width:0}
.tjs-site .tj7-guide-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}
.tjs-site .tj7-guide-top>div{max-width:760px}
.tjs-site .tj7-guide-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:.14em;color:#af2840;margin-bottom:17px}
.tjs-site .tj7-guide-dot{width:21px;height:3px;border-radius:3px;background:#e72c44}
.tjs-site .tj7-guide-top h2{font-size:clamp(29px,3.3vw,48px)!important;font-weight:850!important;line-height:1.14!important;letter-spacing:-.046em!important;color:#102f4c!important;margin:0 0 15px!important}
.tjs-site .tj7-guide-top h2 em{font-style:normal;color:#dc2c3f}
.tjs-site .tj7-guide-top p{font-size:15px!important;line-height:1.8!important;color:#58718a!important;margin:0!important;max-width:630px}
.tjs-site .tj7-guide-all{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 18px;border-radius:11px;border:1px solid #cbdce9;background:#fff;color:#173a5a!important;font-size:13px;font-weight:850;white-space:nowrap;flex-shrink:0;min-height:48px}
.tjs-site .tj7-guide-all span{color:#dc2d40;font-size:18px}
.tjs-site .tj7-guide-all:hover{border-color:#8eafca;box-shadow:0 7px 20px #0c345d0f}
.tjs-site .tj7-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.tjs-site .tj7-guide-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.tjs-site .tj7-guide-grid.is-one{grid-template-columns:minmax(0,680px)}
.tjs-site .tj7-guide-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:17px;border:1px solid #dbe7f1;background:#fff;box-shadow:0 15px 35px #1336500b;transition:box-shadow .22s ease,transform .22s ease}
.tjs-site .tj7-guide-card:hover{box-shadow:0 18px 42px #173d601c;transform:translateY(-2px)}
.tjs-site .tj7-guide-cover{height:205px;display:block;overflow:hidden;background:#dbeaf4;position:relative;flex:none}
.tjs-site .tj7-guide-image{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .25s ease}
.tjs-site .tj7-guide-card:hover .tj7-guide-image{transform:scale(1.035)}
.tjs-site .tj7-guide-card-body{padding:26px 25px 25px;display:flex;flex:1;flex-direction:column;align-items:start}
.tjs-site .tj7-guide-meta{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:750;letter-spacing:.015em;color:#71869b}
.tjs-site .tj7-guide-meta span:nth-child(2){color:#ce3545}
.tjs-site .tj7-guide-card h3{font-weight:850!important;color:#133b5a!important;font-size:clamp(19px,1.8vw,23px)!important;line-height:1.3!important;letter-spacing:-.032em!important;margin:13px 0 11px!important}
.tjs-site .tj7-guide-card h3 a{color:inherit!important;text-decoration:none!important}
.tjs-site .tj7-guide-card h3 a:hover{color:#d7293d!important}
.tjs-site .tj7-guide-card p{font-size:13.5px!important;line-height:1.75!important;color:#60758a!important;margin:0 0 18px!important}
.tjs-site .tj7-guide-read{text-decoration:none!important;display:flex;justify-content:space-between;gap:28px;width:100%;align-items:center;margin-top:auto;color:#bb2e40!important;font-size:12px;font-weight:850}
.tjs-site .tj7-guide-read span{font-size:20px}
.tjs-site .tj7-guide--home .tj7-guide-grid:not(.is-one):not(.is-two){grid-template-columns:1.25fr 1fr 1fr}
.tjs-site .tj7-guide--home .tj7-guide-feature{box-shadow:0 18px 46px #13365013}
.tjs-site .tj7-guide--home .tj7-guide-feature .tj7-guide-cover{height:240px}
.tjs-site .tj7-guide--detail .tj7-guide-cover{height:160px}
.tjs-site .tj7-guide--detail .tj7-guide-card h3{font-size:20px!important}
.tjs-site .tj7-guide-empty{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.tjs-site .tj7-guide-empty>div{min-height:110px;background:#fff;border:1px solid #dbe6ef;border-radius:14px;padding:21px;display:flex;gap:15px;align-items:start}
.tjs-site .tj7-guide-empty>div span{font-size:22px;color:#d22e40;font-weight:900}
.tjs-site .tj7-guide-empty strong{font-size:14px;color:#254862;line-height:1.6}
.tjs-site .tj7-guide-empty>p{grid-column:1/-1;font-size:13px;color:#71879a;margin:2px 0 0}
/* A featured mini-magazine strip inside the existing dark footer */
.tjs-site .tj7-footer-guide{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,2fr);gap:35px;padding:27px 0;margin:8px 0 30px;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;color:#fff}
.tjs-site .tj7-footer-guide-title{display:flex;flex-direction:column;gap:7px}
.tjs-site .tj7-footer-guide-title>span{color:#8baecb;font-size:10px;letter-spacing:.12em;font-weight:850}
.tjs-site .tj7-footer-guide-title>strong{color:#fff;font-size:21px;font-weight:850}
.tjs-site .tj7-footer-guide-title>a{text-decoration:none!important;color:#f7a2ad!important;font-size:12px;font-weight:800;margin-top:7px}
.tjs-site .tj7-footer-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:center}
.tjs-site .tj7-footer-guide-list a{text-decoration:none!important;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:68px;color:#e7f0f9!important;background:#ffffff0d;border:1px solid #ffffff26;border-radius:11px;padding:15px 18px;font-size:13px;font-weight:750;line-height:1.5}
.tjs-site .tj7-footer-guide-list a span{color:#f36b7c;flex:none;font-size:19px}
.tjs-site .tj7-footer-guide-list a:hover{background:#ffffff1c}
.tjs-site .tj7-footer-guide-list>span{color:#a9bfce;font-size:13px}
.tjs-site .tj7-guide a:focus-visible,.tjs-site .tj7-footer-guide a:focus-visible{outline:3px solid #e13b4e;outline-offset:3px}
@media(max-width:900px){
.tjs-site .tj7-guide-grid,.tjs-site .tj7-guide--home .tj7-guide-grid:not(.is-one):not(.is-two){grid-template-columns:repeat(2,minmax(0,1fr))}
.tjs-site .tj7-guide-top{align-items:start;flex-direction:column;gap:20px}
.tjs-site .tj7-footer-guide{grid-template-columns:1fr;gap:20px}
}
@media(max-width:620px){
.tjs-site .tj7-guide{padding:54px 0 60px}
.tjs-site .tj7-guide-inner{width:calc(100% - 32px)}
.tjs-site .tj7-guide-top{gap:16px;margin-bottom:22px}
.tjs-site .tj7-guide-top h2{font-size:clamp(30px,9vw,39px)!important}
.tjs-site .tj7-guide-top p{font-size:14px!important}
.tjs-site .tj7-guide-all{width:100%;justify-content:space-between}
.tjs-site .tj7-guide-grid,.tjs-site .tj7-guide-grid.is-two,.tjs-site .tj7-guide-grid.is-one,.tjs-site .tj7-guide--home .tj7-guide-grid:not(.is-one):not(.is-two),.tjs-site .tj7-guide-empty{grid-template-columns:minmax(0,1fr)}
.tjs-site .tj7-guide-cover,.tjs-site .tj7-guide--home .tj7-guide-feature .tj7-guide-cover{height:205px}
.tjs-site .tj7-guide-card-body{padding:22px 21px}
.tjs-site .tj7-guide-empty>p{grid-column:auto}
.tjs-site .tj7-footer-guide{padding:24px 0;margin-bottom:18px}
.tjs-site .tj7-footer-guide-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.tjs-site .tj7-guide-card,.tjs-site .tj7-guide-image{transition:none}}