/* Static crawlable catalog pages for Hikari Tractors Indonesia. */
:root{--ink:#171717;--muted:#626262;--line:#dedede;--soft:#f6f6f4;--orange:#f26a21;--orange-dark:#c94f0f;--max:1160px}
*{box-sizing:border-box}
html{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body{margin:0;line-height:1.55;background:#fff}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.seo-container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.seo-header{border-bottom:1px solid var(--line);background:#fff}
.seo-header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.seo-brand{font-size:15px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.seo-brand span{color:var(--orange);font-size:10px;letter-spacing:.12em;margin-left:4px}
.seo-header nav{display:flex;align-items:center;gap:20px;font-size:13px;color:#444}
.seo-header nav a:hover{color:var(--orange-dark)}
.seo-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#707070;font-size:12px;padding:22px 0 8px}
.seo-breadcrumbs a{color:#4d4d4d}
.seo-hero{padding:38px 0 34px;border-bottom:1px solid var(--line);max-width:920px}
.seo-hero-compact{padding-top:24px}
.seo-kicker{margin:0 0 9px;color:var(--orange-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{max-width:920px;margin:0 0 15px;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.035em}
h2{margin:0 0 16px;font-size:25px;line-height:1.18;letter-spacing:-.02em}
h3{margin:0 0 9px;font-size:18px}
.seo-hero p:not(.seo-kicker){max-width:820px;margin:0;color:#555;font-size:17px}
.seo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #bcbcbc;border-radius:4px;background:#fff;color:#242424;font-size:12px;font-weight:700}
.seo-button:hover{text-decoration:none;border-color:var(--orange);color:var(--orange-dark)}
.seo-button-primary{border-color:var(--orange);background:var(--orange);color:#fff}
.seo-button-primary:hover{background:var(--orange-dark);color:#fff}
.seo-button-block{width:100%;margin-top:12px}
.seo-section{padding:36px 0;border-bottom:1px solid var(--line)}
.seo-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.seo-section-heading>p{max-width:470px;margin:0;color:var(--muted);font-size:14px}
.seo-model-list,.seo-diagram-list,.seo-related-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.seo-model-list li,.seo-diagram-list li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid #ececec}
.seo-model-list a,.seo-diagram-list a{font-weight:700;color:#252525}
.seo-model-list a:hover,.seo-diagram-list a:hover{color:var(--orange-dark)}
.seo-model-list span,.seo-diagram-list span{color:#777;font-size:12px}
.seo-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.seo-related-list li{padding:8px 0;color:#444;font-size:14px}
.seo-related-list a{color:var(--orange-dark);font-weight:700}
.seo-two-column{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}
.seo-aside{margin-top:36px;padding:20px;border:1px solid var(--line);background:var(--soft)}
.seo-aside h2{font-size:20px}
.seo-aside dl{margin:0 0 14px}
.seo-aside dt{margin-top:9px;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.seo-aside dd{margin:1px 0 0;font-weight:700;font-size:14px}
.seo-aside p{font-size:13px;color:#555}
.seo-table-wrap{overflow-x:auto;border:1px solid var(--line)}
.seo-parts{width:100%;border-collapse:collapse;min-width:690px;background:#fff;font-size:13px}
.seo-parts th{padding:10px 11px;background:#222;color:#fff;text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.seo-parts td{padding:10px 11px;border-bottom:1px solid #ececec;vertical-align:top}
.seo-parts tr:last-child td{border-bottom:0}
.seo-parts td a{color:var(--orange-dark)}
.seo-parts td a:hover{text-decoration:underline}
.seo-parts td:nth-child(1),.seo-parts td:nth-child(4){white-space:nowrap;color:#555}
.seo-note{margin:28px 0 42px;padding:16px 18px;border-left:3px solid var(--orange);background:#fff8f3;color:#555;font-size:13px}
.seo-footer{border-top:1px solid var(--line);background:#f4f4f2;margin-top:20px}
.seo-footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;padding:30px 0 22px}
.seo-footer strong{font-size:14px}
.seo-footer p{max-width:580px;color:#666;font-size:13px;margin:8px 0 0}
.seo-footer a{display:block;color:#555;font-size:13px;margin-top:7px}
.seo-footer a:hover{color:var(--orange-dark)}
.seo-disclosure{border-top:1px solid #ddd;padding:14px 0 24px;color:#777;font-size:11px}
@media (max-width:760px){
  .seo-container{width:min(var(--max),calc(100% - 28px))}
  .seo-header-inner{align-items:flex-start;flex-direction:column;padding:17px 0 14px;gap:12px}
  .seo-header nav{gap:12px;overflow-x:auto;max-width:100%;padding-bottom:2px;white-space:nowrap}
  .seo-breadcrumbs{padding-top:16px}
  .seo-hero{padding:25px 0 27px}
  h1{font-size:34px}
  .seo-hero p:not(.seo-kicker){font-size:15px}
  .seo-section{padding:27px 0}
  .seo-section-heading{display:block}
  .seo-section-heading>p{margin-top:9px}
  .seo-model-list,.seo-diagram-list,.seo-related-list{grid-template-columns:1fr}
  .seo-two-column{display:block}
  .seo-aside{margin-top:0;margin-bottom:26px}
  .seo-footer-grid{grid-template-columns:1fr;gap:22px}
}