/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.top-read-block-wrapper{--top-read-primary:var(--saho-color-primary);--top-read-primary-dark:var(--saho-color-primary-dark);--top-read-bg:var(--saho-color-surface);--top-read-border:var(--saho-color-gray-200);--top-read-border-accent:var(--top-read-primary);--top-read-shadow:var(--saho-shadow-sm);--top-read-shadow-hover:var(--saho-shadow-xl);--top-read-radius:var(--saho-radius-md);--top-read-transition:all var(--saho-transition-slow);}.saho-top-read-content{margin:2rem 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}.saho-top-read-content.container-fluid{max-width:100%;padding-left:15px;padding-right:15px;}.top-read-block-wrapper .block-section-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--saho-color-gray-200);margin-bottom:1.5rem;padding-bottom:0.75rem;}.top-read-block-wrapper .block-title-wrapper h2,.top-read-block-wrapper .block-title-wrapper h2.top-read-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--saho-color-text-primary);letter-spacing:-0.02em;position:relative;padding-left:0.875rem;}.top-read-block-wrapper .block-title-wrapper h2::before,.top-read-block-wrapper .block-title-wrapper h2.top-read-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.25em;background:var(--saho-color-primary);border-radius:var(--saho-button-radius-md);}.top-read-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;counter-reset:item;}.top-read-list .top-read-item{position:relative;background:var(--top-read-bg,#ffffff);border-radius:var(--top-read-radius,8px);border:1px solid var(--top-read-border,#e2e8f0);border-left:4px solid var(--top-read-border-accent);box-shadow:var(--top-read-shadow);transition:var(--top-read-transition);overflow:hidden;}.top-read-list .top-read-item:hover{box-shadow:var(--top-read-shadow-hover);transform:translateY(-4px);border-left-color:var(--top-read-primary-dark,#7a0000);}.top-read-list .top-read-item .top-read-item__badge{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;color:var(--saho-color-white);background:var(--saho-color-primary);border-radius:var(--saho-button-radius-md);box-shadow:0 2px 6px var(--saho-color-primary-alpha-25);}.top-read-item__content{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;min-height:100px;}.top-read-item__thumbnail{flex-shrink:0;width:120px;height:90px;overflow:hidden;border-radius:var(--saho-button-radius-md);background:var(--saho-color-surface-alt);}.top-read-item__thumbnail a{display:block;width:100%;height:100%;overflow:hidden;}.top-read-item__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);display:block;}.top-read-item:hover .top-read-item__thumbnail img{transform:scale(1.05);}.top-read-item__details{flex:1;min-width:0;}.top-read-item__title{font-size:1rem;font-weight:600;margin:0 0 0.5rem 0;line-height:1.45;color:var(--saho-color-text-primary);}.top-read-item__title a{color:inherit;text-decoration:none;transition:color var(--saho-transition-base);}.top-read-item__title a:hover{color:var(--saho-color-primary);}.top-read-item__views{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.8125rem;color:var(--saho-color-gray-500);background:var(--saho-color-surface-alt);padding:0.25rem 0.75rem;border-radius:var(--saho-button-radius-md);font-weight:500;}.top-read-item__views::before{content:'';display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}.top-read-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;counter-reset:item;}.top-read-grid .top-read-item{background:var(--top-read-bg,#ffffff);border-radius:var(--top-read-radius,8px);overflow:hidden;box-shadow:var(--top-read-shadow);transition:var(--top-read-transition);border:1px solid var(--top-read-border,#e2e8f0);position:relative;display:flex;flex-direction:column;}.top-read-grid .top-read-item:hover{box-shadow:var(--top-read-shadow-hover);transform:translateY(-4px);}.top-read-grid .top-read-item::before{content:counter(item);counter-increment:item;position:absolute;top:0.75rem;right:0.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;color:var(--saho-color-white);background:var(--saho-color-primary);border-radius:var(--saho-button-radius-md);box-shadow:0 2px 6px var(--saho-color-primary-alpha-25);z-index:2;}.top-read-grid .top-read-item__thumbnail{width:100%;height:180px;overflow:hidden;background:var(--saho-color-surface-alt);position:relative;}.top-read-grid .top-read-item__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}.top-read-grid .top-read-item:hover .top-read-item__thumbnail img{transform:scale(1.05);}.top-read-grid .top-read-item__content{padding:1.25rem;flex:1;display:flex;flex-direction:column;}.top-read-grid .top-read-item__title{font-size:1rem;margin:0 0 0.75rem 0;flex:1;color:var(--saho-color-text-primary);}.top-read-grid .top-read-item__title a{color:inherit;text-decoration:none;transition:color var(--saho-transition-base);}.top-read-grid .top-read-item__title a:hover{color:var(--saho-color-primary);}.top-read-grid .top-read-item__views{font-size:0.75rem;align-self:flex-start;}.top-read-cards{display:flex;flex-direction:column;gap:1.5rem;counter-reset:item;}.top-read-card{display:flex;background:var(--top-read-bg,#ffffff);border-radius:var(--top-read-radius,8px);overflow:hidden;box-shadow:var(--top-read-shadow);transition:var(--top-read-transition);border:1px solid var(--top-read-border,#e2e8f0);border-left:4px solid var(--top-read-border-accent);position:relative;}.top-read-card::before{content:counter(item);counter-increment:item;position:absolute;top:1rem;left:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;color:var(--saho-color-white);background:var(--saho-color-primary);border-radius:var(--saho-button-radius-md);box-shadow:0 2px 6px var(--saho-color-primary-alpha-25);z-index:2;}.top-read-card:hover{box-shadow:var(--top-read-shadow-hover);transform:translateY(-4px);border-left-color:var(--top-read-primary-dark,#7a0000);}.top-read-card__image{flex-shrink:0;width:240px;height:160px;overflow:hidden;background:var(--saho-color-surface-alt);position:relative;}.top-read-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}.top-read-card:hover .top-read-card__image img{transform:scale(1.05);}.top-read-card__body{flex:1;padding:1.5rem 1.5rem 1.5rem 4.25rem;display:flex;flex-direction:column;justify-content:space-between;}.top-read-card__title{font-size:1.125rem;font-weight:600;margin:0 0 1rem 0;color:var(--saho-color-text-primary);}.top-read-card__title a{color:inherit;text-decoration:none;transition:color var(--saho-transition-base);}.top-read-card__title a:hover{color:var(--saho-color-primary);}.top-read-card__footer{display:flex;align-items:center;gap:1rem;font-size:0.875rem;color:var(--saho-color-gray-500);}.top-read-card__views{display:flex;align-items:center;gap:0.5rem;background:var(--saho-color-surface-alt);padding:0.375rem 0.875rem;border-radius:var(--saho-button-radius-md);font-weight:500;font-size:0.8125rem;}.top-read-card__views::before{content:'';display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}@media (max-width:768px){.top-read-grid{grid-template-columns:1fr;}.top-read-card{flex-direction:column;border-left:4px solid var(--saho-color-primary);border-top:none;}.top-read-card__image{width:100%;height:200px;}.top-read-card__body{padding:1rem 1rem 1rem 4.25rem;}.top-read-item__content{flex-wrap:wrap;padding:0.875rem 1rem;min-height:auto;}.top-read-item__thumbnail{width:80px;height:60px;}}.top-read-item.is-loading{background:linear-gradient(90deg,var(--saho-color-surface-alt) 0%,var(--saho-color-gray-200) 50%,var(--saho-color-surface-alt) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}.top-read-empty{text-align:center;padding:3rem 1.5rem;color:var(--saho-color-gray-500);}@media print{.top-read-list .top-read-item,.top-read-grid .top-read-item,.top-read-card{box-shadow:none !important;border:1px solid var(--saho-color-gray-200) !important;page-break-inside:avoid;}.top-read-item__thumbnail img,.top-read-card__image img{filter:grayscale(100%);}}