/* Shared public-page spacing for layouts with a side menu. */
@media screen {
 main.article-page:has(.submenu-layout,.project-detail-layout,.faq-page-layout,.privacy-layout){
  width:calc(100% - 32px);max-width:1480px;margin-inline:auto;
  padding-inline:24px;box-sizing:border-box;
 }
 main.article-page :is(.submenu-layout,.project-detail-layout,.privacy-layout){
  display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,280px);
  gap:28px;align-items:start;min-width:0;
 }
 main.article-page .faq-page-layout{
  display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);
  gap:28px;align-items:start;min-width:0;
 }
 main.article-page :is(.submenu-layout,.project-detail-layout,.faq-page-layout,.privacy-layout)>*{
  min-width:0;box-sizing:border-box;
 }
 main.article-page :is(.submenu-layout,.project-detail-layout,.faq-page-layout,.privacy-layout)>:not(aside){
  padding:24px;overflow-wrap:anywhere;box-sizing:border-box;
 }
 main.article-page :is(.submenu-sidebar,.faq-category-panel){
  padding:12px;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;
 }
 main.article-page .submenu-sidebar>h2{padding:14px 12px}
 main.article-page .submenu-sidebar nav{padding:8px}
 main.article-page .submenu-help{padding:16px 12px}
 main.article-page .project-detail-layout>aside{padding:12px;overflow-wrap:anywhere}
 main.article-page .privacy-sidebar{min-width:0;overflow-wrap:anywhere}
}
@media screen and (max-width:1000px){
 main.article-page :is(.submenu-layout,.project-detail-layout,.faq-page-layout,.privacy-layout){
  grid-template-columns:minmax(0,1fr);gap:20px;
 }
 main.article-page .submenu-sidebar{order:2}
}
@media screen and (max-width:600px){
 main.article-page:has(.submenu-layout,.project-detail-layout,.faq-page-layout,.privacy-layout){
  width:calc(100% - 20px);padding-inline:12px;
 }
 main.article-page :is(.submenu-layout,.project-detail-layout,.faq-page-layout,.privacy-layout)>:not(aside){padding:16px}
 main.article-page :is(.submenu-sidebar,.faq-category-panel),
 main.article-page .project-detail-layout>aside{padding:10px}
}
