:root{--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-text-primary:#e6edf3;--color-text-secondary:#8b949e;--color-accent:#58a6ff;--color-accent-hover:#79c0ff;--color-border:#30363d;--color-success:#3fb950;--color-danger:#da3633;--color-danger-hover:#f85149;--color-danger-text:#fff;--color-link-unvisited:#58a6ff;--color-link-visited:#bc8cff;--color-link-hover:#79c0ff;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas","Monaco",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--sidebar-width:240px;--content-max-width:1200px;--article-max-width:680px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;display:flex}dialog:modal>.modal-filler{opacity:0;z-index:-10;width:100%;height:100%;position:absolute;top:0;left:0}dialog{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-xl);max-width:500px;color:var(--color-text-primary);font-family:var(--font-sans);border-radius:8px;margin:0;line-height:1.6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080;&::backdrop{backdrop-filter:blur(4px);background-color:#000000b3}& .dialog-buttons{gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:flex-end;display:flex;& button.dialog-action-button{padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:2px solid #0000;border-color:var(--color-border);border-radius:6px;font-size:.95rem;font-weight:600;transition:all .2s;&:hover{background-color:var(--color-bg-primary);border-color:var(--color-accent)}&:active{transform:scale(.98)}&:last-child{background-color:var(--color-accent);color:var(--color-bg-primary);border-color:var(--color-accent);&:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}}&.danger{background-color:var(--color-danger);color:var(--color-danger-text);border-color:var(--color-danger);&:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}}}}}aside{width:var(--sidebar-width);background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:var(--spacing-lg);height:100vh;position:fixed;top:0;left:0;overflow-y:auto;& nav{& ul{list-style:none;& li{margin-bottom:var(--spacing-sm);& a{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);border-radius:6px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:block;&:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}&:active{transform:scale(.98)}}}}}}main{margin-left:var(--sidebar-width);padding:var(--spacing-xl);width:calc(100% - var(--sidebar-width));flex:1;& .page-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border);& h1{color:var(--color-text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:700;&:before{content:"> ";font-family:var(--font-mono);color:var(--color-accent);font-weight:600}}}}ul.articles{max-width:var(--article-max-width);list-style:none;& li{margin-bottom:var(--spacing-xl);& article.feed-article{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-lg);border-radius:8px;transition:border-color .2s;&:hover{border-color:var(--color-accent)}& h3{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600;line-height:1.4;& a{color:var(--color-link-unvisited);text-decoration:none;transition:color .2s;&:visited{color:var(--color-link-visited)}&:hover{color:var(--color-link-hover);text-decoration:underline}}}& a.article-meta{color:var(--color-text-secondary);padding:var(--spacing-xs)0;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-block;&:hover{color:var(--color-accent)}}& p.article-meta{color:var(--color-text-secondary);margin:var(--spacing-xs)0;font-size:.875rem}& div.article-tags{align-items:center;gap:var(--spacing-xs);margin:var(--spacing-sm)0;flex-wrap:wrap;display:flex;& span.article-tags-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}& button.article-tag-button{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-sm);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:12px;font-size:.8rem;font-weight:500;transition:all .2s;&:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary);transform:scale(1.05)}&:active{transform:scale(.98)}}}& div.feed-article-body{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md);& button.toggle-article-summary-button{cursor:pointer;color:var(--color-accent);padding:var(--spacing-sm)0;font-weight:600;font-family:var(--font-sans);text-align:left;user-select:none;background:0 0;border:none;font-size:.95rem;transition:color .2s;&:hover{color:var(--color-accent-hover)}}& .feed-article-summary{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:4px;max-width:100%;font-size:.95rem;line-height:1.7;display:block;overflow-x:auto;& p{margin-bottom:var(--spacing-md);&:last-child{margin-bottom:0}}& a{color:var(--color-link-unvisited);text-decoration:underline;&:visited{color:var(--color-link-visited)}&:hover{color:var(--color-link-hover)}}& img{max-width:100%;height:auto;margin:var(--spacing-md)0;border-radius:4px}& code{font-family:var(--font-mono);background-color:var(--color-bg-primary);color:var(--color-success);border-radius:3px;padding:.2em .4em;font-size:.9em}& pre{background-color:var(--color-bg-primary);padding:var(--spacing-md);margin:var(--spacing-md)0;border-radius:4px;overflow-x:auto;& code{background-color:#0000;padding:0}}& blockquote{border-left:3px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-md)0;color:var(--color-text-secondary);font-style:italic}& ul,& ol{margin:var(--spacing-md)0;padding-left:var(--spacing-lg)}& li{margin-bottom:var(--spacing-xs)}& h1,& h2,& h3,& h4,& h5,& h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:600;&:first-child{margin-top:0}}}}}}}section.river-controls{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);max-width:var(--article-max-width);align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);border-radius:8px;flex-wrap:wrap;font-size:.95rem;display:flex;& button.clear-all-tags{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;&:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}&:active{transform:scale(.96)}}& button.refresh-river-button{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;max-width:var(--article-max-width);border-radius:6px;font-size:.95rem;font-weight:600;transition:all .2s;&:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px #58a6ff4d}&:active:not(:disabled){transform:translateY(0)}&:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}}}button.tag-filter-button{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:16px;font-size:.875rem;font-weight:500;transition:all .2s;&:hover{background-color:var(--color-bg-primary);border-color:var(--color-accent);color:var(--color-accent)}&.selected{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary);font-weight:600;&:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}}&:active{transform:scale(.96)}}button.scroll-to-top-button{bottom:var(--spacing-xl);right:max(var(--spacing-xl),calc((100vw - var(--article-max-width) - var(--sidebar-width)) - 200px));background-color:var(--color-accent);color:var(--color-bg-primary);border:2px solid var(--color-accent);padding:var(--spacing-md)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;z-index:100;border-radius:8px;font-size:.95rem;font-weight:600;transition:all .2s;position:fixed;box-shadow:0 4px 12px #0000004d;&:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #58a6ff66}&:active{transform:translateY(0);box-shadow:0 2px 8px #0000004d}}section.organise-tags-section,section.add-feed-section,section.import-opml-section,section.your-subscriptions-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);max-width:var(--content-max-width);border-radius:8px;& h3{color:var(--color-text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:1.5rem;font-weight:600;&:before{content:"# ";font-family:var(--font-mono);color:var(--color-accent)}}}section.organise-tags-section{gap:var(--spacing-lg);flex-wrap:wrap;display:flex;& h3{flex-basis:100%}&>ul{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;align-content:flex-start;min-width:300px;list-style:none;display:flex;& li{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:var(--spacing-sm)var(--spacing-md);align-items:center;gap:var(--spacing-sm);border-radius:6px;display:flex;& span{font-size:.95rem;font-weight:500}& button{cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:transform .2s;&:hover{transform:scale(1.2)}&:active{transform:scale(.9)}}}}& form{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);min-width:300px;padding:var(--spacing-lg);border-radius:6px;flex:1;align-self:flex-start;&>div{margin-bottom:var(--spacing-md);&:last-of-type{margin-bottom:var(--spacing-lg)}& label{margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-size:.95rem;font-weight:500;display:block;&.required:after{content:" *";color:var(--color-accent)}}& input{width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);border-radius:6px;font-size:.95rem;transition:border-color .2s;display:block;&:focus{border-color:var(--color-accent);outline:none}&::placeholder{color:var(--color-text-secondary)}}}& button[type=submit]{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.95rem;font-weight:600;transition:all .2s;&:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px)}&:active:not(:disabled){transform:translateY(0)}&:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}}}}section.add-feed-section{& p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}& form{&>div{margin-bottom:var(--spacing-md);& label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem;font-weight:500;display:block}& input[type=url]{width:100%;max-width:500px;margin-top:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);border-radius:6px;font-size:.95rem;transition:border-color .2s;display:block;&:focus{border-color:var(--color-accent);outline:none}&::placeholder{color:var(--color-text-secondary)}&:disabled{opacity:.6;cursor:not-allowed}}}& button[type=submit]{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.95rem;font-weight:600;transition:all .2s;&:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px)}&:active:not(:disabled){transform:translateY(0)}&:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}}}& div.success-message{background-color:var(--color-bg-tertiary);border:1px solid var(--color-success);padding:var(--spacing-md);margin-top:var(--spacing-lg);border-radius:6px;& h3{color:var(--color-success);margin-bottom:var(--spacing-md);border-bottom:none;padding-bottom:0;font-size:1.125rem;&:before{content:"✓ ";font-family:var(--font-sans)}}& dl{background-color:#0000;border:none;margin:0;padding:0;& dt{margin-top:var(--spacing-sm);font-size:.875rem;&:first-child{margin-top:0}}& dd{margin-bottom:var(--spacing-sm);font-size:.95rem;& a{color:var(--color-accent);text-decoration:none;&:hover{color:var(--color-accent-hover);text-decoration:underline}}}}}}section.import-opml-section{& p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}& form{&>div{margin-bottom:var(--spacing-md);& label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem;font-weight:500;display:block}& input[type=file]{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);color:var(--color-text-primary);cursor:pointer;display:block}}& button[type=submit]{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.95rem;font-weight:600;transition:all .2s;&:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px)}&:active:not(:disabled){transform:translateY(0)}&:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}}}& p.success{color:#4caf50;margin-top:var(--spacing-md);font-weight:500}& p.error{color:#dc3545;margin-top:var(--spacing-md);font-weight:500}}div.subscription-filters{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:8px;&>div{margin-bottom:var(--spacing-md);&:last-child{margin-bottom:0}& label{color:var(--color-text-secondary);font-size:.95rem;font-weight:500;& input[type=text]{margin-left:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);border-radius:6px;min-width:250px;font-size:.95rem;transition:border-color .2s;&:focus{border-color:var(--color-accent);outline:none}&::placeholder{color:var(--color-text-secondary)}}}}& div.tag-filters{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex;& strong{color:var(--color-text-secondary);font-size:.95rem}}& button.clear-filters-button{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;&:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary)}&:active{transform:scale(.96)}}}article.subscription-item{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:8px;transition:border-color .2s;&:hover{border-color:var(--color-accent)}& h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:600}& div.feed-status{margin-bottom:var(--spacing-sm);& div.last-article-info{color:var(--color-text-secondary);font-size:.875rem;& strong{font-weight:600}}}& a.article-meta{color:var(--color-accent);margin-bottom:var(--spacing-md);font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-block;&:hover{color:var(--color-accent-hover);text-decoration:underline}}&>div{margin-bottom:var(--spacing-md);& strong{color:var(--color-text-secondary);font-size:.95rem;font-weight:600}& ul{gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;list-style:none;display:flex;& li{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-sm);align-items:center;gap:var(--spacing-sm);border-radius:6px;display:flex;& span{font-size:.875rem;font-weight:500}& button{cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;line-height:1;transition:transform .2s;&:hover{transform:scale(1.2)}&:active{transform:scale(.9)}}}}& label{color:var(--color-text-secondary);font-size:.95rem;font-weight:500;& select{margin-left:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.95rem;transition:border-color .2s;&:focus{border-color:var(--color-accent);outline:none}}}}&>a{color:var(--color-accent);margin-right:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-block;&:hover{color:var(--color-accent-hover);text-decoration:underline}}& button.unsubscribe-button{color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-sans);cursor:pointer;background-color:#0000;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;&:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}&:active{transform:scale(.96)}}}dl{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-lg);max-width:var(--content-max-width);border-radius:8px;& dt{color:var(--color-text-secondary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:.95rem;font-weight:600;&:first-child{margin-top:0}}& dd{color:var(--color-text-primary);align-items:center;gap:var(--spacing-md);margin-bottom:0;margin-left:0;font-size:1rem;display:flex;& button.edit-profile-button,& button.change-password-button{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-sans);cursor:pointer;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;&:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-primary);transform:translateY(-1px)}&:active{transform:translateY(0)}}& button.logout-button{color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-sans);cursor:pointer;background-color:#0000;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;&:hover{color:#fff;background-color:#dc3545;border-color:#dc3545;transform:translateY(-1px)}&:active{transform:translateY(0)}}& form{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);width:100%;padding:var(--spacing-md);border-radius:6px;&>div{margin-bottom:var(--spacing-md);&:last-of-type{margin-bottom:var(--spacing-md)}}& label.form-label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.95rem;font-weight:500;display:block;& input{width:100%;margin-top:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);border-radius:6px;font-size:.95rem;transition:border-color .2s;display:block;&:focus{border-color:var(--color-accent);outline:none}&::placeholder{color:var(--color-text-secondary)}}}& button[type=button],& button[type=submit]{background-color:var(--color-accent);color:var(--color-bg-primary);border:1px solid var(--color-accent);padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-sans);cursor:pointer;margin-right:var(--spacing-sm);border-radius:6px;font-size:.95rem;font-weight:600;transition:all .2s;&:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-1px)}&:active:not(:disabled){transform:translateY(0)}&:disabled{background-color:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}}& button[type=button]{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border);&:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}}}}}@media (width<=768px){body{flex-direction:column}aside{border-right:none;border-bottom:1px solid var(--color-border);width:100%;height:auto;padding:var(--spacing-md);position:static;& nav ul{gap:var(--spacing-xs);flex-wrap:wrap;display:flex;& li{margin-bottom:0;& a{padding:var(--spacing-xs)var(--spacing-sm);font-size:.875rem}}}}main{width:100%;padding:var(--spacing-md);margin-left:0;& .page-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);& h1{font-size:1.5rem}}}ul.articles{& li{& article.feed-article{padding:var(--spacing-md);& h3{font-size:1.125rem}& div.feed-article-body{& .feed-article-summary{padding:var(--spacing-sm);font-size:.9rem}}}}}section.organise-tags-section,section.add-feed-section,section.import-opml-section,section.your-subscriptions-section{padding:var(--spacing-md);& h3{font-size:1.25rem}}div.subscription-filters{&>div label input[type=text]{margin-left:0;margin-top:var(--spacing-xs);min-width:100%;display:block}}article.subscription-item{padding:var(--spacing-md);& h4{font-size:1.125rem}}button.scroll-to-top-button{bottom:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);font-size:.875rem}dl{padding:var(--spacing-md);& dd{flex-direction:column;align-items:flex-start;& form{& button[type=button],& button[type=submit]{width:100%;margin-right:0;margin-bottom:var(--spacing-sm);&:last-child{margin-bottom:0}}}}}}