*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,
body{

height:100%;

font-family:Inter,Arial,sans-serif;

background:#ffffff;

color:#1f2937;

overflow:hidden;

}

#lsp-app{

height:100vh;

display:flex;

flex-direction:column;

}

.lsp-header{

height:72px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 24px;

border-bottom:1px solid #e5e7eb;

background:#fff;

position:fixed;

top:0;

left:0;

right:0;

z-index:100;

}

.lsp-logo img{

height:42px;

}

.lsp-search{

border:none;

background:none;

font-size:24px;

cursor:pointer;

}

#lsp-feed{

margin-top:72px;

height:calc(100vh - 72px);

overflow-y:auto;

scroll-snap-type:y mandatory;

scroll-behavior:smooth;

}

.lsp-pulse{
    width:100%;
    height:100vh;

    display:flex;
    flex-direction:column;

    scroll-snap-align:start;

    background:#ffffff;

}

.pulse-authority{

font-size:14px;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

/* Replace this with your exact LawScroll primary color */
color:#0056b3;

margin-bottom:20px;

}

.pulse-source{

font-size:15px;

color:#6b7280;

margin-bottom:18px;

}

.lsp-pulse h1{

font-size:42px;

line-height:1.2;

font-weight:700;

margin-bottom:30px;

}

.pulse-meta{

font-size:14px;

color:#9ca3af;

margin-bottom:40px;

}

.pulse-link{

color:#0056b3;

text-decoration:none;

font-weight:700;

font-size:18px;

}

@media(max-width:768px){

.lsp-header{

padding:0 16px;

}

.lsp-logo img{

height:34px;

}

.lsp-pulse{

padding:24px;

}

.lsp-pulse h1{

font-size:30px;

}

}

/* Hide scrollbar */

#lsp-feed::-webkit-scrollbar{
    display:none;
}

#lsp-feed{
    scrollbar-width:none;
}

/* Smooth transition */

.lsp-pulse{
    transition:transform .25s ease;
}

/* Hover only on desktop */

@media (hover:hover){

.lsp-pulse:hover{

transform:scale(.995);

}

}