/* Familiar reading cards and touch rails for the main home feed. */
.ut-topic-rail{display:flex;align-items:center;gap:9px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0 12px;margin:0 0 16px;min-width:0;max-width:100%;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.ut-topic-rail::-webkit-scrollbar,.ut-mobile-rail::-webkit-scrollbar{display:none}
.ut-topic-rail>a{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-height:44px;padding:9px 15px;background:#f3f6fd;border:1px solid #e1e7f2;border-radius:999px;color:#38547f;font-size:14px;line-height:1.5;white-space:nowrap;scroll-snap-align:start}
.ut-topic-rail>a:hover,.ut-topic-rail>a:focus-visible{background:#e9efff;border-color:#b1c2f5;color:#294cc7}
.ut-topic-rail .ut-topic-all{background:#eaf0ff;color:#3659e3;font-weight:700}
.ut-topic-rail small{font-size:14px;color:#65789a}
.ut-feed-grid,.ut-practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-width:0}
.ut-feed-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e0e6ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #25365a04}
.ut-feed-card:hover{border-color:#b8c8eb}
.ut-feed-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf2fc;flex:none}
.ut-feed-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.ut-feed-card:hover .ut-feed-image img{transform:scale(1.025)}
.ut-feed-placeholder{display:flex;align-items:center;justify-content:center;gap:13px;padding:20px;color:#647bad;background:linear-gradient(130deg,#edf2fe,#f5f6fb)}
.ut-feed-placeholder>i{font-size:36px;flex:none}.ut-feed-placeholder>span{font-size:16px;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ut-feed-body{display:flex;flex-direction:column;flex:1;gap:11px;padding:18px;min-width:0}
.ut-feed-meta{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;color:#657594;font-size:14px;line-height:1.5;min-width:0}
.ut-feed-meta>span:first-child{color:#3e5c93;font-weight:600;min-width:0;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ut-feed-meta time{white-space:nowrap;font-size:14px;flex:none}
.ut-feed-card h3,.ut-quiz-card h3{font-size:18px;line-height:1.55;font-weight:700;letter-spacing:-.25px;margin:0}
.ut-feed-card h3 a,.ut-quiz-card h3 a{color:#20324f;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.ut-feed-card h3 a:hover,.ut-quiz-card h3 a:hover{color:#3659e3}
.ut-feed-card p{font-size:16px;line-height:1.65;color:#697993;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ut-feed-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;border-top:1px solid #edf0f6;padding-top:12px;font-size:14px;line-height:1.5;color:#6b7d99}
.ut-feed-footer>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ut-feed-footer>a{flex:none;font-weight:650;color:#3659e3;padding:4px 0}
.ut-feed-empty{grid-column:1/-1;background:#f5f7fc;border:1px dashed #d7e0ef;border-radius:12px;padding:22px;color:#697b95;font-size:16px;line-height:1.75;min-width:0}
.ut-feed-empty>i{color:#5473c1;font-size:24px}.ut-feed-empty>p{margin:9px 0 0}.ut-feed-empty .ut-text-link{margin-top:13px}
.ut-portal-reading .ut-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ut-portal-notices .ut-feed-grid{grid-template-columns:minmax(0,1fr);gap:12px}.ut-feed-notification .ut-feed-body{padding:16px;gap:9px}.ut-feed-notification h3{font-size:17px}.ut-feed-notification p{-webkit-line-clamp:2;font-size:15px}
.ut-portal-notices .ut-feed-image{display:none}.ut-portal-notices .ut-feed-empty{padding:17px;font-size:15px}
.ut-affairs-button{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 26px;border:1px solid #d4e0f7;border-radius:16px;background:linear-gradient(115deg,#eaf0ff,#f1f6fc);color:#233e6c;margin-bottom:22px}
.ut-affairs-button>span:first-child{display:flex;align-items:center;gap:15px;min-width:0}.ut-affairs-button i{font-size:25px;color:#3659e3}.ut-affairs-button strong{font-size:21px;display:block;line-height:1.4}.ut-affairs-button small{font-size:15px;line-height:1.6;display:block;margin-top:4px;color:#627899}.ut-affairs-button .ut-affairs-go{font-size:15px;white-space:nowrap;color:#3659e3;font-weight:700}.ut-affairs-go i{font-size:17px}
.ut-quiz-card{padding:20px;border:1px solid #dfe6f3;background:#f8faff;border-radius:15px;display:flex;flex-direction:column;gap:13px;min-width:0}.ut-quiz-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8edff;color:#3659e3;font-size:22px}.ut-quiz-card p{font-size:15px;line-height:1.7;color:#6b7b97;margin:0}.ut-quiz-card .ut-text-link{margin-top:auto;font-size:15px;min-height:36px}
.ut-practice-account{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;margin-top:18px;border:1px solid #e0e7f3;border-radius:12px;background:#fff;font-size:15px;line-height:1.65;color:#647795}.ut-practice-account>span>i{color:#3659e3;margin-right:7px}.ut-practice-account>a{color:#3659e3;font-weight:650;white-space:nowrap}
.ut-feature-carousel-section{padding-bottom:18px}.ut-feature-carousel-section .ut-section-heading{margin-bottom:14px}.ut-feature-carousel-section .ut-section-heading h2{font-size:25px}
.ut-hero-copy .ut-hero-introduction>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:460px;margin:0 0 25px}
@media(min-width:768px) and (max-width:1100px){.ut-feed-grid,.ut-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .ut-home .ut-home-context{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px 12px;margin-top:16px;border-radius:12px;flex-wrap:nowrap}
 .ut-home-context .ut-context-symbol{width:28px;height:28px;font-size:15px;border-radius:8px}.ut-home .ut-home-context>div{min-width:0}.ut-home .ut-home-context p{font-size:12px;letter-spacing:.5px;margin:0 0 3px}.ut-home .ut-home-context h2{font-size:16px;line-height:1.45;margin:0;overflow-wrap:anywhere}.ut-home .ut-home-context>div>span{display:none}.ut-home .ut-home-context>button{margin:0;min-height:44px;padding:8px 10px;font-size:14px;gap:6px}
 .ut-home-context>button .ut-context-change-word{display:none}
 .ut-home .ut-section{padding-top:34px;padding-bottom:0}.ut-home .ut-section-heading{gap:13px;margin-bottom:17px}.ut-home .ut-section-heading h2{font-size:27px;line-height:1.3;letter-spacing:-.6px}.ut-home .ut-section-heading p{font-size:15px;line-height:1.7;margin-top:9px}.ut-home .ut-section-heading .ut-text-link{font-size:14px;min-height:36px}
 .ut-topic-rail{gap:8px;padding-bottom:8px;margin-bottom:15px}.ut-topic-rail>a{padding:8px 13px}
 .ut-home .ut-mobile-rail{display:flex;align-items:stretch;gap:13px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px;max-width:100%;overscroll-behavior-inline:contain}
 .ut-mobile-rail>.ut-feed-card,.ut-mobile-rail>.ut-quiz-card{flex:0 0 82%;max-width:330px;scroll-snap-align:start}
 .ut-mobile-rail>.ut-feed-empty{flex:0 0 100%}
 .ut-feed-body{padding:15px;gap:8px}.ut-feed-card h3,.ut-quiz-card h3{font-size:18px;line-height:1.55}.ut-feed-card h3 a{min-height:55.8px;max-height:55.8px}.ut-feed-card p{font-size:15px;line-height:1.65;min-height:49.5px;max-height:49.5px}.ut-feed-meta{gap:5px 9px}.ut-feed-footer{padding-top:9px}
 .ut-home .ut-portal-grid{gap:20px}.ut-home .ut-portal-notices{padding:17px;min-width:0}.ut-portal-notices .ut-mobile-rail>.ut-feed-card{flex-basis:92%;max-width:330px}.ut-portal-notices .ut-topic-rail{margin-bottom:10px}
 .ut-affairs-button{padding:18px 16px;margin:0 0 18px;gap:10px}.ut-affairs-button>span:first-child{gap:11px}.ut-affairs-button strong{font-size:19px}.ut-affairs-button small{font-size:14px}.ut-affairs-button .ut-affairs-go{font-size:0}.ut-affairs-button .ut-affairs-go i{font-size:20px}
 .ut-practice-account{flex-direction:column;align-items:flex-start;padding:16px;gap:8px}.ut-quiz-card{padding:18px}.ut-feature-carousel-section{padding-bottom:0}.ut-home .ut-feature-carousel-section .ut-section-heading h2{font-size:23px}.ut-home .ut-hero-copy .ut-hero-introduction>p{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.ut-feed-image img{transition:none}.ut-topic-rail,.ut-mobile-rail{scroll-behavior:auto}}