/*
Theme Name: Bio-Dream Research
Author: Bio-Dream Technology Company Limited
Description: English and Traditional Chinese sequencing, synthesis and reagent service website.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: biodream
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102e37;--teal:#087c7c;--lime:#d9ee93;--pale:#f0f6f5;--line:#d7e1e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d89720;outline-offset:5px}.topbar{background:var(--ink);color:white;padding:9px 5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.3px}.topbar a{letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;padding:21px 5%;border-bottom:1px solid var(--line);background:#fff;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:800 27px 'Manrope',sans-serif;letter-spacing:-1px}.brand small{display:block;font:500 12px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:3px}.brand-icon{font-size:43px;line-height:1;color:var(--teal)}.brand-icon span{color:#70a454}nav{display:flex;gap:28px;font-size:14px;font-weight:600}.nav-actions{display:flex;gap:20px;align-items:center}#language{border:0;background:none;color:var(--ink);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;background:var(--teal);border:1px solid var(--teal);border-radius:3px;color:white;font-size:14px;font-weight:700;line-height:1.5}.btn:hover{background:#096464}.btn.small{padding:11px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:580px}.hero-copy{padding:77px 9% 34px 10%}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--teal)}.line{width:28px;height:2px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.12;letter-spacing:-3px;margin:24px 0}p{color:#5d7075}h2{font-size:clamp(32px,3.2vw,46px);line-height:1.2;letter-spacing:-1.8px;margin:19px 0 24px}h3{font-size:22px;line-height:1.35;letter-spacing:-.5px}.hero-copy>p{max-width:470px;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.hero-foot{display:flex;gap:20px;font-size:12px;color:#607378;margin-top:58px}.hero-foot span+span{border-left:1px solid #b7c7c5;padding-left:20px}.hero-image{position:relative;overflow:hidden;min-height:550px;background:#173a43}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.8)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,34,41,.85),transparent 70%)}.image-label{position:absolute;bottom:38px;left:40px;z-index:1;color:#fff}.image-label span{font-size:12px;letter-spacing:2px}.image-label strong{display:block;font:500 30px/1.35 'Manrope',sans-serif;margin-top:17px}.service-strip{padding:25px 5%;display:flex;justify-content:space-between;gap:15px;background:var(--pale);border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:1.5px}.section{padding:85px 6%;scroll-margin-top:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:35px}.section-head>p{max-width:380px;font-size:16px;margin-bottom:27px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;position:relative;border-radius:4px}.num{color:#739193;font-size:14px;margin-bottom:29px}.tag{font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--teal);margin-bottom:18px}.service-card h3{font-size:26px}.service-card p{font-size:15px}.service-card ul{padding-left:18px;font-size:14px;line-height:1.9;margin:5px 0 30px}.service-select{margin-top:auto;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:19px 0 0;color:var(--teal);font-size:14px;font-weight:700}.featured{background:var(--ink);color:white;border-color:var(--ink)}.featured .tag,.featured .num{color:var(--lime)}.featured p{color:#ccd9da}.featured .service-select{color:var(--lime);border-color:#416069}.note{font-size:13px;margin:22px 0 0}.synthesis{background:var(--pale);display:grid;grid-template-columns:1fr 1fr;gap:90px}.synthesis>div>p{max-width:400px}.synthesis .btn{margin-top:14px}.synthesis-list article{display:flex;gap:25px;border-bottom:1px solid #cededb;padding:25px 0}.synthesis-list article:first-child{padding-top:5px}.synthesis-list article>span{color:var(--teal);font-size:14px}.synthesis-list h3{margin-bottom:10px}.synthesis-list p{font-size:15px;margin:0}.reagent{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.reagent>div>p{max-width:470px}.reagent-box{background:#f3f6f8;border:1px solid var(--line);padding:40px}.reagent-box h3{font-size:39px;margin:28px 0 20px}.reagent-box h3 span{display:block;font-size:20px;margin-top:9px;font-weight:500}.reagent-box>a{display:block;font-size:14px;text-decoration:underline;margin-top:20px}.local{background:var(--ink);color:white}.local .eyebrow{color:var(--lime)}.local h2{max-width:700px;font-size:46px}.local-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid #426068;margin-top:45px;padding-top:36px}.local-grid p{color:#c0d0d2;font-size:15px}.local-grid h3{font-size:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps b{display:block;color:var(--teal);border-top:1px solid var(--line);padding-top:23px;font-size:14px;margin-bottom:20px}.steps h3{font-size:19px}.steps p{font-size:15px}.contact{background:#edf4f2;display:grid;grid-template-columns:1fr 1.15fr;gap:85px}.contact>div>p{max-width:370px}.contact-email{font:600 25px 'Manrope',sans-serif;display:block;margin:34px 0 18px}form{background:#fff;padding:30px;border:1px solid #dae5e1;border-radius:4px}label{display:block;font-size:14px;font-weight:600;margin-bottom:17px}input,select,textarea{display:block;width:100%;min-width:0;padding:11px 12px;border:1px solid #cbd8d4;background:#fff;color:var(--ink);border-radius:3px;margin-top:6px;font-size:15px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.privacy{font-size:12px;line-height:1.65}.form-actions{display:flex;gap:16px;align-items:center}#copy{background:none;border:0;text-decoration:underline;font-size:14px;color:var(--ink)}#form-status{font-size:14px;margin:15px 0 0}.faq{max-width:1000px;margin:auto}.faq h2{margin-bottom:35px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:17px}details p{font-size:15px;margin:18px 20px 0}footer{background:#0a242c;color:white;padding:55px 6% 20px}.footer-main{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:40px}footer p{color:#b9cdd0;font-size:14px;margin-top:18px}footer strong{font-size:14px}.footer-bottom{border-top:1px solid #355059;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#9ab5b9}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:1050px){nav{gap:16px}.hero-copy{padding:55px 8%}.hero-actions{gap:15px;flex-wrap:wrap}.section{padding:60px 5%}.synthesis,.reagent,.contact{gap:40px}.service-card{padding:23px}header{gap:12px}nav a:last-child{display:none}}@media(max-width:760px){.topbar{font-size:10px;padding:8px 5%}.topbar a{display:none}header{flex-wrap:wrap;padding:15px 5%}.brand{font-size:23px}.brand-icon{font-size:35px}nav{order:3;width:100%;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}nav a:last-child{display:block}nav a{font-size:12px}.nav-actions{gap:9px}.btn.small{font-size:12px;padding:9px 11px}.hero{grid-template-columns:1fr}.hero-copy{padding:46px 6% 32px}h1{font-size:47px;letter-spacing:-2px}.hero-foot{margin-top:30px}.hero-image{min-height:310px}.hero-image img{object-position:center 45%}.image-label{left:26px;bottom:23px}.image-label strong{font-size:26px}.service-strip{flex-wrap:wrap;justify-content:center;font-size:10px;gap:13px 22px}.section{padding:52px 6%}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:none}.cards,.synthesis,.reagent,.contact,.local-grid,.footer-main{grid-template-columns:1fr}.service-card{padding:27px}.service-card h3 br{display:none}.synthesis,.reagent,.contact{gap:30px}.local h2{font-size:35px}.local-grid{gap:22px;margin-top:30px}.steps{grid-template-columns:1fr 1fr;gap:22px}.steps h3{font-size:17px}.contact-email{font-size:23px}form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-wrap:wrap}.footer-main{gap:20px}.footer-bottom{flex-direction:column;font-size:11px}.reagent-box{padding:30px}h2{font-size:34px}html{scroll-padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Service catalogue and detailed content */
.skip-link{position:absolute;left:12px;top:-100px;padding:12px;background:white;z-index:100}.skip-link:focus{top:12px}
.catalog-tools{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 14px}.catalog-tools input{padding:13px 16px;border:1px solid var(--line);border-radius:6px;min-width:250px;max-width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap}[data-filter]{padding:10px 17px;border:1px solid var(--line);border-radius:30px;background:white;color:var(--ink)}[data-filter][aria-pressed="true"]{background:var(--ink);color:white}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-card{padding:28px;border:1px solid var(--line);border-radius:10px;background:white;display:flex;flex-direction:column}.catalog-card[hidden]{display:none}.catalog-card h3{line-height:1.35;margin:14px 0}.catalog-card p{font-size:15px;color:#45606a;flex:1}.catalog-title:hover{color:var(--teal)}.catalog-card .text-link{color:var(--teal);font-weight:700}.catalog-card .tag{font-size:11px;letter-spacing:1.6px;color:var(--teal);text-transform:uppercase}#catalog-status{font-size:14px;color:#45606a;margin-bottom:24px}.resources{background:var(--pale)}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.resource-card{background:white;padding:30px;border:1px solid var(--line);border-radius:10px}.resource-card a{color:var(--teal);font-weight:700}.detail-hero{background:var(--pale);border-bottom:1px solid var(--line)}.detail-hero h1{font-family:'Manrope',sans-serif;font-size:clamp(34px,4.5vw,62px);line-height:1.15;max-width:1000px;letter-spacing:-1.7px;margin:22px 0}.detail-hero p{max-width:840px;font-size:19px;color:#45606a}.detail-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px}.detail-aside{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:14px;font-size:14px;border-left:3px solid var(--teal);padding-left:20px}.detail-aside a:hover{color:var(--teal)}.detail-body>section{margin-bottom:60px}.detail-body h2{font-size:30px;line-height:1.25;letter-spacing:-.6px}.detail-body li{margin-bottom:12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--ink);color:white}tbody th{min-width:140px;background:var(--pale)}tbody tr:last-child>*{border-bottom:0}.callout{background:var(--pale);border-left:4px solid var(--teal);padding:28px;margin:32px 0}.related-links{display:flex;gap:14px;flex-wrap:wrap}.related-links a{border:1px solid var(--line);padding:15px;border-radius:6px;color:var(--teal)}.detail-body details{border-bottom:1px solid var(--line);padding:18px 0}.detail-body summary{cursor:pointer;font-weight:700}.detail-body details p{color:#45606a}.detail-body .btn{margin-top:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-aside{position:static;flex-direction:row;flex-wrap:wrap}.resource-grid{grid-template-columns:1fr}.detail-hero h1{letter-spacing:-1px}}
@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}.catalog-tools{align-items:stretch}.catalog-tools input{width:100%;min-width:0}.detail-hero p{font-size:17px}.form-row{grid-template-columns:1fr}th,td{padding:13px}.detail-body h2{font-size:26px}.nav-actions{gap:8px}.detail-aside{font-size:13px}}
.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.resource-grid>article{background:white;padding:30px;border:1px solid var(--line);border-radius:10px}.resource-grid .text-link{color:var(--teal);font-weight:700}