<p class="ss-t-paragraph">This is default aligned paragraph.</p>
        <p class="ss-t-paragraph">
            This is normal aligned paragraph, using the default alignment and
            typography settings defined in the `ss-t-paragraph` mixin.
        </p>
        <p class="ss-t-paragraph ss-t-text-align--left">
            This is left aligned paragraph. It's useful for enforcing left
            alignment in multilingual or layout-sensitive contexts.
        </p>
        <p class="ss-t-paragraph ss-t-text-align--right">
            This is right aligned paragraph. Right-aligned text may be used for
            captions, pull quotes, or RTL languages.
        </p>
        <p class="ss-t-paragraph ss-t-text-align--center">
            This is center aligned paragraph. Centered text works well for
            titles or callouts, but should be used sparingly in body content.
        </p>
        <p class="ss-t-paragraph ss-t-text-align--justify">
            This is normal justified paragraph, creating clean left and right
            edges. While justified text can appear more formal, it may reduce
            readability on small screens or short lines.
        </p>
        <p class="ss-t-paragraph ss-t-text-align--justify--left">
            This is left justified paragraph.
        </p>
        <p class="ss-t-paragraph ss-t-text-align--justify--right">
            This is right justified paragraph.
        </p>

<section class="ss-t-paragraph">
            <h5>Normal Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>

<section class="ss-t-paragraph ss-t-text-align--left">
            <h5>Left Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>

<section class="ss-t-paragraph ss-t-text-align--right">
            <h5>Right Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>

<section class="ss-t-paragraph ss-t-text-align--center">
            <h5>Center Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>

<section class="ss-t-paragraph ss-t-text-align--justify">
            <h5>Justified Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>

<section class="ss-t-paragraph ss-t-text-align--justify--left">
            <h5>Left Justified Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>

<section class="ss-t-paragraph ss-t-text-align--justify--right">
            <h5>Right Justified Alignment</h5>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
    ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
    occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
    anim id est laborum.</p>
        </section>