:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#0f172a;background:#f0fdfa;font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}
body{margin:0}
::selection{background:#0d9488;color:white}
.directory{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1280px;min-height:100vh;margin:0 auto}
.identity{display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#134e4a;color:white;border-right:1px solid #115e59}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:34px;color:#ccfbf1;font-size:14px;font-weight:700}
.brand img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.eyebrow{display:inline-block;margin:0 0 16px;padding:5px 10px;border-radius:4px;background:#0f766e;color:#ccfbf1;font-size:11px;line-height:1.5}
h1{font-size:30px;line-height:1.3;margin:0 0 16px;font-weight:900}
.intro{margin:0 0 24px;color:#b4f5e8;font-size:12px;line-height:1.8}
.notes{border-top:1px solid #28716b;padding-top:24px;margin:0;font-size:12px;line-height:1.7}
.notes div+div{margin-top:12px}
dt{font-weight:700}
dd{margin:0;color:#99f6e4}
.rail-footer{border-top:1px solid #28716b;padding-top:30px;margin:32px 0 0;color:#99f6e4;font-size:11px;line-height:1.6}
main{min-width:0;background:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center}
.list-heading{margin-bottom:30px}
h2{font-size:14px;color:#0f766e;line-height:1.5;margin:0 0 4px}
.list-heading p{font-size:12px;color:#536479;margin:0;line-height:1.7}
.links{display:grid;gap:16px;max-width:672px;width:100%}
button{font:inherit;letter-spacing:0;text-align:left;width:100%;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#0f172a;cursor:pointer;transition:background-color .15s,border-color .15s}
button>span:first-child{min-width:0;overflow-wrap:anywhere}
strong{display:block;font-size:18px;line-height:1.5;font-weight:700}
small{display:block;font-size:12px;color:#536479;line-height:1.6;margin-top:2px}
.arrow{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#fff;color:#0f766e;font-size:18px;box-shadow:0 1px 2px #0f172a12}
button:hover{background:#ccfbf1;border-color:#0f766e}
button:hover .arrow{background:#0f766e;color:white}
button:focus-visible{outline:3px solid #b45309;outline-offset:3px}
button[aria-busy="true"]{border-color:#0f766e;background:#e2f5ef;cursor:progress}
button[aria-busy="true"] .arrow{opacity:.4}
#nav-status{color:#9a3412;font-size:14px;line-height:1.7;margin:16px 0 0}
footer{margin-top:48px;padding-top:22px;border-top:1px solid #e2e8f0;color:#536479;font-size:12px;line-height:1.8}
footer p{margin:0 0 6px}
@media(max-width:1023px){main{padding:40px}.identity{padding:32px}.directory{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:767px){.directory{display:block}.identity{padding:24px;border-right:0;border-bottom:1px solid #115e59}.brand{margin-bottom:20px}.eyebrow{margin-bottom:12px}h1{font-size:26px;margin-bottom:12px}.intro{margin-bottom:16px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:16px}.notes div+div{margin-top:0}.rail-footer{display:none}main{padding:28px 24px}.list-heading{margin-bottom:20px}button{padding:16px;min-height:88px}strong{font-size:18px}footer{margin-top:32px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}