.tel-feature-link { display: block; color: inherit; background: #fff; }
.tel-feature-link:hover { border-color: var(--orange); background: #fff8f0; }
.tel-feature-link:focus-visible,.tel-rubric-nav a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.tel-feature-action { display: inline-flex; align-items: center; gap: 12px; margin-top: 16px; color: var(--accent); font-size: 12px; font-weight: 600; }
.detail-head img.tel-detail-hero { width: 100%; height: auto; max-height: 410px; object-fit: contain; background: #fff; }
.tel-use-case { border-left: 3px solid var(--orange); background: var(--paper); padding: 25px; margin: 34px 0; border-radius: 0 7px 7px 0; }
.tel-use-case h2 { font-size: 24px; margin-bottom: 16px; }
.tel-use-case p { font-size: 13px; line-height: 1.85; margin: 0; color: var(--muted); }
.tel-process { padding-left: 24px; margin: 25px 0; }
.tel-process li { padding-left: 9px; margin-bottom: 24px; }
.tel-process li::marker { color: var(--accent); font-weight: 600; }
.tel-process h3 { font-size: 18px; margin-bottom: 9px; }
.tel-process p,.tel-project-needs { font-size: 12px; color: var(--muted); line-height: 1.85; }
.tel-project-needs { padding-left: 17px; margin: 22px 0; }
.tel-project-needs li { margin-bottom: 10px; }
.tel-rubric-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.tel-rubric-nav a { padding: 12px 16px; border: 1px solid var(--line); border-radius: 5px; font-size: 12px; background: #fff; }
.tel-rubric-nav a:hover { border-color: var(--orange); color: var(--accent); }
.tel-rubric-nav a[aria-current="page"] { background: #fce7d3; border-color: var(--orange); font-weight: 600; }
@media(max-width:600px) { .tel-use-case { padding: 21px; }.tel-rubric-nav { gap: 9px; }.tel-rubric-nav a { padding: 11px 13px; } }