*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#24392c;font:17px/1.85 -apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #967b40;outline-offset:5px}header{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-bottom:1px solid #d8ddd4}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:23px;letter-spacing:.14em}.brand img{width:44px;height:50px;object-fit:contain}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}main{max-width:1160px;margin:auto;padding:36px 32px 70px}.crumb{font-size:13px;color:#68766a;margin-bottom:36px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#6d776b}h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(32px,4vw,53px);line-height:1.35;font-weight:400;margin:12px 0 24px}h2{font-size:28px;font-weight:500;line-height:1.45}h3{font-size:21px;font-weight:500}.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hero img{width:100%;height:390px;object-fit:cover;border-radius:4px}.hero figure{margin:0}figcaption,.note{font-size:13px;color:#68766a;line-height:1.7}figcaption{padding-top:9px}.intro{font-size:19px}.section{margin-top:64px;border-top:1px solid #d8ddd4;padding-top:30px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.grid article{border-top:1px solid #d8ddd4;padding:14px 0}.grid img{width:100%;height:170px;object-fit:cover}.button{display:inline-block;padding:12px 22px;border:1px solid #173d31;text-decoration:none;margin:16px 12px 0 0;background:#173d31;color:white;font-size:16px}.button.secondary{background:transparent;color:#173d31}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid #d8ddd4}th{font-weight:500;background:#e9ede5}.table-wrap{overflow-x:auto}details{padding:18px 0;border-bottom:1px solid #d8ddd4}summary{cursor:pointer;font-size:18px}.related{display:flex;flex-wrap:wrap;gap:16px}.contact{background:#e9ede5;padding:28px}footer{padding:34px 32px;border-top:1px solid #d8ddd4;max-width:1160px;margin:auto;font-size:14px}footer p{margin:5px 0}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:3}@media(max-width:700px){header{padding:18px 20px;align-items:flex-start}.brand{font-size:19px}nav{gap:12px;font-size:12px;justify-content:flex-end;max-width:180px}main{padding:28px 20px 48px}.hero{grid-template-columns:1fr;gap:26px}.hero img{height:265px}.grid{grid-template-columns:1fr;gap:18px}.section{margin-top:40px}.intro{font-size:17px}h2{font-size:24px}th,td{padding:12px 8px;font-size:13px}.button{margin-right:5px}footer{padding:25px 20px}}
.case-pair,.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.case-pair figure,.product-layout figure,.grid figure{margin:0}.case-pair img{width:100%;max-height:430px;object-fit:contain}.section-diagram{display:block;width:100%;height:180px;object-fit:contain;padding:24px;background:white}.product-layout{grid-template-columns:2fr 1fr}@media(max-width:700px){.case-pair,.product-layout{grid-template-columns:1fr}.section-diagram{height:130px}.grid figure{margin-bottom:16px}}@media print{header,nav,.button,.related,.skip,footer{display:none}body{background:white;font-size:11pt}main{padding:0}.hero{display:none}.product-sheet{break-before:page;margin:0;padding:15px 0;border:0}.product-layout{grid-template-columns:2fr 1fr}a{color:black}details{display:none}}