/* Small site-specific refinements; all responsive layout lives in styles.css. */
.nav-language{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#536680;white-space:nowrap}
.text-link svg,.button svg{width:1.1em;height:1.1em;flex:none;vertical-align:middle}
.card-category{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.card-number{color:#93a8c4;font-size:.72rem;letter-spacing:.12em}
.product-link{display:block;height:100%;text-decoration:none;color:inherit}
.product-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;margin-bottom:1rem}
.product-tags .tag{font-size:.7rem;line-height:1.4;background:#edf3ff;color:#173b77;padding:.35rem .55rem;border-radius:3px}
.feature-index svg{width:36px;height:36px}
.contact-intro{padding-bottom:1rem}.contact-intro h1{max-width:900px;font-size:clamp(2.5rem,5.2vw,4.9rem);line-height:1.07;letter-spacing:-.045em;margin:1rem 0 1.5rem}
.contact-section{padding-top:2rem}.contact-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:75% 50%;border-radius:10px;margin-bottom:2rem}
.contact-list div{margin:1.25rem 0}.contact-list dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#66768e;margin-bottom:.3rem}.contact-list dd{margin:0;overflow-wrap:anywhere}
.enquiry-preview{margin-top:2rem}.enquiry-preview textarea{display:block;width:100%;box-sizing:border-box;line-height:1.6;font:inherit;padding:1rem;border:1px solid #c7d6eb;border-radius:6px;background:#fff;color:#112441;resize:vertical;margin:1rem 0}
.draft-actions{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.25rem}.draft-actions button{background:none;border:0;padding:.35rem 0;font:inherit;font-size:.76rem;text-decoration:underline;color:#0059ee;cursor:pointer}.draft-actions button:disabled{color:#8d99a8;cursor:not-allowed}
.footer-brand>.brand{background:#fff;max-width:205px;padding:.55rem .8rem;border-radius:4px}.footer-brand>.brand img{width:100%;height:auto}.footer-column h2{font-size:.85rem;letter-spacing:.03em;margin:0 0 1rem}
.hero-visual{position:relative}.hero-visual>img{object-position:68% 50%}.visual-caption{pointer-events:none}.hero-tags span{white-space:nowrap}.business-card h3 a{color:inherit;text-decoration:none}
.breadcrumb span[aria-current]{overflow-wrap:anywhere}.section-anchor{scroll-margin-top:110px}.faq-item summary{overflow-wrap:anywhere}.note-box .check-list{margin-bottom:0}
.form-status:empty{display:none}.empty-state{text-align:center;padding:3rem 1rem;color:#536680}
@media(max-width:979px){.nav-language{display:none}.site-nav .nav-links .button{width:100%;justify-content:center}.page-hero-grid{gap:2rem}.footer-column h2{margin-top:.3rem}}
@media(max-width:767px){.hero-visual>img{object-position:78% 50%}.visual-caption strong{font-size:.86rem}.contact-intro{padding-top:2rem}.contact-intro h1{font-size:clamp(2.35rem,10vw,3.4rem)}.contact-section{padding-top:1rem}.contact-image{aspect-ratio:3/2}.enquiry-preview .button-row>*{width:100%}}

/* Reviewed against actual HTML and official product photography. */
.footer-column h2{color:#fff}.footer-column>a{display:block;margin-top:10px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand>a:not(.brand){color:#c1d5f6}
.checkbox-field input{min-height:18px;max-height:18px;flex:none}
img[src$="topigeon-v9-official.png"],img[src$="topigeon-rings-official.png"],img[src$="topigeon-antenna-official.jpg"],img[src$="topigeon-club-official.jpg"]{object-fit:contain!important;object-position:center!important;background:#fff;padding:20px}
.official-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.official-photo{margin:0;background:#fff;border:1px solid #dce4ef;border-radius:6px;overflow:hidden}.official-photo img{width:100%;aspect-ratio:1;height:auto}.official-photo figcaption{padding:15px;font-size:.88rem;font-weight:650;color:#112748}
.office-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,187px));gap:24px}.office-photo{margin:0;min-width:0}.office-photo img{display:block;width:100%;max-width:187px;height:auto;border-radius:4px}.office-photo figcaption{margin-top:10px;font-size:.8rem;line-height:1.5;font-weight:600;color:#29476b}
@media(max-width:767px){.official-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.official-photo img{padding:12px}.office-gallery{grid-template-columns:repeat(2,minmax(0,187px));gap:20px}.office-photo:last-child{grid-column:1/-1}.office-photo figcaption{max-width:187px}}
@media(max-width:380px){.office-gallery{grid-template-columns:minmax(0,187px)}.footer-columns{gap:24px}}

.footer-brand .brand img{margin-bottom:0;padding:0;background:transparent;border-radius:0}

/* The language controls remain visible outside the mobile menu. */
.header-inner>.site-nav{margin-left:auto}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #dce4ef;border-radius:5px;background:#f5f8fd;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:31px;padding:5px 7px;border-radius:3px;font-size:.73rem;font-weight:650;line-height:1.2;color:#536680;text-decoration:none}
.language-switch a:hover{color:#0059ee;background:#e8f0ff}
.language-switch a.is-active{background:#0059ee;color:#fff}
html[lang="zh-Hant"] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.75}
html[lang="zh-Hant"] h1,html[lang="zh-Hant"] h2,html[lang="zh-Hant"] h3{letter-spacing:-.02em;line-height:1.3}
html[lang="zh-Hant"] .eyebrow,html[lang="zh-Hant"] .section-kicker,html[lang="zh-Hant"] .card-category{letter-spacing:.08em}
@media(max-width:1179px){.header-inner{gap:16px}.nav-links{gap:15px}.language-switch a{padding-inline:5px}}
@media(max-width:979px){.header-inner{gap:12px}.header-actions{margin-left:auto;gap:8px}.header-inner>.site-nav{margin-left:0}.language-switch a{font-size:.7rem;min-width:28px;padding-inline:5px}}
@media(max-width:479px){.header-inner .brand img{width:min(170px,calc(100vw - 176px))}.header-actions{gap:7px}}

/* Official platform marks, RFID focus and clock-development portfolio. */
.platform-strip{padding:30px 0 32px;background:#fff;border-bottom:1px solid #dce4ef}.platform-strip .eyebrow{text-align:center;margin-bottom:18px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:840px;margin:auto}.platform-tile{text-align:center;color:#29476b;font-size:.8rem;font-weight:650}.platform-logo-box{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.platform-logo-box img{max-width:150px;max-height:60px;width:auto;height:auto}.platform-iot .platform-logo-box{max-width:160px;margin:0 auto 8px}.page-platform{display:inline-flex;max-width:150px;margin:0 0 22px}.page-platform img{width:130px;height:52px;object-fit:contain}
.card-media.product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:1.65;background:#fff;align-items:stretch}.card-media.product-pair img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain!important;padding:12px}.card-media.product-pair img+img{border-left:1px solid #edf1f7}
.rfid-visual{position:relative;min-width:0;background:#fff;border:1px solid #dce4ef;border-radius:6px;padding:34px}.rfid-logo{width:110px;height:55px;object-fit:contain}.rfid-rings{width:100%;aspect-ratio:1.4;object-fit:contain;padding:18px}.rfid-spotlight .tag-list{margin:20px 0}.clock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.clock-card{background:#fff;border:1px solid #dce4ef;border-radius:6px;overflow:hidden;min-width:0}.clock-card>img{width:100%;height:240px;object-fit:contain;background:#fff;padding:18px}.clock-card>div{padding:20px}.clock-card h3{font-size:1.08rem;margin:12px 0}.clock-card p{font-size:.88rem;color:#56667e}.status-tag{font-size:.7rem;font-weight:650;background:#edf3ff;padding:4px 8px;color:#0059ee;border-radius:3px}
img[src$="mediatek-mt8395-official.png"],img[src$="genio-osm-official.png"]{object-fit:contain!important;object-position:center;background:#fff;padding:14px}
@media(max-width:979px){.clock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid{gap:20px}.platform-logo-box img{max-width:120px}}
@media(max-width:479px){.platform-grid{gap:10px}.platform-tile{font-size:.65rem}.platform-logo-box{height:52px}.platform-logo-box img{max-width:82px;max-height:44px}.clock-grid{gap:12px}.clock-card>img{height:170px;padding:12px}.clock-card>div{padding:14px}.clock-card h3{font-size:.95rem}.clock-card p{font-size:.8rem}.rfid-visual{padding:24px}}

.honeypot-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#send-enquiry:disabled{opacity:.6;cursor:wait}
/* AWS RGB logo uses its original proportions and transparent background. */

/* Bilingual Topigeon service architecture: show complete diagrams at every width. */
.service-system-figure{margin:0;padding:clamp(14px,3vw,34px);border:1px solid #dce4ef;border-radius:8px;background:#fff}.service-system-image{display:block;cursor:zoom-in}.service-system-image img{display:block;width:100%;height:auto;max-width:1050px;object-fit:contain;margin:0 auto}.service-system-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding-top:20px;margin-top:18px;border-top:1px solid #e4ebf4;color:#56667e;font-size:.82rem}.service-system-figure figcaption a{font-weight:650}.service-system-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}.service-system-flow article{padding:2px 0 2px 18px;border-left:2px solid #9fc4f6}.service-step{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#0059ee;margin-bottom:10px}.service-system-flow h3{font-size:1.06rem;margin:0 0 10px}.service-system-flow p{font-size:.9rem;color:#56667e}.service-system-source{margin-top:24px;color:#56667e;font-size:.78rem}@media(max-width:767px){.service-system-flow{grid-template-columns:1fr;gap:22px}.service-system-figure figcaption{align-items:flex-start;flex-direction:column;gap:7px}.service-system-source{line-height:1.8}}

/* Friendly links form the third navigation column, after Explore. */
.footer-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr)}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-friends{min-width:0;grid-column:auto}.footer-friends a{overflow-wrap:anywhere}.footer-friends a:focus-visible{outline:2px solid #92bcff;outline-offset:5px;border-radius:2px}.footer-friends a>span[aria-hidden]{font-size:.85em}@media(max-width:979px){.footer-top{grid-template-columns:1fr}}@media(max-width:767px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-friends{grid-column:1/-1}}@media(max-width:479px){.footer-columns{grid-template-columns:1fr}.footer-friends{grid-column:auto}}@media print{.footer-friends h2,.footer-friends a{color:#111}}

/* KING-R2 application diagram: retain complete paths and labels. */
.card-media img[src*="uta-king-r2-apn"],.product-card>a>img[src*="uta-king-r2-apn"],.page-hero-media img[src*="uta-king-r2-apn"]{object-fit:contain!important;background:#f0f6fd;aspect-ratio:1.5!important;height:auto!important;transform:none!important}
.king-r2-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:48px;align-items:center}.king-r2-product{margin:0;padding:24px;background:#fff;border:1px solid #dce5f1;border-radius:8px;text-align:center}.king-r2-product img{width:100%;max-width:350px;height:auto;object-fit:contain;margin:auto}.king-r2-product figcaption{font-size:.85rem;color:#65778e;margin-top:14px}.king-r2-reference .button-row{margin-top:24px}.page-hero-media>a:focus-visible{display:block;outline:3px solid #0059ee;outline-offset:4px;border-radius:6px}@media(max-width:767px){.king-r2-grid{grid-template-columns:1fr;gap:28px}.king-r2-product{max-width:420px;width:100%;margin:auto}}

.footer-contact a{color:inherit;text-underline-offset:.2em}.footer-contact a:hover,.footer-contact a:focus-visible{text-decoration:underline}
