
    .sStories .conArea { margin-top: 0; }
    .sStories .info1 { padding-bottom: 0; margin-bottom: 20px; background: none; min-height: auto; }
    .sStories .info1 .text { margin: 0; }
    .sStories .info1 .text h1 { text-align: center; font-size: 18px; padding: 0 0 5px; margin: 0 0 20px; font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif; }
    .sStories .info1 .text p { text-align: left; font-size: 16px; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .sStories .info1 .text p a { font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .sStories .info1 .shareBtn { width: auto; max-width: none; display: table; margin: 20px auto 0; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; }
    .sStories .r1 .tit1 { margin-top: 0; font-weight: 700; font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif; letter-spacing: 0.5px; }
    .sStories .r1 .tList a { font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .sStories .publicPagination a, .sStories .publicPagination span { font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .sStories .publicPagination { display: flex; justify-content: center; list-style: none; padding: 20px 0 15px 0; margin: 0; }

    /* Sort dropdown */
    .atw-sort-section { margin-bottom: 5px; position: relative; }
    .atw-sort-dropdown { position: relative; display: inline-block; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .atw-sort-label {
        font-size: 15px; font-weight: 500; cursor: pointer; display: flex;
        align-items: center; gap: 5px; user-select: none; padding: 8px 0;
        background: none; border: none; color: inherit;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    }
    .atw-dropdown-arrow {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-bottom: 1.5px solid #333;
        border-right: 1.5px solid #333;
        transform: rotate(45deg);
        vertical-align: middle;
        margin-left: 4px;
        margin-bottom: 3px;
        transition: transform 0.25s ease;
    }
    .atw-dropdown-arrow.open {
        transform: rotate(-135deg);
        margin-bottom: 0;
        margin-top: 2px;
    }
    .atw-sort-options {
        position: absolute; top: 100%; left: 0; margin-top: 5px;
        background-color: white; border: 1px solid #e0e0e0; border-radius: 8px;
        min-width: 200px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        z-index: 100; overflow: hidden;
        list-style: none; padding: 0;
        max-height: 0; opacity: 0;
        transition: max-height 0.25s ease, opacity 0.2s ease;
    }
    .atw-sort-options.show { max-height: 200px; opacity: 1; }
    .atw-sort-option {
        padding: 10px 20px; cursor: pointer; font-size: 15px; position: relative;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    }
    .atw-sort-option:hover { background-color: #f5f5f5; }
    .atw-sort-option.selected::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        width: 8px;
        height: 14px;
        border-bottom: 2px solid #333;
        border-right: 2px solid #333;
        transform: translateY(-60%) rotate(45deg);
    }

    .atw-posts-list { margin-top: 15px; }

    .atw-post {
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }
    .atw-post:last-child { border-bottom: none; }

    .atw-post-header {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 15px;
    }
    .atw-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        flex-shrink: 0;
        object-fit: cover;
    }
    .atw-name {
        font-size: 14px;
        font-weight: 600;
        color: #1B1B1B;
        font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    }

    .atw-post-body {
        font-size: 14px;
        line-height: 1.6;
        color: #1B1B1B;
        margin-bottom: 15px;
        padding-left: 50px;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
        word-break: break-word;
    }

    .atw-post-stats {
        display: flex;
        gap: 43px;
        padding-left: 50px;
        margin-bottom: 20px;
        font-size: 15px;
        color: #666;
        justify-content: flex-end;
    }
    .atw-icon {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 2px;
    }
    .atw-like { cursor: pointer; display: flex; align-items: center; gap: 5px; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .atw-comment-count { display: flex; align-items: center; gap: 5px; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; cursor: pointer; }
    .atw-comment-count:hover { color: #1B1B1B; }
    .like-num, .comment-num { font-style: normal; color: #0F0F0F; }
    .atw-like:hover { color: #1B1B1B; }

    .atw-comments {
        padding-left: 50px;
        margin-top: 8px;
    }
    .atw-comment {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 10px 0;
    }
    .atw-dot-sm {
        margin-top: 1px;
    }
    .atw-dot-sm {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        display: block;
        flex-shrink: 0;
        object-fit: cover;
    }
    .atw-comment-body {
        font-size: 14px;
        line-height: 20px;
        color: #1B1B1B;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
        min-width: 0;
        word-break: break-word;
    }
    .atw-comment-name {
        font-weight: 600;
        color: #1B1B1B;
        margin-right: 0;
        font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    }
    .atw-comment-name::after { content: ': '; font-weight: 400; }
    .atw-comment-text {
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    }

    .atw-comment-form {
        padding-left: 50px;
        margin-top: 8px;
    }
    .atw-comment-form form {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .atw-comment-form textarea[name="content"] {
        flex: 1;
        border: 1px solid #ddd;
        border-radius: 20px;
        padding: 8px 16px;
        font-size: 13px;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
        min-height: 38px;
        max-height: 120px;
        box-sizing: border-box;
        resize: none;
        overflow-y: auto;
        line-height: 20px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .atw-comment-form textarea[name="content"]::-webkit-scrollbar { display: none; }
    .atw-comment-form textarea[name="content"]:focus {
        outline: none;
        border-color: #999;
    }
    .atw-comment-form textarea[name="content"]::placeholder {
        color: #aaa;
    }
    .atw-send-icon {
        width: 24px;
        height: 24px;
    }
    .atw-comment-btn {
        background: none;
        border: none;
        color: #999;
        cursor: pointer;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.4;
        transition: color 0.2s, opacity 0.2s;
    }
    .atw-comment-btn:hover { color: #333; }
    .atw-comment-btn:disabled { color: #ccc; cursor: not-allowed; opacity: 0.4; }
    .atw-comment-btn.active { color: #333; opacity: 1; }

    .atw-comment-hidden { display: none; }
    .atw-more-btn {
        background: none;
        border: none;
        color: #666;
        cursor: pointer;
        font-size: 13px;
        text-decoration: underline;
        margin-top: 5px;
        padding: 0;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    }
    .atw-more-btn:hover { color: #333; }

    .no-posts {
        text-align: center;
        padding: 40px 20px;
        color: #666;
    }
    .no-posts p { margin-bottom: 20px; font-size: 16px; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; }
    .no-posts .shareBtn { height: 44px; line-height: 44px; display: inline-block; border: 1px solid #0f0f0f; background-color: #fff; color: #0f0f0f; text-transform: uppercase; font-size: 14px; margin: 0 auto; padding: 0 40px; font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; text-decoration: none; cursor: pointer; }

    @media (max-width: 768px) {
        .atw-post-body, .atw-post-stats, .atw-comments, .atw-comment-form { padding-left: 0; }
        .atw-post-stats { justify-content: flex-end; }
        .sStories .r1 { margin-top: 30px; }

        /* DE4-326034 + DE4-326033: center-align styles now applied globally */
    }

    /* Login prompt popup */
    .atw-login-overlay {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1000000;
        justify-content: center;
        align-items: center;
        animation: atwBgFadeIn 0.2s linear both;
    }
    .atw-login-overlay.show { display: flex; }
    .atw-login-popup {
        background: #fff;
        border-radius: 5px;
        padding: 0;
        max-width: calc(100% - 16px);
        width: 320px;
        text-align: center;
        animation: atwPopupShow 0.2s linear both;
    }
    .atw-login-content {
        padding: 30px 25px;
        border-bottom: 1px solid #dfdfdf;
    }
    .atw-login-title {
        font-size: 16px;
        font-weight: 700;
        color: #0F0F0F;
        margin: 0 0 12px;
        font-family: STIXTwoText-Bold, Arial, Helvetica, sans-serif;
        letter-spacing: 0.3px;
    }
    .atw-login-desc {
        font-size: 14px;
        color: #0F0F0F;
        margin: 0;
        line-height: 1.5;
        font-family: STIXTwoText-Medium, Arial, Helvetica, sans-serif;
    }
    .atw-login-actions {
        display: flex;
    }
    .atw-login-actions > * {
        flex: 1;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    }
    .atw-login-later {
        background: none;
        border: none;
        color: #999;
        font-size: 14px;
        font-weight: 700;
        font-family: STIXTwoText-SemiBold, Arial, Helvetica, sans-serif;
    }
    .atw-login-btn {
        color: #111110;
        border-left: 1px solid #dfdfdf;
    }
    @keyframes atwBgFadeIn {
        from { background: rgba(0,0,0,0); }
        to { background: rgba(0,0,0,0.5); }
    }
    @keyframes atwPopupShow {
        from { transform: scale3d(0,0,0); }
        to { transform: scale3d(1,1,1); }
    }
    @media (min-width: 769px) {
        .atw-login-popup { width: 420px; max-width: 420px; }
        .atw-login-content { padding: 40px 35px; }
        .atw-login-title { font-size: 20px; margin-bottom: 16px; }
        .atw-login-desc { font-size: 16px; }
        .atw-login-actions > * { height: 56px; line-height: 56px; font-size: 16px; }
    }

    /* Loading overlay */
    .atw-loading {
        display: none;
        position: fixed;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.3);
        z-index: 999999;
        justify-content: center;
        align-items: center;
    }
    .atw-loading.show { display: flex; }
    .atw-spinner {
        width: 40px;
        height: 40px;
        border: 4px solid #f0f0f0;
        border-top: 4px solid #000;
        border-radius: 50%;
        animation: atwSpin 0.8s linear infinite;
    }
    @keyframes atwSpin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
