:root{--tt-max:1440px;--tt-gap:clamp(18px,4vw,64px);--tt-card:minmax(0,1fr)}
body.tech-tips-page{overflow-x:hidden}
.tt-wrap{width:min(var(--tt-max),calc(100% - (var(--tt-gap)*2)));margin-inline:auto}
.tt-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hair);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--bg)) 0%,var(--bg) 52%,color-mix(in srgb,#03b8d8 7%,var(--bg)) 100%)}
.tt-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:54px;min-height:620px;padding-block:76px}
.tt-kicker,.tt-meta{font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.tt-hero h1,.tt-category-hero h1,.tt-article h1{font-family:var(--font-display);font-weight:900;text-transform:uppercase;color:var(--text-strong);letter-spacing:-.04em;line-height:.98}
.tt-hero h1{font-size:clamp(42px,6vw,82px);margin-top:20px}.tt-hero h1 span{color:var(--accent)}
.tt-lead{font-size:clamp(17px,1.7vw,22px);line-height:1.65;color:var(--sub);max-width:65ch;margin-top:24px}
.tt-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.tt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border:1px solid var(--line);font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-strong);background:var(--surface);transition:.2s}.tt-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.tt-btn--primary{background:var(--accent);border-color:var(--accent);color:#090a0d}
.tt-hero-media{position:relative;min-height:470px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
.tt-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.tt-hero-media:after{content:"110 FIELD TIPS";position:absolute;left:18px;bottom:18px;padding:10px 12px;background:rgba(8,9,13,.88);border:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.12em}
.tt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:-1px}.tt-stat{padding:24px;background:var(--surface)}.tt-stat strong{display:block;font-family:var(--font-display);font-size:34px;color:var(--accent)}.tt-stat span{font-family:var(--font-ui);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.tt-section{padding-block:72px}.tt-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.tt-section h2{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);text-transform:uppercase;color:var(--text-strong);letter-spacing:-.03em}.tt-section-head p{max-width:55ch;color:var(--sub)}
.tt-search-panel{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;border:1px solid var(--line);background:var(--surface);margin-bottom:20px}.tt-search-panel input{min-width:0;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:14px 16px;font:14px var(--font-body)}.tt-search-panel input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}
.tt-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.tt-filter{border:1px solid var(--line);background:var(--surface);color:var(--sub);font:800 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;cursor:pointer}.tt-filter:hover,.tt-filter.active{color:#090a0d;background:var(--accent);border-color:var(--accent)}
.tt-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.tt-category-card{position:relative;display:flex;min-height:250px;overflow:hidden;border:1px solid var(--line);background:var(--surface);color:#fff}.tt-category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.54)}.tt-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(7,8,11,.92) 100%)}.tt-category-card-content{position:relative;z-index:1;align-self:end;padding:20px}.tt-category-card b{display:block;font-family:var(--font-display);font-size:18px;text-transform:uppercase;line-height:1.15}.tt-category-card span{display:block;margin-top:8px;font:700 10px var(--font-ui);letter-spacing:.1em;color:#ff6b00}.tt-category-card:hover img{transform:scale(1.04)}.tt-category-card img{transition:transform .35s}
.tt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tt-card[hidden]{display:none!important}.tt-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--surface);transition:.2s}.tt-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:var(--shadow)}.tt-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#111}.tt-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);transition:transform .35s}.tt-card:hover .tt-card-media img{transform:scale(1.035)}.tt-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.tt-card h3{font-family:var(--font-display);font-size:18px;line-height:1.2;text-transform:uppercase;color:var(--text-strong)}.tt-card p{color:var(--sub);font-size:13.5px;line-height:1.65;margin-top:12px}.tt-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;font:700 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.tt-empty{display:none;padding:32px;border:1px dashed var(--line);text-align:center;color:var(--sub)}
.tt-category-hero{padding-block:64px 44px;border-bottom:1px solid var(--hair)}.tt-category-hero-grid{display:grid;grid-template-columns:1fr 460px;gap:44px;align-items:center}.tt-category-hero h1{font-size:clamp(38px,5vw,68px);margin-top:18px}.tt-category-image{aspect-ratio:16/9;border:1px solid var(--line);overflow:hidden}.tt-category-image img{width:100%;height:100%;object-fit:cover}
.tt-breadcrumbs{font:700 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sub);padding-block:18px}.tt-breadcrumbs a{color:var(--accent)}
.tt-article{max-width:1040px;margin-inline:auto;padding-bottom:72px}.tt-article-head{display:grid;grid-template-columns:1fr 390px;gap:40px;align-items:start;padding-block:32px 42px}.tt-article h1{font-size:clamp(38px,5.6vw,72px);margin-top:15px}.tt-article-summary{font-size:19px;color:var(--sub);line-height:1.7;margin-top:22px}.tt-article-image{aspect-ratio:4/3;border:1px solid var(--line);overflow:hidden}.tt-article-image img{width:100%;height:100%;object-fit:cover}.tt-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px}.tt-prose{font-size:16px;line-height:1.8;color:var(--text)}.tt-prose h2{font-family:var(--font-display);font-size:26px;text-transform:uppercase;color:var(--text-strong);margin:40px 0 14px}.tt-prose h2:first-child{margin-top:0}.tt-prose p+p{margin-top:16px}.tt-checklist{display:grid;gap:10px;margin-top:16px}.tt-check{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid var(--line);background:var(--surface)}.tt-check b{font-family:var(--font-display);color:var(--accent)}.tt-callout{border-left:4px solid var(--accent);background:var(--surface);padding:18px 20px;margin-top:22px}.tt-callout strong{display:block;font-family:var(--font-ui);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}
.tt-side{display:grid;gap:16px;align-content:start;position:sticky;top:24px}.tt-side-box{border:1px solid var(--line);background:var(--surface);padding:18px}.tt-side-box h2{font:800 11px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.tt-side-box a{display:block;color:var(--text);font-size:13px;padding:9px 0;border-top:1px solid var(--hair)}.tt-side-box a:first-of-type{border-top:0}.tt-tag-list{display:flex;gap:6px;flex-wrap:wrap}.tt-tag{font:700 9px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--sub);border:1px solid var(--line);padding:6px 8px}
.tt-safety-banner{border:1px solid color-mix(in srgb,#f2b84b 55%,var(--line));background:color-mix(in srgb,#f2b84b 8%,var(--surface));padding:18px 20px;margin-bottom:30px}.tt-safety-banner strong{font:800 11px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#d98c00}.tt-safety-banner p{font-size:13.5px;color:var(--sub);margin-top:8px}
.tt-source-list{display:grid;gap:12px}.tt-source-list a{padding:14px;border:1px solid var(--line);background:var(--surface);color:var(--text)}
@media(max-width:1180px){.tt-category-grid{grid-template-columns:repeat(3,1fr)}.tt-grid{grid-template-columns:repeat(2,1fr)}.tt-hero-grid{grid-template-columns:1fr 420px}.tt-category-hero-grid{grid-template-columns:1fr 360px}}
@media(max-width:820px){.tt-hero-grid,.tt-category-hero-grid,.tt-article-head,.tt-article-layout{grid-template-columns:1fr}.tt-hero-grid{min-height:auto;padding-block:52px}.tt-hero-media{min-height:360px}.tt-category-grid{grid-template-columns:repeat(2,1fr)}.tt-stats{grid-template-columns:repeat(2,1fr)}.tt-side{position:static}.tt-section-head{align-items:start;flex-direction:column}.tt-search-panel{grid-template-columns:1fr}}
@media(max-width:560px){.tt-wrap{width:calc(100% - 36px)}.tt-grid,.tt-category-grid{grid-template-columns:1fr}.tt-hero h1{font-size:42px}.tt-category-hero h1,.tt-article h1{font-size:38px}.tt-hero-media{min-height:270px}.tt-stats{grid-template-columns:1fr 1fr}.tt-stat{padding:18px}.tt-hero-actions .tt-btn{width:100%}.tt-card-body{padding:18px}.tt-section{padding-block:52px}}

/* v1.0.2 card cleanup: text-first cards, no icon or thumbnail media. */
.tt-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.tt-category-card{
  position:relative;
  display:block;
  min-height:260px;
  overflow:hidden;
  border:1px solid var(--line);
  border-top:3px solid var(--accent);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px),
    linear-gradient(color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px),
    linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface) 58%);
  background-size:36px 36px,36px 36px,auto;
  color:var(--text-strong);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.tt-category-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 18%,transparent),color-mix(in srgb,var(--surface) 93%,transparent) 72%);
}
.tt-category-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--accent) 65%,var(--line));
  box-shadow:var(--shadow);
}
.tt-category-card-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:257px;
  padding:24px;
}
.tt-category-card-number{
  display:block;
  margin:0 0 34px;
  font:800 11px var(--font-ui);
  letter-spacing:.14em;
  color:var(--accent);
}
.tt-category-card b{
  display:block;
  max-width:18ch;
  margin:0;
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.18;
  text-transform:uppercase;
  color:var(--text-strong);
}
.tt-category-card-description{
  display:block;
  margin:14px 0 22px;
  font:400 13px/1.65 var(--font-body);
  letter-spacing:0;
  text-transform:none;
  color:var(--sub);
}
.tt-category-card-count{
  display:block;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--hair);
  width:100%;
  font:800 10px var(--font-ui);
  letter-spacing:.1em;
  color:var(--accent);
}

