.tn-header{position:sticky;top:0;z-index:80;background:#fffefbf2;border-bottom:1px solid #d8e7e2;backdrop-filter:blur(16px)}
.tn-bar{position:relative;display:flex;align-items:center;gap:22px;min-height:88px}.tn-bar .brand{flex-shrink:0}.tn-desktop,.tn-actions{display:flex;align-items:center;gap:8px}.tn-actions{margin-left:auto;gap:20px}.tn-actions>a:first-child{white-space:nowrap}.tn-desktop>a,.tn-menu>summary{padding:12px 14px;border-radius:28px;color:#173d40;font-weight:600;text-decoration:none;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px}.tn-menu>summary::-webkit-details-marker,.tn-mobile>summary::-webkit-details-marker{display:none}.tn-menu[open]>summary,.tn-menu>summary:hover{background:#e3f3ed;color:#006c65}.tn-menu[open]>summary>span{transform:rotate(180deg)}.tn-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;grid-template-columns:250px 1fr;min-height:330px;background:#fff;border:1px solid #d5e5df;border-radius:24px;box-shadow:0 20px 65px #123b4029;overflow:hidden}.tn-categories{padding:24px 16px;background:linear-gradient(145deg,#edf7f3,#f7faf9);border-right:1px solid #d5e5df}.tn-categories>p{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#557570;margin:0 14px 20px}.tn-categories button{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center;text-align:left;border:0;border-radius:10px;padding:15px 14px;background:transparent;font:inherit;font-size:15px;font-weight:600;color:#163d40;cursor:pointer}.tn-categories button[aria-selected=true]{background:#d7eee5;color:#006c65}.tn-categories button span{opacity:0}.tn-categories button[aria-selected=true] span{opacity:1}.tn-content{padding:28px 32px;display:flex;flex-direction:column;gap:22px;min-width:0}.tn-content h2{font-size:18px;letter-spacing:-.02em;margin:0 0 16px}.tn-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.tn-links>a{display:flex;align-items:center;gap:14px;border-radius:12px;padding:10px;text-decoration:none;color:#173d40;font-weight:600;font-size:15px;min-width:0}.tn-links>a:hover{background:#f0f8f4}.tn-links .website-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;background:linear-gradient(135deg,#edf5ff,#e6f8ef);border:1px solid #d9e9e4;border-radius:12px;color:#087f78}.tn-links .website-icon{margin:0}.tn-links svg{width:23px;height:23px}.tn-links>a:hover .website-icon{background:#087f78;color:white}.tn-arrow{margin-left:auto;color:#087f78;opacity:0}.tn-links>a:hover .tn-arrow{opacity:1}.tn-all{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2eee8;padding-top:18px;margin-top:auto;text-decoration:none;font-weight:600;color:#087f78;font-size:14px}.tn-header :focus-visible{outline:3px solid #198f84;outline-offset:3px}.tn-mobile{display:none}.tn-header [hidden]{display:none!important}
@media(max-width:1279px),(max-height:460px){.tn-desktop,.tn-actions{display:none}.tn-bar{min-height:72px;justify-content:space-between}.tn-mobile{display:block}.tn-mobile>summary{list-style:none;display:flex;gap:14px;padding:10px 16px;background:#e6f3ed;border:1px solid #c5ded3;border-radius:24px;cursor:pointer;color:#143d3c;font-weight:600}.tn-mobile-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;border:1px solid #cee3d9;border-radius:20px;background:#fff;box-shadow:0 20px 60px #123b4026;padding:18px;display:flex;flex-direction:column;gap:12px}.tn-mobile-heading{display:flex;align-items:center;gap:12px;min-height:32px;color:#173d40;font-size:15px}.tn-mobile-heading button,.tn-pagination button{background:#edf7f2;border:1px solid #d6e7df;border-radius:8px;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer;color:#087f78}.tn-mobile-heading strong{overflow-wrap:anywhere}[data-nav-list]{display:grid;gap:6px}[data-nav-list]>a,[data-nav-list]>button{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 14px;border:1px solid #e0ebe6;border-radius:10px;background:#f8fbf9;color:#183e3f;text-align:left;text-decoration:none;font:inherit;font-size:15px;font-weight:600;cursor:pointer;line-height:1.3}[data-nav-list]>a:hover,[data-nav-list]>button:hover{background:#e0f2e9}.tn-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.tn-pagination button:disabled{opacity:.35;cursor:default}}
@media(max-height:600px) and (min-width:1280px){.tn-bar{min-height:64px}.tn-panel{min-height:0}.tn-content{padding:18px 24px;gap:12px}.tn-categories{padding:16px}.tn-categories button{padding:10px}.tn-links>a{padding:5px}.tn-categories>p{margin-bottom:10px}.tn-content h2{margin-bottom:8px}.tn-all{padding-top:10px}}
@media(max-height:450px){.tn-bar{min-height:58px}.tn-mobile-panel{padding:10px 14px;gap:8px}.tn-mobile-heading{min-height:28px}[data-nav-list]{grid-template-columns:repeat(2,minmax(0,1fr))}[data-nav-list]>a,[data-nav-list]>button{min-height:44px;font-size:13px;padding:8px 10px}.tn-pagination button{padding:5px 8px}}
@media(max-width:600px){.tn-bar{width:calc(100% - 24px);gap:8px;padding:0}.tn-bar .brand{font-size:19px;gap:7px}.tn-bar .brand-mark{width:32px;height:36px;font-size:25px}.tn-mobile>summary{padding:10px 12px;gap:8px;font-size:14px}.tn-mobile-panel{left:0;right:0}.tn-mobile-heading{font-size:14px}}