/* =========================================
   Studoes Global App Layout Spacing
   Purpose:
   Reduce global outer workspace padding across
   Study Room, Feed, Post, Saved, Drafts, and other
   authenticated application pages.

   This file intentionally overrides .ss-app-main
   from main.css without growing main.css further.
========================================= */

.ss-app-main {
    padding: 0.48rem 0.64rem 1.4rem;
}

/* Large desktop:
   Keep a tiny breathing space, but give content
   more horizontal room than the old 1.6rem padding. */
@media (min-width: 1400px) {
    .ss-app-main {
        padding-left: 0.72rem;
        padding-right: 0.72rem;
    }
}

/* Laptop and tablet:
   Keep content compact but not touching edges. */
@media (max-width: 1199.98px) {
    .ss-app-main {
        padding: 0.5rem 0.6rem 1.3rem;
    }
}

/* Mobile:
   Use practical touch-friendly edge spacing. */
@media (max-width: 767.98px) {
    .ss-app-main {
        padding: 0.5rem 0.5rem 1.15rem;
    }
}