/* Scoped magazine styling for this article only. */
.ttt-krabi-magazine{
  --ttt-ink:#173f49;--ttt-copy:#334f55;--ttt-muted:#62777b;--ttt-teal:#247985;--ttt-teal-dark:#15545d;
  --ttt-coral:#b86242;--ttt-coral-dark:#87432f;--ttt-aqua:#e8f6f4;--ttt-cream:#fff4df;--ttt-peach:#fce9df;
  --ttt-green:#eaf4ec;--ttt-line:#d6e3e2;--ttt-white:#fff;--ttt-shadow:0 18px 48px rgba(23,63,73,.10);
  display:block!important;width:100%!important;max-width:1180px!important;max-inline-size:1180px!important;
  margin:0 auto!important;padding:0 clamp(8px,2vw,22px)!important;
  color:var(--ttt-copy);background:transparent;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.72;
  box-sizing:border-box!important;overflow-x:hidden!important;overflow-wrap:anywhere;contain:layout style;
}
@supports (overflow:clip){.ttt-krabi-magazine{overflow-x:clip!important}}
.ttt-krabi-magazine,.ttt-krabi-magazine *{box-sizing:border-box!important;min-width:0}
.ttt-krabi-magazine>*{max-width:100%!important;max-inline-size:100%!important}
.ttt-krabi-magazine picture{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.ttt-krabi-magazine h1,.ttt-krabi-magazine h2,.ttt-krabi-magazine h3,.ttt-krabi-magazine th,
.ttt-krabi-magazine .ttt-hero-title,.ttt-krabi-magazine .ttt-component-title,.ttt-krabi-magazine .ttt-button,
.ttt-krabi-magazine .ttt-chip,.ttt-krabi-magazine .ttt-section-number,.ttt-krabi-magazine .ttt-card-label{
  font-family:Arial,Helvetica,sans-serif;
}
.ttt-krabi-magazine p{margin:0 0 18px}.ttt-krabi-magazine ul,.ttt-krabi-magazine ol{margin:0 0 22px 24px;padding:0}
.ttt-krabi-magazine li{margin:7px 0}.ttt-krabi-magazine a{color:#145eb8;text-decoration:underline;text-underline-offset:3px}
.ttt-krabi-magazine a:hover{color:#0f456f}.ttt-krabi-magazine h2{font-size:clamp(28px,3.2vw,40px);line-height:1.18;color:var(--ttt-ink);margin:0}
.ttt-krabi-magazine h3{font-size:clamp(21px,2vw,25px);line-height:1.28;color:#246570;margin:34px 0 12px}


.ttt-krabi-magazine .ttt-opening-spread,.ttt-krabi-magazine .ttt-guide-nav,
.ttt-krabi-magazine .ttt-summary-grid,.ttt-krabi-magazine .ttt-related,
.ttt-krabi-magazine .ttt-editorial-card,.ttt-krabi-magazine .table-wrap{
  max-inline-size:100%!important;
}
.ttt-krabi-magazine .ttt-responsive-image{inline-size:100%!important;max-inline-size:100%!important}

/* Hard image-width protection: works even when a theme adds alignwide or alignfull classes. */
.ttt-krabi-magazine figure,.ttt-krabi-magazine .wp-block-image,.ttt-krabi-magazine .alignwide,
.ttt-krabi-magazine .alignfull,.ttt-krabi-magazine figure.alignwide,.ttt-krabi-magazine figure.alignfull{
  display:block!important;width:100%!important;max-width:100%!important;max-inline-size:100%!important;
  margin-left:0!important;margin-right:0!important;overflow:hidden!important;box-sizing:border-box!important;
}
.ttt-krabi-magazine img,.ttt-krabi-magazine img.alignwide,.ttt-krabi-magazine img.alignfull,
.ttt-krabi-magazine .wp-block-image img{
  display:block!important;width:100%!important;max-width:100%!important;max-inline-size:100%!important;height:auto!important;
  margin-left:0!important;margin-right:0!important;object-fit:contain;box-sizing:border-box!important;
}

.ttt-krabi-magazine .ttt-hero-panel{
  position:relative;isolation:isolate;width:100%!important;max-width:100%!important;max-inline-size:100%!important;
  height:clamp(560px,62vw,710px);
  margin:0 0 12px;overflow:hidden!important;border-radius:30px;background:#173f49;box-shadow:var(--ttt-shadow);contain:layout paint;
}
.ttt-krabi-magazine .ttt-hero-image{
  position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important;
}
.ttt-krabi-magazine .ttt-hero-panel:after{
  content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,43,51,.05) 10%,rgba(12,43,51,.38) 48%,rgba(9,34,41,.96) 100%);
}
.ttt-krabi-magazine .ttt-hero-content{position:absolute;left:clamp(22px,5vw,64px);right:clamp(22px,5vw,64px);bottom:clamp(26px,5vw,60px);z-index:2;color:#fff;max-width:980px}
.ttt-krabi-magazine .ttt-hero-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 13px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(15,66,75,.78);font:700 12px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ttt-krabi-magazine .ttt-hero-title,.ttt-krabi-magazine h1.ttt-hero-title{max-width:940px;margin:0 0 14px;color:#fff;font-size:clamp(38px,5.4vw,68px);font-weight:800;letter-spacing:-.025em;line-height:1.02;text-shadow:0 3px 22px rgba(0,0,0,.45)}
.ttt-krabi-magazine .ttt-hero-subtitle{max-width:850px;margin:0 0 18px;color:#f4ffff;font:400 clamp(18px,2.2vw,24px)/1.45 Georgia,'Times New Roman',serif;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.ttt-krabi-magazine .ttt-hero-chips{display:flex;flex-wrap:wrap;gap:9px}.ttt-krabi-magazine .ttt-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.93);color:#173f49;font-size:13px;font-weight:700;line-height:1.25;box-shadow:0 4px 16px rgba(0,0,0,.13)}
.ttt-krabi-magazine .ttt-hero-caption{margin:0 8px 38px;color:var(--ttt-muted);font-size:14px;font-style:italic;line-height:1.45;text-align:center}

.ttt-krabi-magazine .ttt-opening-spread{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr);gap:26px;align-items:stretch;margin:0 0 22px}
.ttt-krabi-magazine .ttt-opening-copy{padding:10px 6px}.ttt-krabi-magazine .ttt-opening-copy p:first-child{font-size:21px;line-height:1.64;color:#2d4e55}
.ttt-krabi-magazine .ttt-quick-answer{align-self:stretch;margin:0;padding:26px 28px;border:1px solid #b8dbd6;border-left:7px solid var(--ttt-teal);border-radius:22px;background:linear-gradient(145deg,#e8f7f4,#fff);box-shadow:0 12px 30px rgba(36,121,133,.10)}
.ttt-krabi-magazine .ttt-component-kicker{margin:0 0 8px;color:var(--ttt-coral-dark);font:700 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.ttt-krabi-magazine .ttt-component-title{display:block;margin:0 0 12px;color:var(--ttt-ink);font-size:clamp(24px,2.4vw,31px);font-weight:800;line-height:1.18}
.ttt-krabi-magazine .ttt-quick-answer .ttt-answer-line{margin:0;color:#244c52;font-size:19px;line-height:1.62}
.ttt-krabi-magazine .ttt-disclosure{display:flex;gap:11px;align-items:flex-start;margin:18px 0 28px;padding:13px 17px;border:1px solid #d4e2e0;border-radius:14px;background:#f8fbfb;color:#526b70;font-size:14px;line-height:1.55}
.ttt-krabi-magazine .ttt-disclosure:before{content:"i";flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#dcefed;color:#235e66;text-align:center;font:700 14px/24px Arial,Helvetica,sans-serif}
.ttt-krabi-magazine .ttt-disclosure p{margin:0}

.ttt-krabi-magazine .ttt-guide-nav{margin:28px 0;padding:30px;border:1px solid #f0cfc1;border-radius:26px;background:linear-gradient(135deg,var(--ttt-cream),var(--ttt-peach));box-shadow:0 12px 34px rgba(141,77,46,.08)}
.ttt-krabi-magazine .ttt-guide-nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;counter-reset:ttt-nav;margin:18px 0 0;padding:0;list-style:none}
.ttt-krabi-magazine .ttt-guide-nav-list li{counter-increment:ttt-nav;margin:0}
.ttt-krabi-magazine .ttt-guide-nav-list a{display:grid;grid-template-columns:30px 1fr 18px;gap:8px;align-items:center;height:100%;padding:10px 11px;border-radius:13px;color:#384f53;text-decoration:none;background:rgba(255,255,255,.50);transition:transform .15s ease,background .15s ease}
.ttt-krabi-magazine .ttt-guide-nav-list a:before{content:counter(ttt-nav,decimal-leading-zero);color:var(--ttt-coral);font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em}
.ttt-krabi-magazine .ttt-guide-nav-list a:after{content:"↗";color:var(--ttt-teal);font:700 15px/1 Arial,Helvetica,sans-serif}
.ttt-krabi-magazine .ttt-guide-nav-list a:hover{transform:translateY(-1px);background:#fff}

.ttt-krabi-magazine .ttt-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:26px 0}
.ttt-krabi-magazine .ttt-summary-card{position:relative;min-height:190px;padding:22px 20px 20px;border:1px solid var(--ttt-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(23,63,73,.08)}
.ttt-krabi-magazine .ttt-summary-card:before{content:"✦";display:grid;place-items:center;width:34px;height:34px;margin-bottom:15px;border-radius:12px;background:var(--ttt-aqua);color:var(--ttt-teal);font:700 18px/1 Arial,Helvetica,sans-serif}
.ttt-krabi-magazine .ttt-summary-card:nth-child(even):before{background:#fbece5;color:var(--ttt-coral)}
.ttt-krabi-magazine .ttt-summary-card h3{margin:0 0 8px;color:var(--ttt-ink);font-size:19px;line-height:1.25}
.ttt-krabi-magazine .ttt-summary-card p{margin:0;font-size:15.5px;line-height:1.55;color:#50676b}

.ttt-krabi-magazine .ttt-related{margin:28px 0 36px;padding:27px 29px;border:1px solid #cfe0d3;border-radius:24px;background:linear-gradient(135deg,#edf7ef,#f8fcf8)}
.ttt-krabi-magazine .ttt-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:16px}
.ttt-krabi-magazine .ttt-related-link{display:block;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72);text-decoration:none;color:#305c43}
.ttt-krabi-magazine .ttt-related-link span{display:block}.ttt-krabi-magazine .ttt-related-link .ttt-related-name{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#28563d}
.ttt-krabi-magazine .ttt-related-link .ttt-related-note{margin-top:3px;color:#617467;font-size:14px;line-height:1.4}

.ttt-krabi-magazine .ttt-editorial-card{position:relative;width:100%;max-width:100%;margin:30px 0;padding:clamp(23px,4vw,42px);border:1px solid var(--ttt-line);border-left-width:7px;border-radius:24px;background:#fff;box-shadow:var(--ttt-shadow);overflow:hidden}
.ttt-krabi-magazine .ttt-editorial-card.ttt-accent-teal{border-left-color:var(--ttt-teal)}
.ttt-krabi-magazine .ttt-editorial-card.ttt-accent-coral{border-left-color:var(--ttt-coral)}
.ttt-krabi-magazine .ttt-section-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:start;margin:0 0 23px}
.ttt-krabi-magazine .ttt-section-number{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--ttt-teal);color:#fff;font-size:14px;font-weight:800;letter-spacing:.04em;box-shadow:0 7px 18px rgba(36,121,133,.23)}
.ttt-krabi-magazine .ttt-accent-coral .ttt-section-number{background:var(--ttt-coral);box-shadow:0 7px 18px rgba(184,98,66,.21)}
.ttt-krabi-magazine .ttt-editorial-card>p:last-child{margin-bottom:0}
.ttt-krabi-magazine .ttt-back{text-align:right;margin:18px 0 0;font-size:13px;font-family:Arial,Helvetica,sans-serif}
.ttt-krabi-magazine .ttt-back a{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f1f7f6;color:#2a656d;text-decoration:none}

.ttt-krabi-magazine .ttt-article-figure{width:100%!important;max-width:100%!important;margin:28px 0 38px!important;overflow:hidden!important;border-radius:21px;background:#eef4f3}
.ttt-krabi-magazine .ttt-article-figure img{border-radius:21px 21px 0 0!important}
.ttt-krabi-magazine figcaption{margin:0;padding:11px 15px 13px;background:#f5f9f8;color:#607275;font-size:14px;line-height:1.45}

.ttt-krabi-magazine .table-wrap{display:block;width:100%!important;max-width:100%!important;margin:24px 0 36px;border:1px solid #cddcdb;border-radius:18px;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:#fff;box-shadow:0 8px 24px rgba(23,63,73,.06)}
.ttt-krabi-magazine table{width:max(100%,760px)!important;max-width:none!important;margin:0!important;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:15.5px;line-height:1.45;background:#fff}
.ttt-krabi-magazine th{padding:15px 14px;background:linear-gradient(135deg,#155963,#2a8790);color:#fff;text-align:left;vertical-align:middle;font-weight:700}
.ttt-krabi-magazine th:first-child{border-top-left-radius:16px}.ttt-krabi-magazine th:last-child{border-top-right-radius:16px}
.ttt-krabi-magazine td{padding:15px 14px;border-top:1px solid #dce5e4;vertical-align:top;color:#3c555a;background:#fff}
.ttt-krabi-magazine tbody tr:hover td{background:#f7fbfa}

.ttt-krabi-magazine .box,.ttt-krabi-magazine .warning,.ttt-krabi-magazine .source-note,.ttt-krabi-magazine .affiliate{width:100%;max-width:100%;margin:26px 0;padding:23px 25px;border:1px solid var(--ttt-line);border-radius:18px}
.ttt-krabi-magazine .box{background:var(--ttt-aqua);border-left:6px solid var(--ttt-teal)}
.ttt-krabi-magazine .warning{background:#fff2e8;border-left:6px solid var(--ttt-coral)}
.ttt-krabi-magazine .source-note{background:#f1f7ef;border-left:6px solid #5d8569}
.ttt-krabi-magazine .affiliate{background:#fff8e8;border-color:#e7ca92;border-left:6px solid #d0a03c}
.ttt-krabi-magazine .box h3,.ttt-krabi-magazine .warning h3,.ttt-krabi-magazine .source-note h3,.ttt-krabi-magazine .affiliate h3{margin-top:0}
.ttt-krabi-magazine .ttt-button,.ttt-krabi-magazine .button{display:inline-block;margin:7px 8px 5px 0;padding:11px 17px;border-radius:999px;background:#1f6b73;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:700;line-height:1.3}
.ttt-krabi-magazine .ttt-button.secondary,.ttt-krabi-magazine .button.secondary{background:#a15a3a}
.ttt-krabi-magazine .proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
.ttt-krabi-magazine .proscons>div{padding:20px;border:1px solid var(--ttt-line);border-radius:17px}
.ttt-krabi-magazine .pros{background:#eef8f0}.ttt-krabi-magazine .cons{background:#fbf0ec}
.ttt-krabi-magazine .faq-item{padding:0 0 12px;border-bottom:1px solid #dce5e4}.ttt-krabi-magazine .faq-item:last-child{border-bottom:0}
.ttt-krabi-magazine .small{font-size:15px;color:#66777a}.ttt-krabi-magazine .source-list li{margin-bottom:12px}
.ttt-krabi-magazine .cite{margin-left:2px;font-size:.72em;vertical-align:super;text-decoration:none}.ttt-krabi-magazine .nowrap{white-space:nowrap}
.ttt-krabi-magazine .ttt-image-credit{margin:42px 5px 20px;color:#5c6c6f;font-size:14px;font-style:italic}
.ttt-krabi-magazine .ttt-author{margin-top:0;padding:30px;border-radius:24px;background:linear-gradient(135deg,#173f49,#235f68);color:#f5ffff;box-shadow:var(--ttt-shadow)}
.ttt-krabi-magazine .ttt-author h2{margin:0 0 13px;color:#fff;font-size:30px}.ttt-krabi-magazine .ttt-author p{margin:0}.ttt-krabi-magazine .ttt-author a{color:#c8f2f3}

@media(max-width:980px){
 .ttt-krabi-magazine .ttt-opening-spread{grid-template-columns:1fr}.ttt-krabi-magazine .ttt-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ttt-krabi-magazine .ttt-guide-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .ttt-krabi-magazine{padding:0 7px!important;font-size:17px;overflow-x:hidden!important;max-inline-size:100%!important}
 .ttt-krabi-magazine .ttt-hero-panel{height:610px;border-radius:22px}.ttt-krabi-magazine .ttt-hero-image{object-position:center center!important}
 .ttt-krabi-magazine .ttt-hero-content{left:19px;right:19px;bottom:24px}.ttt-krabi-magazine .ttt-hero-title,.ttt-krabi-magazine h1.ttt-hero-title{font-size:37px;line-height:1.04}
 .ttt-krabi-magazine .ttt-hero-subtitle{font-size:18px;line-height:1.4}.ttt-krabi-magazine .ttt-chip{font-size:12px}
 .ttt-krabi-magazine .ttt-opening-copy{padding:2px}.ttt-krabi-magazine .ttt-quick-answer{padding:22px 20px}
 .ttt-krabi-magazine .ttt-guide-nav{padding:23px 18px}.ttt-krabi-magazine .ttt-guide-nav-list{grid-template-columns:1fr}
 .ttt-krabi-magazine .ttt-summary-grid,.ttt-krabi-magazine .ttt-related-grid,.ttt-krabi-magazine .proscons{grid-template-columns:1fr}
 .ttt-krabi-magazine .ttt-summary-card{min-height:0}.ttt-krabi-magazine .ttt-editorial-card{padding:24px 18px;border-left-width:5px;border-radius:20px}
 .ttt-krabi-magazine .ttt-section-heading{grid-template-columns:42px minmax(0,1fr);gap:11px}.ttt-krabi-magazine .ttt-section-number{width:40px;height:40px;border-radius:13px}
 .ttt-krabi-magazine h2{font-size:29px}.ttt-krabi-magazine h3{font-size:21px}.ttt-krabi-magazine .table-wrap{border-radius:15px}
 .ttt-krabi-magazine table{width:700px!important;min-width:700px!important;font-size:14.5px}.ttt-krabi-magazine th,.ttt-krabi-magazine td{padding:13px 12px}
 .ttt-krabi-magazine .ttt-button,.ttt-krabi-magazine .button{display:block;width:100%;margin:9px 0;text-align:center}
 .ttt-krabi-magazine .box,.ttt-krabi-magazine .warning,.ttt-krabi-magazine .source-note,.ttt-krabi-magazine .affiliate{padding:21px 19px}
}
@media print{
 .ttt-krabi-magazine{max-width:none!important;padding:0!important;font-size:11pt;color:#203e45}
 .ttt-krabi-magazine .ttt-hero-panel{height:5.8in;box-shadow:none}.ttt-krabi-magazine .ttt-editorial-card{box-shadow:none;break-inside:auto}
 .ttt-krabi-magazine .ttt-back{display:none}.ttt-krabi-magazine .table-wrap{overflow:visible}.ttt-krabi-magazine table{width:100%!important;min-width:0!important}
}