:root{--primary:#075e54;--text:#172d2a;--border:#dce6e0}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f0f2ed radial-gradient(#c9d5cc55 .8px,transparent .8px);background-size:19px 19px;color:var(--text);font:16px/1.6 system-ui,sans-serif}a{color:#075e54}button,.btn{cursor:pointer;border:1px solid transparent;border-radius:10px;background:#075e54;color:#fff;padding:11px 17px;font:inherit;font-weight:650;margin:4px;min-height:44px}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d69815;outline-offset:3px}.skip-link{position:absolute;top:-80px;left:16px;z-index:20;background:white;padding:12px}.skip-link:focus{top:10px}.studio-header{background:#075e54;color:white;padding:24px max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.studio-brand small{font-size:12px;letter-spacing:.13em;color:#d9efe2}.studio-brand h1{font-size:clamp(25px,3vw,34px);margin:4px 0}.studio-brand p{margin:0;color:#def0e8}.account-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}.account-actions a{color:white}.account-actions button{border-color:#ffffff66;background:transparent;font-size:14px}.workspace-nav{display:flex;gap:6px;background:#fff;position:sticky;top:0;z-index:10;overflow-x:auto;padding:8px max(16px,calc((100vw - 1360px)/2));box-shadow:0 3px 12px #14392b09}.workspace-nav a{padding:12px 18px;white-space:nowrap;font-weight:650;text-decoration:none;border-radius:9px;color:#496359}.workspace-nav a[aria-current=page]{background:#e3f0e7;color:#075e54}.workspace-nav a:hover{background:#f0f5f1}#workspace{max-width:1408px;margin:auto;padding:20px 24px 36px;min-height:60vh}.workspace-notice{font-size:14px;margin:0 0 20px;color:#476255}.workspace-panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:clamp(20px,4vw,40px);box-shadow:0 10px 35px #1a3d2c06}.panel-heading{max-width:790px;margin-bottom:26px}.panel-heading h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.03em;line-height:1.2;margin:7px 0 12px;color:#153e30}.panel-heading p{margin:8px 0;color:#597065}.eyebrow{font-size:11px!important;font-weight:750;letter-spacing:.13em;color:#26765c!important}.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.task-card{border:1px solid var(--border);border-radius:15px;padding:24px;text-decoration:none;background:#fcfdfb;color:var(--text);display:block}.task-card>span{font-size:25px;color:#168368}.task-card h3{font-size:20px;margin:10px 0}.task-card p{color:#5c7067;font-size:15px}.task-card strong{color:#075e54;font-size:14px}a.task-card:hover{border-color:#82ad96}.guidance{padding:19px 22px;background:#edf5ee;border-left:3px solid #76a98b;border-radius:10px;margin:24px 0 0}.guidance h3{font-size:17px;margin:0 0 6px}.guidance p{font-size:15px;margin:6px 0}.guidance a{font-weight:650}details{padding:18px;border:1px solid var(--border);border-radius:12px;background:white;margin:16px 0}summary{font-weight:650;cursor:pointer;font-size:16px}dt{font-weight:700;margin-top:16px}dd{margin:4px 0;color:#597065}label{display:block;margin:14px 0}input,select{padding:11px;border:1px solid #b9cabc;border-radius:8px;max-width:100%;font:inherit}input:not([type=checkbox]):not([type=file]){display:block;width:100%}form{max-width:720px}.library-item{padding:18px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.library-item h3{font-size:17px;margin:0}.library-item p{font-size:14px;color:#587366;margin:7px 0}.library-item a{margin-right:15px;font-size:14px}.radio-state{display:flex;gap:14px;align-items:flex-start;padding:20px;background:#f0f7f2;border:1px solid #d6e9dd;border-radius:13px;margin-bottom:22px}.radio-state p{margin:5px 0 0;color:#597065;font-size:14px}.status-dot{width:10px;height:10px;background:#518d6e;border-radius:50%;margin-top:9px;flex:none}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 0;font-size:14px}.step-navigation a{font-weight:650;text-decoration:none;padding:10px 0}.step-navigation span{margin-left:auto;color:#728779}.studio-status{overflow-wrap:anywhere}.site-footer .wrap{max-width:1360px;width:calc(100% - 48px);margin:auto}.site-footer .social-links{display:flex;gap:8px}.site-footer .social{display:grid;place-items:center;border-radius:50%;color:white!important;text-decoration:none!important}.site-footer .youtube{background:#df1230}.site-footer .facebook{background:#087afb}.site-footer .instagram{background:#9e2d8b}.site-footer .twitter{background:black}.hk-footer-bottom-legal{display:flex;justify-content:center;gap:24px;background:#111;padding:14px}.hk-footer-bottom-legal a{font-size:14px;color:white;text-decoration:none}.site-footer .hk-footer-community{text-align:center;align-items:center}.hk-community-network{font-size:24px;letter-spacing:.2em;color:#f4ca32}.hk-community-kicker,.hk-community-tagline{color:#f4ca32;font-weight:700}.site-footer .hk-footer-community h3{font-size:17px;margin:0}.site-footer .hk-footer-community p{font-size:14px;margin:0}@media(max-width:700px){.studio-header{padding:20px;gap:14px}.account-actions{gap:10px 14px;font-size:13px}.workspace-nav{padding:7px 10px}.workspace-nav a{padding:10px 13px;font-size:14px}#workspace{padding:16px 12px 28px}.workspace-panel{padding:20px 16px;border-radius:15px}.task-grid{grid-template-columns:1fr}.task-card{padding:20px}.step-navigation{font-size:13px}.site-footer .wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Temporary homepage concept; independent Studio branding with the ministry footer. */
.studio-header{background:#fff;color:#075e54;border-bottom:1px solid #e7e7dc}.studio-brand small{color:#987329}.studio-brand p{color:#5c7869}.account-actions a{color:#075e54}.account-actions button{color:#075e54;border-color:#a3b9a9}.workspace-nav{overflow:visible;display:grid;grid-template-columns:repeat(6,auto)}.workspace-nav>a{text-align:center}.workspace-more{position:relative;border:0;margin:0;padding:0;background:transparent}.workspace-more>summary{padding:12px 18px;color:#496359;list-style:none;min-height:44px;text-align:center}.workspace-more>summary:after{content:' ▾'}.workspace-more>div{position:absolute;right:0;top:100%;z-index:15;background:white;border:1px solid #dce6e0;box-shadow:0 10px 30px #103e3220;border-radius:12px;width:290px;max-width:90vw;padding:8px}.workspace-more a{display:block;white-space:normal;padding:10px 14px;font-size:14px}.workspace-more small{display:inline-block;background:#f6efd9;padding:1px 5px;border-radius:5px;font-size:11px;color:#8b6b2a}.home-hero{background:linear-gradient(110deg,#fffcf4,#f1f5e9);border:1px solid #e4e4d6;border-radius:17px;padding:25px;display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin:0 0 30px;width:100%}.home-hero h3{font:700 clamp(30px,4.8vw,56px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:12px 0;color:#0a382e}.home-hero h3 span{color:#9e7832}.home-hero svg{width:100%;align-self:center}.home-hero .btn{display:inline-block;text-decoration:none;font-size:14px}.btn-outline{background:transparent;color:#075e54;border-color:#aa8b4f}.panel-heading:has(.home-hero){max-width:none}.planned-badge{font-size:11px!important;color:#86692d!important;background:#f6efd9;border-radius:6px;padding:4px 8px}.connection-check{border-bottom:1px solid #dce6e0;padding:12px 0}.connection-check h4{margin:0}.connection-check p{margin:5px 0;font-size:14px}#device-test-video{display:block;width:min(100%,640px);aspect-ratio:16/9;background:#102b24;border-radius:10px;margin-top:14px}#device-test-meter{width:min(100%,350px)}.signin-layout{max-width:540px;margin:8vh auto;background:white;border:1px solid #dce6e0;padding:32px;border-radius:18px}.signin-layout .btn{display:inline-block;text-decoration:none}.signin-divider{margin-top:24px;color:#6a7d71;font-size:14px}@media(max-width:700px){.workspace-nav{grid-template-columns:repeat(3,1fr);gap:0}.workspace-nav>a,.workspace-more>summary{font-size:13px;padding:9px 7px}.home-hero{padding:20px;grid-template-columns:1fr}.home-hero svg{display:none}.signin-layout{margin:5vh 14px;padding:24px}.workspace-more>div{width:280px;max-width:calc(100vw - 24px)}}