.tech-section { margin-top: 18px; }
.tech-section .tech-title { margin: 0 0 10px; font-size: 26px; line-height: 1.25; }
.tech-section .tech-intro, .tech-section .tech-card-summary, .tech-section .tech-card-meta,
.tech-section .tech-status, .tech-section .tech-archive-intro { text-indent: 0; }
.tech-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.tech-filters a { display: inline-block; padding: 8px 12px; border: 1px solid #2c9831; border-radius: 4px; color: #236f27; line-height: 1.3; background: #fff; }
.tech-filters a:hover, .tech-filters a:focus { background: #eef7ef; text-decoration: none; }
.tech-filters a[aria-current="true"] { color: #fff; background: #2c9831; }
.tech-status { color: #555; font-size: 14px; margin: 8px 0 14px; }
.tech-card { border: 1px solid #d7e4d8; border-radius: 4px; margin: 12px 0; padding: 16px; background: #fff; }
.tech-card a.tech-card-link { display: block; color: inherit; }
.tech-card a.tech-card-link:hover { text-decoration: none; }
.tech-card h3 { color: #236f27; font-size: 21px; line-height: 1.35; margin: 6px 0 10px; }
.tech-card-meta { color: #616161; font-size: 13px; line-height: 1.5; margin: 6px 0; }
.tech-section .tech-card-meta { clear: both; }
.tech-section [data-tech-kind][hidden], .tech-section [data-tech-archive-info][hidden],
.tech-section [data-tech-pagination][hidden] { display: none !important; }
.tech-archive-intro { padding: 12px; border-left: 3px solid #8a8a8a; background: #f5f5f5; line-height: 1.5; }
.tech-anchor { display: block; height: 0; }
.tech-order-cta { margin: 12px 0 16px; text-indent: 0 !important; }
.tech-order-cta a { max-width: 100%; white-space: normal; }
.tech-archive-note { padding: 10px 12px; border-left: 3px solid #8a8a8a; margin: 12px 0 18px; background: #f5f5f5; text-indent: 0; font-size: 14px; line-height: 1.5; }
.tech-reader { font-size: 17px; line-height: 1.65; overflow-wrap: anywhere; }
.tech-reader p { text-indent: 0; }
.tech-reader h2 { margin: 28px 0 12px; font-size: 25px; line-height: 1.35; }
.tech-reader h3 { font-size: 21px; line-height: 1.4; }
.tech-reader li { margin-bottom: 10px; }
.tech-reader .tech-summary { padding: 16px 18px; margin: 20px 0; background: #eef7ef; border-left: 3px solid #2c9831; }
.tech-reader .tech-summary h2 { font-size: 21px; margin-top: 0; }
.tech-reader .tech-toc { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 18px 0; font-size: 15px; }
.tech-reader blockquote { padding: 12px 16px; margin: 16px 0; border-left: 3px solid #d0d0d0; font-size: 17px; }
.tech-related { padding: 16px; border-top: 2px solid #2c9831; margin: 24px 0; }
.tech-related h3 { font-size: 20px; line-height: 1.4; }
.tech-related li { margin: 12px 0; line-height: 1.5; }
@media (max-width: 768px) {
  .tech-section .tech-title { font-size: 23px; }
  .tech-card { padding: 12px; }
  .tech-card h3 { font-size: 20px; }
  .tech-reader { font-size: 16px; line-height: 1.65; }
  .tech-reader h2 { font-size: 23px; }
}