.story-card{padding-left:1.5rem!important;padding-right:1.5rem!important;font-size:1.1rem}.story-header-block{margin-bottom:0.8em}.story-float-right{float:right;clear:right;max-width:500px;margin-left:24px;margin-bottom:8px;display:block}.story-float-right figure{max-width:500px;width:100%;display:block}.story-float-right>div{max-width:100%;display:block}.story-float-right img{max-width:100%;height:auto;display:block}.ad-container{min-height:280px;width:336px;float:right;clear:right;margin:0px 0px 4px 24px;text-align:center}@media (max-width:991.98px){.story-float-right{float:none!important;width:100%!important;max-width:100vw!important;margin:0 0 1.5em 0!important;display:block;clear:both}.story-float-right>div{padding-left:0!important;margin:0 auto!important}.ad-container{float:none;margin:1.5em auto;max-width:100%}}.save-story-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.25rem 2rem;margin:2rem 0;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease}.save-story-card:hover{box-shadow:0 6px 12px rgba(0,0,0,0.15);transform:translateY(-2px)}.card-icon{font-size:3rem;margin-bottom:1rem}.card-success .card-icon{color:#28a745;font-size:3.5rem}.card-content h4{color:#333;margin-bottom:0.5rem;font-size:1.5rem}.card-content h4 .book-icon{font-size:2rem}.card-content p{color:#666;margin-bottom:1.5rem;font-size:1.2rem}.btn-save-story,.btn-signup,.btn-view-library{display:inline-block;background:#4CAF50;color:white;padding:12px 30px;font-size:1.1rem;border:none;border-radius:25px;text-decoration:none;cursor:pointer;transition:all 0.3s;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.btn-save-story:hover,.btn-signup:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.3);text-decoration:none;color:white}.btn-view-library{background:#17a2b8}.btn-view-library:hover{background:#138496;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.3);text-decoration:none;color:white}.member-count{margin-top:1rem;font-size:0.9rem;color:#888;font-style:italic}.login-prompt{margin-top:1rem;font-size:0.95rem;color:#666}.login-prompt a{color:#007bff;text-decoration:underline}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}.btn-save-story,.btn-signup{animation:pulse 2s infinite}.card-success{background:#d4edda;border:2px solid #c3e6cb;padding:1.5rem;border-radius:8px}.footer-nav{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:2rem;margin-top:2rem;margin-bottom:2rem;font-size:1.2rem;box-shadow:0 4px 16px rgba(250,245,220,0.15);border-radius:12px}.footer-content{max-width:100%;margin:0 auto;text-align:left;color:#333;padding:0 1rem}.footer-content a{color:#1a6be6;text-decoration:underline;transition:color 0.2s;white-space:nowrap}.footer-content a:hover{color:#163f8c;text-decoration:none}.story-float-right{float:none!important;margin:1em auto!important;text-align:center;max-width:600px}.story-description{margin-right:360px;min-width:500px}.story-float-right picture,.story-float-right figure{margin:0.5em auto;display:block}@media (max-width:991.98px){.story-description{margin-right:0;min-width:auto}}.content-explanation{background:linear-gradient(to bottom,#f8f9fa 0%,#ffffff 100%);border-left:4px solid #007bff;border-radius:8px;padding:0;margin:2.5rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden}.explanation-cta-button{padding:2rem;text-align:center;background:linear-gradient(135deg,#e7f3ff 0%,#f0f8ff 100%)}.btn-expand-explanation{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white;border:none;padding:1.5rem 2.5rem;font-size:1.3rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,123,255,0.3);display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:100%;max-width:600px;margin:0 auto}.btn-expand-explanation i{font-size:2rem;margin-bottom:0.5rem}.btn-expand-explanation:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,123,255,0.4);background:linear-gradient(135deg,#0056b3 0%,#003d82 100%)}.btn-expand-explanation:active{transform:translateY(0)}.btn-expand-explanation .cta-subtitle{font-size:1.15rem;font-weight:600;opacity:1;color:#ffd700;text-shadow:0 1px 3px rgba(0,0,0,0.3);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:0.95}}.explanation-collapsible{display:none;padding:2rem}.content-explanation.expanded .explanation-collapsible{display:block}.content-explanation.expanded .explanation-cta-button{display:none}.content-explanation.expanded .explanation-preview-section{display:none}.explanation-ellipsis{font-size:1.5rem;color:#6c757d;text-align:center;margin:1rem 0;letter-spacing:0.3rem}.content-explanation header{margin-bottom:1.5rem;padding:1.5rem;margin:-2rem -2rem 1.5rem -2rem;background:linear-gradient(135deg,#0056b3 0%,#003d82 100%);border-radius:8px 8px 0 0;border-bottom:none}.content-explanation header h2{color:#ffffff;font-size:1.8rem;margin-bottom:0.5rem;font-weight:700}.content-explanation .explanation-meta{color:#e3f2fd;font-size:1rem;font-style:italic;margin:0}.content-explanation section{margin-top:2rem}.content-explanation section:first-of-type{margin-top:0}.content-explanation section h3{color:#0056b3;font-size:1.4rem;margin-bottom:0.8rem;font-weight:600;border-bottom:1px solid #dee2e6;padding-bottom:0.3rem}.content-explanation section p{line-height:1.7;margin-bottom:1rem;color:#333}.content-explanation section ul{list-style-type:none;padding-left:0;margin:1rem 0}.content-explanation section li{padding:0.6rem 0 0.6rem 1.8rem;position:relative;line-height:1.6;color:#333}.content-explanation section li::before{content:"→";position:absolute;left:0;color:#007bff;font-weight:bold;font-size:1.2rem}.content-explanation section strong{color:#0056b3;font-weight:600}.explanation-ad-wrapper{margin:2.5rem auto;padding:1.5rem;background:#ffffff;border:1px solid #dee2e6;border-radius:6px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,0.05);max-width:600px;width:100%}.explanation-ad-wrapper .ad-label{font-size:0.7rem;color:#6c757d;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.75rem;font-weight:500}.explanation-cta{margin-top:2.5rem;padding:1.5rem;background:linear-gradient(135deg,#e7f3ff 0%,#f0f8ff 100%);border-radius:8px;text-align:center;border:1px solid #cce5ff}.explanation-cta p{margin-bottom:0.8rem;color:#495057;font-size:1.05rem}.explanation-cta .btn-signup-inline{background:#007bff;color:white;padding:12px 28px;border-radius:24px;text-decoration:none;display:inline-block;margin-top:0.5rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,123,255,0.3)}.explanation-cta .btn-signup-inline:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,123,255,0.4);color:white;text-decoration:none}.explanation-cta .login-note{margin-top:0.8rem;font-size:0.9rem;color:#6c757d}.explanation-cta .login-note a{color:#007bff;text-decoration:underline}.poem-explanation{border-left-color:#6f42c1}.poem-explanation section h3{color:#6f42c1}.poem-explanation section li::before{color:#6f42c1}.essay-explanation{border-left-color:#28a745}.essay-explanation section h3{color:#1e7e34}.essay-explanation section li::before{color:#28a745}.letter-explanation{background:linear-gradient(to bottom,#fffbf0 0%,#ffffff 100%);border-left-color:#856404}.letter-explanation section h3{color:#856404}.letter-explanation section li::before{color:#856404}@media (max-width:767px){.content-explanation{padding:1.5rem 1rem;margin:2rem -1rem;border-radius:0;border-left-width:3px}.content-explanation header{margin:-1.5rem -1rem 1.5rem -1rem;padding:1.25rem 1rem;border-radius:0}.content-explanation header h2{font-size:1.5rem}.content-explanation section h3{font-size:1.2rem}.explanation-ad-wrapper{margin:2rem -1rem;border-radius:0;padding:1rem}.explanation-cta{margin-top:2rem;padding:1.25rem 1rem}}