:root{--ink:#153249;--accent:#076e78;--line:#d9e5e8;--muted:#516a79}body{max-width:1240px;padding:24px;background:#f5f8f9;color:var(--ink)}.skip-link{position:absolute;left:-10000px}.skip-link:focus{position:static;display:block;padding:12px}.platform-nav{display:flex;align-items:center;gap:22px;margin:0 0 24px;border-bottom:1px solid var(--line);padding-bottom:18px}.platform-nav .brand{background:transparent;font-weight:850;font-size:26px;line-height:1.1;padding:0;white-space:nowrap;color:var(--ink)}.brand small{font-size:11px;margin:6px 0 0;font-weight:500}.category-nav{display:flex;flex-wrap:wrap;gap:5px}.category-nav a{background:transparent;padding:10px 12px;font-size:14px;color:#385469;min-height:44px}.category-nav a:hover,.category-nav a[aria-current=page]{background:#e0eff0;color:#065b64}.hero{background:linear-gradient(125deg,#e8f4f1,#eff5fc);border:1px solid #c8dfe0;padding:34px}.hero h1{font-size:2.3rem;letter-spacing:-.04em;max-width:850px}.eyebrow{color:var(--accent);letter-spacing:.02em}.hero #search{padding:7px;background:white;border:1px solid #a5c4ca;box-shadow:0 5px 18px #1532490a;border-radius:10px;margin-top:25px}.hero input{border:0;padding:12px;background:transparent}.hero button{background:var(--accent);border-color:var(--accent)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-grid article{margin:0;border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff}.category-grid a{font-size:19px;font-weight:750;display:block;min-height:44px;color:var(--ink)}.category-grid p{font-size:14px;margin:4px 0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{margin:0;min-width:0;border-top:3px solid #589b9f}.product-card a{font-size:20px;font-weight:750;display:block;min-height:44px}.product-card>p:first-child{font-size:13px;color:var(--muted);margin:0}select{font:inherit;padding:10px;border:1px solid #93aab7;border-radius:6px;max-width:100%;background:white}select:focus-visible,input:focus-visible{outline:3px solid #368b97;outline-offset:2px}section>label{margin:14px 0}.notice.compact{font-size:13px;padding:9px 12px}.category-overview{background:transparent;border:0;padding:0}.category-overview h2{margin-top:28px}.future-business{font-size:13px;border-top:1px solid var(--line);padding:18px 0;color:var(--muted)}.future-business summary{font-weight:500}.product-card,.category-grid article{overflow-wrap:anywhere}#main a{min-height:44px}#main>section> a{display:block;padding:8px 0}.summary-grid{margin-top:18px}.category-nav a:focus-visible{outline-offset:0}.detail-page .hero{padding:12px 18px}.detail-page .hero h1{max-width:none}.detail-page .hero #search{padding:3px}
@media(max-width:800px){.platform-nav{display:block}.platform-nav .brand{display:block;margin-bottom:16px}.category-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:1.9rem}}
@media(max-width:480px){body{padding:12px;font-size:16px}.platform-nav{margin-bottom:14px;padding-bottom:12px}.category-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.category-nav a{font-size:13px;padding:9px 8px;display:flex;align-items:center;justify-content:center;background:#eaf1f4}.hero{padding:19px}.hero h1{font-size:1.65rem}.hero #search{display:flex;flex-wrap:nowrap;padding:3px}.hero #search input{flex:1;flex-basis:0;padding:10px 5px;font-size:14px;min-width:0}.hero #search button{flex:0 0 auto;min-width:60px;padding:10px}.category-grid,.product-grid{grid-template-columns:1fr}.category-grid article{padding:16px}.summary-grid article{padding:14px}section{padding:14px}table{font-size:14px}.product-card a{font-size:19px}.category-grid p{line-height:1.6}.future-business{font-size:12px}}
/* UI52: fluid containers, compact mobile intro and source-backed home priorities. */
body{width:100%;min-width:0}main,.hero,.platform-nav,.category-nav,.category-grid,.product-grid,.summary-grid,.comparison-grid{min-width:0;max-width:100%}.category-grid>*,.product-grid>*,.summary-grid>*,.comparison-grid>*{min-width:0}.hero #search{width:100%;min-width:0}.hero #search input{width:0;min-width:0}.category-nav a,.category-grid a{word-break:keep-all;overflow-wrap:break-word}.home-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.home-section-header h2{margin:0}.home-section-header>a{min-height:44px;padding:8px 0}.home-equipment,.home-design{border-color:#c9dfe0}.home-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-design-grid article{min-width:0;margin:0;padding:14px}.home-design-grid a{display:block;overflow-wrap:anywhere}.procurement-steps{display:flex;flex-wrap:wrap;gap:6px 18px;padding-left:22px;font-size:14px;color:#516a79}.research-shelf{background:white;border:1px solid #d4dfe6;border-radius:10px;padding:14px;margin:16px 0}.research-shelf>summary{min-height:44px}.home-equipment .product-grid{margin-top:14px}
@media(max-width:800px){.home-design-grid{grid-template-columns:1fr}.hero h1{max-width:100%;word-break:keep-all;overflow-wrap:break-word}}
@media(max-width:480px){.platform-nav .brand{display:flex;gap:10px;align-items:baseline;font-size:23px;margin-bottom:10px}.platform-nav .brand small{display:inline;margin:0;font-size:10px}.category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.category-nav a{font-size:13px;padding:7px 6px;min-height:44px;line-height:1.35}.hero{padding:14px}.hero h1{font-size:1.35rem;line-height:1.35;margin:8px 0;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word}.hero>.eyebrow{font-size:12px;margin:0}.hero>p{font-size:14px;line-height:1.5;margin:8px 0}.hero #search{margin:12px 0 8px;gap:4px}.hero #search input{padding:10px 5px;font-size:14px;flex:1 1 0}.hero #search button{font-size:14px;min-width:54px;min-height:44px;padding:8px}.hero>.journey{font-size:11px;line-height:1.5;margin:8px 0 0}.category-overview h2{font-size:1.15rem;margin:12px 0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-grid article{padding:12px}.category-grid a{font-size:14px;line-height:1.5;min-height:36px}.category-grid p{font-size:12px;line-height:1.5;margin:2px 0}.category-grid .badge{font-size:10px;padding:3px 5px;margin:4px 0 0}.home-equipment,.home-design{padding:14px}.home-section-header h2{font-size:1.15rem}.home-equipment .product-grid{grid-template-columns:1fr}.procurement-steps{font-size:12px;line-height:1.5;gap:3px 12px}.notice.compact{font-size:12px;line-height:1.5}.research-shelf{padding:12px}.detail-page .hero h1{font-size:1rem}}



/* KRI PUBLIC BETA UI REFINEMENT */
html { scroll-behavior: smooth; }

body {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.platform-nav {
  background: rgba(255,255,255,.92);
  border-radius: 12px;
  padding: 14px 18px;
}

.hero {
  border-radius: 16px;
  box-shadow: 0 8px 28px rgba(21,50,73,.05);
}

.hero h1 {
  line-height: 1.3;
  word-break: keep-all;
}

.hero #search {
  max-width: 900px;
}

.hero #search button {
  cursor: pointer;
  font-weight: 700;
}

.category-grid article,
.product-card {
  transition: box-shadow .2s ease, transform .2s ease;
}

@media (hover:hover) {
  .category-grid article:hover,
  .product-card:hover {
    box-shadow: 0 8px 24px rgba(21,50,73,.08);
    transform: translateY(-2px);
  }
}

@media (max-width:480px) {
  .platform-nav { padding: 12px; }
  .hero { border-radius: 12px; }
  .hero h1 { font-size: 1.45rem; }
  .hero #search { max-width: 100%; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .category-grid article,
  .product-card { transition: none; }
}