*{box-sizing:border-box}body{margin:0;color:#203e34;background:#fff;font-family:Arial,'Noto Sans KR','Microsoft JhengHei',sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ba9c62;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;padding:15px;z-index:2}header{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:24px 5%;border-bottom:1px solid #e0e5df}.brand{font-size:22px;font-weight:800;text-decoration:none;letter-spacing:1px}.brand small{display:block;font-size:11px;letter-spacing:2px}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{font-size:18px;text-decoration:none}nav .active{border-bottom:2px solid #ba9c62}.languages{display:flex;align-items:center;gap:8px;white-space:nowrap}.languages button{border:0;background:none;color:#6b786f;padding:6px;cursor:pointer;font-size:16px}.languages button[aria-pressed=true]{color:#203e34;font-weight:700}main{max-width:1240px;padding:0 40px;margin:auto}.breadcrumb{font-size:14px;color:#748077;margin:26px 0 40px}.intro{padding:16px 0 42px;border-bottom:2px solid #ba9c62}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#8a753f;margin:0 0 14px}h1{font-size:44px;line-height:1.3;margin:0 0 20px;letter-spacing:-1.5px}.lead{font-size:20px;max-width:800px;margin:0 0 26px}.dates{display:flex;gap:24px;flex-wrap:wrap;font-size:17px}.dates b{margin-left:8px}.directory{padding:34px 0 44px}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}h2{font-size:25px;line-height:1.4;margin:0}.status{font-size:14px;background:#eef2e9;padding:5px 14px;border-radius:30px;white-space:nowrap}.pending{background:#f5f6ef;text-align:center;padding:36px 24px}.pending-mark{font-size:30px;color:#8a753f}.pending h3{font-size:25px;margin:10px 0}.pending p{font-size:17px;margin:8px 0}.pending .fields{font-size:15px;color:#6b786f;margin-top:22px}.contact{border-top:1px solid #dce2db;padding:32px 0;display:flex;justify-content:space-between;gap:32px}.contact p:not(.eyebrow){font-size:16px;max-width:600px}.contact-links{display:flex;flex-direction:column;justify-content:center;gap:8px;overflow-wrap:anywhere;font-size:18px}.back{display:inline-block;font-size:16px;margin:10px 0 50px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #e0e5df;padding:24px 5%;font-size:13px;color:#6b786f}#tools{margin:24px 0}#tools label{display:block;font-size:16px}input{width:100%;max-width:500px;padding:12px 15px;border:1px solid #bac8bb;background:white;color:#203e34;margin:8px 0}#count{font-size:15px}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.company-card{border-top:2px solid #ba9c62;background:#f5f6ef;padding:26px}.company-card h3{font-size:24px;margin:0 0 20px}.company-card dl{margin:0}.company-card dl>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:10px 0;border-top:1px solid #dce2db}.company-card dt{font-size:14px;color:#6b786f}.company-card dd{margin:0;font-size:17px;overflow-wrap:anywhere}.company-card a{display:inline-block;margin-top:20px}
@media(max-width:900px){header{flex-wrap:wrap}nav{order:3;width:100%;gap:22px}.contact{display:block}.contact-links{margin-top:20px}.company-grid{grid-template-columns:1fr}}
@media(max-width:600px){header{padding:20px 6%;gap:16px}.brand{font-size:17px}.brand small{font-size:9px;letter-spacing:1px}.languages{gap:2px}.languages button{font-size:14px}nav{gap:18px}nav a{font-size:16px}main{padding:0 6%}.breadcrumb{margin:22px 0 25px}h1{font-size:33px}.intro{padding-bottom:30px}.lead{font-size:18px}.dates{font-size:15px;gap:10px 20px}h2{font-size:22px}.pending{padding:30px 18px}.pending h3{font-size:23px}.pending .fields{line-height:1.9}.directory-heading{gap:10px}.status{font-size:12px}.contact-links{font-size:17px}.company-card{padding:22px}.company-card dl>div{grid-template-columns:85px 1fr;gap:10px}}
h1,h2,h3,p{word-break:keep-all;overflow-wrap:anywhere}

/* Extend the two tinted panels without changing the centered content width. */
.taiwan-directory .pending{box-shadow:0 0 0 100vmax #f5f6ef;clip-path:inset(0 -100vmax)}
.taiwan-directory .contact.email-contact-panel{box-shadow:0 0 0 100vmax #f3f5ef;clip-path:inset(0 -100vmax)}