.tt-grid{
  align-items:stretch;
  grid-auto-rows:1fr;
}
.tt-card{
  position:relative;
  min-height:278px;
  border-top:3px solid color-mix(in srgb,var(--accent) 78%,var(--line));
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface) 92px);
}
.tt-card-media{display:none!important}
.tt-card-body{
  min-height:275px;
  padding:24px;
}
.tt-card .tt-meta{
  min-height:1.4em;
  margin-bottom:16px;
}
.tt-card h3{
  min-height:4.35em;
  margin:0;
  font-size:19px;
  line-height:1.22;
}
.tt-card p{
  margin-top:16px;
}
.tt-card-foot{
  width:100%;
  border-top:1px solid var(--hair);
}

@media(max-width:1180px){
  .tt-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .tt-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-category-card,.tt-category-card-content{min-height:245px}
}
@media(max-width:560px){
  .tt-category-grid{grid-template-columns:1fr}
  .tt-category-card,.tt-category-card-content{min-height:auto}
  .tt-category-card-number{margin-bottom:26px}
  .tt-card,.tt-card-body{min-height:auto}
  .tt-card h3{min-height:auto}
}

/* v1.0.2 alignment refinement */
.tt-category-card,
.tt-category-card-content{min-height:300px}
.tt-category-card-content{padding:26px}
.tt-category-card .tt-category-card-number{
  margin:0 0 24px;
  font:800 11px/1 var(--font-ui);
  letter-spacing:.14em;
  color:var(--accent);
}
.tt-category-card b{
  min-height:3.55em;
  max-width:none;
  font-size:20px;
  line-height:1.18;
  color:var(--text-strong);
}
.tt-category-card .tt-category-card-description{
  min-height:6.2em;
  margin:14px 0 20px;
  font:400 13.5px/1.55 var(--font-body);
  letter-spacing:0;
  text-transform:none;
  color:var(--sub);
}
.tt-category-card .tt-category-card-count{
  width:100%;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--hair);
  font:800 10px/1.3 var(--font-ui);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--accent);
}
@media(max-width:820px){
  .tt-category-card,.tt-category-card-content{min-height:285px}
}
@media(max-width:560px){
  .tt-category-card,.tt-category-card-content{min-height:auto}
  .tt-category-card b,.tt-category-card .tt-category-card-description{min-height:auto}
}


