.hr-similar{background:var(--hr-surface-alt);padding:calc(var(--section-y)/2) 0}.hr-similar__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-pad)}.hr-similar__head{align-items:baseline;display:flex;gap:var(--sp-4);justify-content:space-between;margin:0 0 var(--sp-5)}.hr-similar h2.hr-similar__h2{color:var(--hr-navy);font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-extrabold);letter-spacing:-.01em;line-height:1.2;margin:0}.hr-similar .hr-similar__view-all,.hr-similar .hr-similar__view-all:focus,.hr-similar .hr-similar__view-all:focus-visible,.hr-similar .hr-similar__view-all:hover{text-decoration:none}.hr-similar .hr-similar__view-all{align-items:center;color:var(--hr-blue);display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-body-sm);font-weight:600;gap:4px;white-space:nowrap}.hr-similar .hr-similar__view-all:focus-visible,.hr-similar .hr-similar__view-all:hover{color:var(--hr-blue-700)}.hr-similar .hr-similar__view-all .hr-arrow-link__icon{display:inline-flex;transition:transform var(--dur) var(--ease-out)}.hr-similar .hr-similar__view-all:focus-visible .hr-arrow-link__icon,.hr-similar .hr-similar__view-all:hover .hr-arrow-link__icon{transform:translateX(3px)}.hr-similar__list{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.hr-similar__item{display:flex;min-width:0}.hr-similar .hr-similar__card,.hr-similar .hr-similar__card:focus,.hr-similar .hr-similar__card:focus-visible,.hr-similar .hr-similar__card:hover{text-decoration:none}.hr-similar .hr-similar__card *{text-decoration:inherit}.hr-similar__card{background:#fff;border:1px solid var(--hr-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);color:inherit;display:block;overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);width:100%}@media (hover:hover){.hr-similar__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.hr-similar__card:focus-visible{box-shadow:var(--shadow-focus);outline:none}.hr-similar__article{display:flex;flex-direction:column;height:100%}.hr-similar__thumb{aspect-ratio:16/10;background:var(--hr-blue-50);overflow:hidden;position:relative;width:100%}.hr-similar__img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;-webkit-user-drag:none;user-select:none}.hr-similar__tag{background:#eaf6e1;border-radius:var(--r-pill);color:#2f5511;font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:.04em;padding:3px 9px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:2}.hr-similar__body{background:#fff;display:flex;flex:1;flex-direction:column;gap:4px;min-height:100px;padding:var(--sp-3) var(--sp-4) var(--sp-4)}.hr-similar h3.hr-similar__title{color:var(--hr-navy);display:-webkit-box;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.005em;-webkit-line-clamp:2;line-height:1.3;margin:0;-webkit-box-orient:vertical;overflow:hidden}.hr-similar .hr-similar__meta{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.4;margin:auto 0 0}@media (max-width:900px){.hr-similar__list{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.hr-similar h2.hr-similar__h2{font-size:clamp(20px,5.6vw,24px)}}@media (max-width:560px){.hr-similar__list{display:flex;gap:12px;grid-template-columns:none;margin:0 calc(var(--container-pad)*-1);overflow-x:auto;padding:0 var(--container-pad) 8px;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x}.hr-similar__item{flex:0 0 75%;max-width:280px;scroll-snap-align:start}}@media (prefers-reduced-motion:reduce){.hr-similar__card,.hr-similar__img{transition:none!important}}.hr-similar__editor-empty{background:var(--hr-blue-50);border:1px dashed var(--hr-border-strong);border-radius:var(--r-md);color:var(--hr-text-strong);font-size:var(--fs-body-sm);line-height:var(--lh-base);margin-top:var(--sp-5);padding:var(--sp-5)}.hr-similar__editor-empty p{margin:0 0 var(--sp-2)}.hr-similar__editor-empty ul{margin:0;padding-left:var(--sp-5)}.hr-similar__editor-empty li{margin-bottom:var(--sp-1)}.hr-similar__editor-empty code{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-xs);font-size:.85em;padding:1px 6px}