.thh{container:thh/inline-size;--thh-bg:#F3F6FB;--thh-panel:#fff;--thh-ink:#14213D;--thh-mute:#5B6985;--thh-line:#DCE3EF;--thh-cobalt:#2F5BFF;--thh-sun:#FFB400;
--thh-text:#2F5BFF;--thh-image:#E5484D;--thh-pdf:#F08A00;--thh-calc:#12906B;--thh-gen:#8B5CF6;--thh-dev:#0E8FA8;--thh-unit:#C2410C;--thh-ai:#D6336C;--thh-life:#4D7C0F;
background:var(--thh-bg);color:var(--thh-ink);font:400 16px/1.55 "DM Sans",system-ui,sans-serif;max-width:1160px;margin:0 auto;padding:10px 20px 12px;border-radius:24px}
@media (prefers-color-scheme:dark){.thh{--thh-bg:#0F1830;--thh-panel:#172345;--thh-ink:#EEF2FF;--thh-mute:#9AA8CC;--thh-line:#26345F}}
.thh *{box-sizing:border-box}
.thh h1,.thh h2,.thh h3{font-family:"Bricolage Grotesque","DM Sans",system-ui,sans-serif;margin:0;line-height:1.1;color:var(--thh-ink)}
.thh a{color:inherit;text-decoration:none;box-shadow:none}
.thh :focus-visible{outline:3px solid var(--thh-sun);outline-offset:2px}
.thh-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center;padding:34px 0 30px}
.thh-hero h1{font-size:clamp(34px,5.5vw,62px);font-weight:800;letter-spacing:-.02em}
.thh-hero p{max-width:46ch;color:var(--thh-mute);font-size:18px;margin:18px 0 26px}
.thh-search{display:flex;background:var(--thh-panel);border:2px solid var(--thh-ink);border-radius:14px;box-shadow:6px 6px 0 var(--thh-sun);overflow:hidden}
.thh-search:focus-within{box-shadow:6px 6px 0 var(--thh-cobalt)}
.thh-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--thh-ink);font:500 17px "DM Sans",sans-serif;padding:16px 18px;box-shadow:none;margin:0}
.thh-search input:focus{outline:none}
.thh-search b{background:var(--thh-ink);color:var(--thh-bg);display:grid;place-items:center;padding:0 22px;font-weight:700}
.thh-stack{position:relative;height:300px}
.thh-stack>div{position:absolute;background:var(--thh-panel);border:2px solid var(--thh-ink);border-radius:16px;padding:16px 18px;width:78%;font-weight:700;display:flex;gap:12px;align-items:center}
.thh-stack small{display:block;font-weight:400;color:var(--thh-mute)}
.thh-stack>div:nth-child(1){top:0;left:0;transform:rotate(-3deg)}
.thh-stack>div:nth-child(2){top:96px;right:0;transform:rotate(2.5deg)}
.thh-stack>div:nth-child(3){top:196px;left:6%;transform:rotate(-1.5deg)}
.thh-m{width:42px;height:42px;border-radius:11px;flex:none;display:grid;place-items:center;color:#fff;font:800 15px "Bricolage Grotesque",sans-serif;background:var(--thh-cobalt)}
.thh section h2{font-size:28px;font-weight:800;margin-bottom:16px}
.thh-latest{margin:6px 0 34px}
.thh-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.thh-new{display:flex;gap:14px;background:var(--thh-ink);color:var(--thh-bg)!important;border-radius:18px;padding:18px;transition:transform .15s}
.thh-new:hover{transform:translateY(-3px)}
.thh-new .thh-m{background:var(--thh-sun);color:#14213D}
.thh-new-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.thh-new strong{font:700 17px/1.25 "Bricolage Grotesque",sans-serif}
.thh-new small{color:inherit;opacity:.75;font-size:14px}
.thh-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.thh-tabs button{font:500 15px "DM Sans",sans-serif;color:var(--thh-ink);background:var(--thh-panel);border:1.5px solid var(--thh-line);border-radius:99px;padding:8px 18px;cursor:pointer;box-shadow:none;text-transform:none}
.thh-tabs button[aria-pressed="true"]{background:var(--thh-ink);color:var(--thh-bg);border-color:var(--thh-ink)}
.thh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.thh-card{background:var(--thh-panel);border:1.5px solid var(--thh-line);border-left:6px solid var(--c);border-radius:6px 18px 18px 6px;padding:18px;display:flex;gap:14px;transition:transform .15s,border-color .15s}
.thh-card:hover{transform:translateY(-3px);border-color:var(--c)}
.thh-card h3{font-size:18px;font-weight:700}
.thh-card p{margin:4px 0 0;color:var(--thh-mute);font-size:14px}
.thh-card .thh-m{background:var(--c)}
.thh-empty{padding:30px;text-align:center;color:var(--thh-mute)}
.thh-band{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;background:var(--thh-ink);color:var(--thh-bg);border-radius:22px;padding:30px 34px;margin:34px 0 10px}
.thh-band h2{font-size:28px;max-width:20ch;color:var(--thh-bg)}
.thh-band a{background:var(--thh-sun);color:#14213D;font-weight:700;border-radius:12px;padding:14px 26px}
@media (max-width:820px){.thh-hero{grid-template-columns:1fr}.thh-stack{display:none}}
@container thh (max-width:760px){.thh-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container thh (max-width:480px){.thh-latest-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.thh *{transition:none!important}}

.thh-m svg{display:block;width:22px;height:22px}