/* v3.2.6 live integration: text-first cards, no decorative card or article artwork. */
.tt-category-card img,
.tt-card-media,
.tt-card-media img,
.tt-category-image,
.tt-category-image img,
.tt-article-image,
.tt-article-image img{display:none!important}

.tt-category-hero-grid,
.tt-article-head{grid-template-columns:minmax(0,1fr)!important}

.tt-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.tt-category-card{
  min-height:292px!important;
  border-top:3px solid var(--accent)!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px),
    linear-gradient(color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px),
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface) 105px)!important;
  background-size:34px 34px,34px 34px,auto!important;
}
.tt-category-card::after{display:none!important}
.tt-category-card-content{
  min-height:289px!important;
  padding:26px!important;
}
.tt-category-card-number{
  margin:0 0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  min-height:28px!important;
  border:1px solid color-mix(in srgb,var(--accent) 80%,var(--line))!important;
  color:var(--accent)!important;
}
.tt-category-card b{
  min-height:3.5em!important;
  max-width:none!important;
  font-size:18px!important;
  line-height:1.18!important;
}
.tt-category-card-description{
  min-height:5.9em!important;
  margin:14px 0 18px!important;
}
.tt-category-card-count{
  display:block!important;
  width:100%!important;
  margin-top:auto!important;
  padding-top:16px!important;
  border-top:1px solid var(--hair)!important;
}
.tt-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px!important;
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
.tt-card{
  min-height:0!important;
  border-top:3px solid color-mix(in srgb,var(--accent) 78%,var(--line))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface) 96px)!important;
}
.tt-card-body{min-height:248px!important;padding:24px!important}
.tt-card .tt-meta{display:block!important;min-height:auto!important;margin-bottom:14px!important}
.tt-card h3{min-height:4.1em!important;margin:0!important;font-size:18px!important;line-height:1.18!important}
.tt-card p{margin-top:14px!important}
.tt-card-foot{width:100%!important;margin-top:auto!important;padding-top:18px!important;border-top:1px solid var(--hair)!important}
.tt-article{max-width:1180px!important}
.tt-article-head{padding-block:28px 36px!important}
.tt-article h1{max-width:15ch}
@media(max-width:1180px){.tt-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.tt-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tt-category-card,.tt-category-card-content{min-height:272px!important}}
@media(max-width:560px){.tt-category-grid,.tt-grid{grid-template-columns:1fr!important}.tt-category-card,.tt-category-card-content,.tt-card-body{min-height:auto!important}.tt-category-card b,.tt-category-card-description,.tt-card h3{min-height:auto!important}}