/* Scoped layout rules shared by the public page families. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ss-tool-page main,.ss-studio-page main,.ss-article-page main,.ss-hub-page main,.ss-directory-page main{min-width:0}
.ss-tool-page .titleline>div,.ss-tool-page .workspace>*,.ss-tool-page .toolcard,
.ss-article-page .article-content,.ss-article-page .article-card,
.ss-directory-page .card,.ss-hub-page .faq-group{min-width:0}
.ss-tool-page .titleline h1,.ss-studio-page .heading h1,
.ss-article-page .articles-main h1,.ss-hub-page main h1,.ss-directory-page main h1{
 text-align:start;text-wrap:balance;overflow-wrap:break-word;
}
.ss-tool-page .tool-guide h2,.ss-studio-page .studio-search-help h2,
.ss-article-page .article-content h2,.ss-article-page .support-main h2,
.ss-hub-page main h2,.ss-directory-page main h2{
 text-align:start;line-height:1.35;text-wrap:balance;overflow-wrap:break-word;
}
/* Footer gutters follow each page's main content rather than the viewport edge. */
.ss-tool-page #ss-footer-review>footer{max-width:1250px;margin-inline:auto;padding:36px 46px 28px}
.ss-article-page #ss-footer-review>footer{max-width:1160px;margin-inline:auto;padding:36px 20px 28px}
.ss-studio-page #ss-footer-review>footer{max-width:1700px;margin-inline:auto;padding:36px 24px 28px}
.ss-hub-page #ss-footer-review>footer{max-width:960px;margin-inline:auto;padding:36px 24px 28px}
#ss-footer-review .footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}
#ss-footer-review .footer-grid>*,#ss-footer-review .footer-bottom>*{min-width:0}
#ss-footer-review .brand{padding:0;margin:0;line-height:1.3}
#ss-footer-review .brand img{height:36px;width:36px;object-fit:contain}
#ss-footer-review .column nav a{display:inline-flex;align-items:center;min-height:32px;line-height:1.5}
#ss-footer-review .footer-bottom{flex-wrap:wrap}
#ss-footer-review .social{flex-wrap:wrap}
/* Navigation uses one alignment baseline on article and information pages. */
.ss-article-page .articles-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:20px}
.ss-article-page .articles-header>.brand{margin:0;line-height:1.3;white-space:nowrap}
.ss-article-page .articles-header>nav{justify-self:center;justify-content:center;min-width:0;margin:0}
.ss-article-page .articles-header>.language-control{justify-self:end;margin:0}
.ss-tool-page .shell>header .breadcrumb{min-width:0;white-space:normal;line-height:1.5}
.ss-tool-page .toolcards{grid-template-columns:repeat(3,minmax(0,1fr))}
.ss-hub-page .group-title{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px}
.ss-hub-page .group-title h2{flex:1 1 230px;margin:0}
.ss-hub-page .group-title>a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;white-space:normal;line-height:1.4}
.ss-hub-page #faqSearch>div{min-width:0}
.ss-article-page .article-list-heading{flex-wrap:wrap}
.ss-article-page .article-tool>a,.ss-article-page .library-cta>a,.ss-hub-page .hub-button{
 display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;
 white-space:normal;line-height:1.4;text-align:center;
}
.ss-article-page .article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.ss-studio-page .transport,.ss-studio-page .studio-actions,.ss-studio-page .clip-tools,.ss-studio-page .master{align-items:center}
.ss-studio-page .studio-search-help{box-sizing:border-box;width:100%}
.ss-studio-page .studio-search-help h2{margin:28px 0 12px}
.ss-studio-page .studio-search-help h2:first-child{margin-top:0}
@media(max-width:1100px){.ss-tool-page #ss-footer-review>footer{padding-inline:26px}}
@media(max-width:800px){
 .ss-article-page .articles-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:12px 14px}
 .ss-article-page .articles-header>.brand{grid-column:1;grid-row:1}
 .ss-article-page .articles-header>.language-control{grid-column:2;grid-row:1}
 .ss-article-page .articles-header>nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:flex-start;width:100%;gap:4px 10px}
 .ss-tool-page .toolcards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ss-tool-page #ss-footer-review>footer{padding-inline:20px}
 .ss-article-page #ss-footer-review>footer{padding-inline:14px}
 .ss-tool-page .titleline{flex-wrap:wrap;gap:12px}
}
@media(max-width:720px){
 #ss-footer-review .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #ss-footer-review .column nav a{min-height:40px}
}
@media(max-width:600px){
 .ss-studio-page #ss-footer-review>footer{padding-inline:14px}
 .ss-studio-page .studio-search-help{padding:20px 0!important;margin:24px auto!important}
 .ss-studio-page .heading{align-items:stretch}
 .ss-studio-page .actions{justify-content:flex-start}
 .ss-hub-page #ss-footer-review>footer{padding-inline:18px}
 .ss-hub-page #faqSearch{flex-wrap:wrap;align-items:stretch}
 .ss-hub-page #faqSearch>div:first-child{flex:1 1 100%}
 .ss-hub-page #faqSearch>div:nth-child(2){flex:1 1 180px}
}
@media(max-width:420px){
 .ss-tool-page .toolcards{grid-template-columns:minmax(0,1fr)}
 .ss-tool-page .toolcards .toolcard:last-child{grid-column:auto}
 .ss-tool-page .resultrow:not(.video-export-result)>audio{grid-column:1/-1;grid-row:auto}
 .ss-article-page .article-list-heading{align-items:flex-start;gap:8px}
}