/* The category uses WordPress's existing main query, including pagination. */
.tecl-archive-shell{max-width:1600px;margin:auto;padding:38px 48px 70px;font-family:Barlow,sans-serif;color:#d3e4ef}
.tecl-archive-heading{position:relative;padding:36px 40px;margin:0 0 34px;border:1px solid #54bfff55;border-top-color:#d5efff66;border-radius:30px;background:linear-gradient(120deg,#ffffff12,#ffffff04 45%,#06192bb3);box-shadow:inset 0 1px #ffffff20,0 0 35px #128fff0a}
.tecl-archive-kicker{display:flex;gap:12px;align-items:center;margin-bottom:16px;font:400 13px/1.5 Barlow,sans-serif;color:#a5becf}
.tecl-archive-kicker a{color:#a5dfff;text-decoration:none}
.tecl-archive-heading h1{margin:0;color:#f1f9ff;font:600 clamp(34px,4vw,58px)/1.15 Barlow,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.tecl-archive-description{max-width:800px;margin-top:20px;font:400 18px/1.7 Barlow,sans-serif;color:#c3d8e8}
.tecl-archive-description p:last-child{margin-bottom:0}
.tecl-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.tecl-archive-item{min-width:0;display:flex;margin:0}
.tecl-archive-card{position:relative;isolation:isolate;width:100%;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #26aeff66;border-top-color:#69c9ff80;border-radius:32px;background:#000;box-shadow:inset 0 1px #ffffff20,0 0 20px #168fff0c;color:#e0f1ff;text-decoration:none;transition:box-shadow .25s,border-color .25s}
.tecl-archive-photo{height:315px;flex:none;overflow:hidden;background:linear-gradient(145deg,#071b2c,#02080f)}
.tecl-archive-photo picture{display:contents}
.tecl-archive-photo img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;transition:transform .45s ease}
.tecl-archive-panel{position:relative;flex:1;display:flex;flex-direction:column;margin:-65px 14px 14px;padding:26px 24px 22px;border:1px solid #ffffff45;border-top-color:#d9f1ff8c;border-bottom-color:#34b8ff80;border-radius:25px;background:linear-gradient(125deg,#ffffff27,#06101bca 65%);box-shadow:inset 0 1px #ffffff24,0 8px 22px #0004;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}
.tecl-archive-panel time{font:400 12px/1.5 Barlow,sans-serif;color:#b0c6d6;margin-bottom:16px}
.tecl-archive-panel h2{margin:0 0 20px;color:#f3f9ff;font:600 clamp(24px,2vw,29px)/1.18 Barlow,sans-serif;letter-spacing:-.015em;overflow-wrap:anywhere}
.tecl-archive-panel p{margin:0 0 25px;color:#c7d7e3;font:400 16px/1.7 Barlow,sans-serif}
.tecl-archive-read{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #d8efff29;font:500 14px/1.5 Barlow,sans-serif;color:#a9dfff}
.tecl-archive-read>span{font-size:21px}
.tecl-archive-card:focus-visible{outline:2px solid #8bd6ff;outline-offset:5px}
.tecl-archive-shell .pagination{margin:35px 0 0}
.tecl-archive-shell .nav-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.tecl-archive-shell .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 16px;border:1px solid #36aaff66;border-radius:15px;background:#071420;color:#b5e4ff;text-decoration:none}
.tecl-archive-shell .page-numbers.current{background:#0d3a58;border-color:#62caff;color:#fff}
@media(hover:hover) and (pointer:fine){.tecl-archive-card:hover{border-color:#73d0ff;box-shadow:0 0 28px #168fff30}.tecl-archive-card:hover .tecl-archive-photo img{transform:scale(1.025)}}
@media(max-width:1100px){.tecl-archive-shell{padding-inline:28px}.tecl-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:700px){.tecl-archive-shell{padding:22px 14px 40px}.tecl-archive-heading{padding:26px 24px;border-radius:25px;margin-bottom:24px}.tecl-archive-heading h1{font-size:clamp(30px,8vw,42px)}.tecl-archive-kicker{font-size:12px}.tecl-archive-grid{grid-template-columns:minmax(0,1fr);gap:24px}.tecl-archive-photo{height:290px}.tecl-archive-panel{padding:25px 22px 22px;-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%)}.tecl-archive-panel h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.tecl-archive-card,.tecl-archive-photo img{transition:none}}
@media(prefers-reduced-transparency:reduce){.tecl-archive-panel{background:#0b1726;-webkit-backdrop-filter:none;backdrop-filter:none}}