body{
font-family:Assistant;
margin:0;
background:#ffffff;
color:#333;
line-height:1.6;
}

.container{
max-width:900px;
margin:auto;
padding:20px;
}

.menu{
    background:#f5f7fa;
    padding:16px 20px;
    text-align:center;
    border-bottom:1px solid #e3e7ec;
}

.menu a{
    display:inline-block;
    margin:6px 10px;
    text-decoration:none;
    color:#2f3b4a;
    font-weight:600;
    font-size:16px;
}

.menu a:hover{
    color:#355070;
}

.hero{
text-align:center;
margin-top:30px;
}

.hero img{
max-width:100%;
border-radius:10px;
}

.hero h1{
font-size:34px;
margin:15px 0 5px;
}

.hero h2{
font-size:20px;
color:#777;
margin:0;
}

.intro{
max-width:600px;
margin:auto;
margin-top:20px;
}

.home-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:15px;
margin-top:40px;
}

.home-grid a{
display:block;
background:#eef2f7;
padding:20px;
text-align:center;
border-radius:8px;
text-decoration:none;
color:#000;
font-weight:600;
}

footer{
text-align:center;
margin-top:50px;
padding:20px;
color:#666;
border-top:1px solid #ddd;
}

.page-header{
    text-align:center;
    margin:30px 0 40px;
}

.page-header h1{
    font-size:32px;
    margin-bottom:10px;
}

.page-header p{
    color:#666;
    max-width:700px;
    margin:0 auto;
}

.gallery-section{
    margin-bottom:50px;
}

.gallery-section h2{
    font-size:24px;
    margin-bottom:20px;
    border-bottom:1px solid #e3e3e3;
    padding-bottom:10px;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    gap:14px;
}

.gallery-item{
    display:block;
    background:#f7f8fa;
    border-radius:10px;
    overflow:hidden;
    text-decoration:none;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.gallery-item:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.gallery-item img{
    display:block;
    width:100%;
    height:220px;
    object-fit:cover;
}

.cards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:16px;
    margin-top:30px;
}

.content-card{
    display:block;
    padding:22px;
    background:#eef2f7;
    border-radius:10px;
    text-decoration:none;
    color:#222;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.content-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.content-card h2{
    margin-top:0;
    margin-bottom:10px;
    font-size:22px;
}

.content-card p{
    margin:0;
    color:#555;
}

@media (max-width: 640px){
    .gallery-item img{
        height:180px;
    }

    .page-header h1{
        font-size:28px;
    }

    .gallery-section h2{
        font-size:22px;
    }
}

.stories-section{
    margin-bottom:50px;
}

.stories-section h2{
    font-size:24px;
    margin-bottom:20px;
    border-bottom:1px solid #e3e3e3;
    padding-bottom:10px;
}

.stories-list{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:16px;
}

.story-card{
    display:block;
    background:#f7f8fa;
    padding:22px;
    border-radius:10px;
    text-decoration:none;
    color:#222;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.story-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.story-card h3{
    margin-top:0;
    margin-bottom:8px;
    font-size:22px;
}

.story-author{
    margin:0 0 12px;
    color:#666;
    font-weight:600;
}

.read-more{
    display:inline-block;
    margin-top:12px;
    color:#355070;
    font-weight:600;
}

.story-page{
    max-width:760px;
    margin:0 auto;
}

.story-page h1{
    text-align:center;
    margin-bottom:10px;
}

.story-meta{
    text-align:center;
    color:#666;
    margin-bottom:30px;
}

.story-content{
    font-size:18px;
    line-height:1.9;
}

.story-content p{
    margin-bottom:18px;
}

.back-link{
    margin-top:35px;
    text-align:center;
}

.back-link a{
    color:#355070;
    text-decoration:none;
    font-weight:600;
}

.hero-image{
    max-width:100%;
    width:420px;
    border-radius:12px;
    display:block;
    margin:0 auto 24px;
}

.years{
    font-size:28px;
    color:#7a6f66;
    margin:0 0 18px;
    font-weight:700;
}

.home-sections{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
    gap:18px;
    margin:50px 0 20px;
}

.home-card{
    display:block;
    background:#f7f8fa;
    border:1px solid #e5e8ec;
    border-radius:14px;
    padding:24px;
    text-decoration:none;
    color:#222;
    transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(0,0,0,0.08);
    border-color:#d7dde5;
}

.home-card h2{
    margin:0 0 12px;
    font-size:24px;
    color:#2f3b4a;
}

.home-card p{
    margin:0 0 14px;
    color:#555;
    line-height:1.8;
}

.home-card span{
    color:#355070;
    font-weight:700;
}

@media (max-width: 640px){
    .years{
        font-size:24px;
    }

    .home-card{
        padding:20px;
    }

    .home-card h2{
        font-size:22px;
    }
}

.text-page{
    max-width:820px;
    margin:0 auto 40px;
}

.text-content{
    font-size:18px;
    line-height:1.95;
    color:#2f2f2f;
}

.text-content p{
    margin:0 0 18px;
}

@media (max-width: 640px){
    .text-content{
        font-size:17px;
        line-height:1.9;
    }
}

.original-scan{
    margin-top:50px;
    text-align:center;
}

.original-scan h2{
    font-size:24px;
    margin-bottom:18px;
    color:#2f3b4a;
}

.original-scan img{
    max-width:100%;
    height:auto;
    border:1px solid #ddd;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
    background:#fff;
}

.cemetery-content{
    text-align:center;
}

.cemetery-actions{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin:28px 0 36px;
}

.primary-button,
.secondary-button{
    display:inline-block;
    padding:12px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.primary-button{
    background:#355070;
    color:#fff;
}

.primary-button:hover{
    background:#2c415c;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.secondary-button{
    background:#eef2f7;
    color:#2f3b4a;
    border:1px solid #d9e0e8;
}

.secondary-button:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.divider{
    margin:30px auto;
    width:60%;
    border:none;
    border-top:1px solid #e0e0e0;
}

.grave-image{
    margin-top:50px;
    text-align:center;
}

.grave-image h2{
    font-size:24px;
    margin-bottom:18px;
    color:#2f3b4a;
}

.grave-image img{
    max-width:100%;
    width:420px;
    height:auto;
    border-radius:12px;
    border:1px solid #ddd;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    background:#fff;
}

.guestbook-page{
    max-width:820px;
    margin:0 auto;
}

.guestbook-form-wrapper{
    background:#f7f8fa;
    border:1px solid #e5e8ec;
    border-radius:14px;
    padding:24px;
    margin-bottom:36px;
}

.guestbook-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.guestbook-form label{
    font-weight:600;
    color:#2f3b4a;
}

.guestbook-form input,
.guestbook-form textarea{
    font:inherit;
    padding:12px 14px;
    border:1px solid #d7dde5;
    border-radius:10px;
    background:#fff;
    color:#222;
}

.guestbook-form textarea{
    resize:vertical;
    min-height:140px;
}

.guestbook-form button{
    align-self:flex-start;
    background:#355070;
    color:#fff;
    border:none;
    padding:12px 20px;
    border-radius:10px;
    cursor:pointer;
    font-weight:600;
    transition:background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.guestbook-form button:hover{
    background:#2c415c;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.form-success,
.form-error{
    padding:14px 16px;
    border-radius:10px;
    margin-bottom:18px;
    font-weight:600;
}

.form-success{
    background:#eef7ee;
    color:#2f6b3b;
    border:1px solid #cfe6d2;
}

.form-error{
    background:#fff1f1;
    color:#8a2d2d;
    border:1px solid #f0cccc;
}

.guestbook-messages h2{
    font-size:26px;
    margin-bottom:20px;
    color:#2f3b4a;
}

.empty-state{
    color:#666;
}

.guestbook-entry{
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:14px;
    padding:22px;
    margin-bottom:18px;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

.guestbook-entry h3{
    margin:0 0 6px;
    font-size:22px;
    color:#2f3b4a;
}

.guestbook-date{
    color:#777;
    font-size:14px;
    margin-bottom:14px;
}

.guestbook-entry p{
    margin:0;
    line-height:1.9;
}

.guestbook-note{
    margin-top:14px;
    color:#666;
    font-size:14px;
}

.honeypot-field{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important;
}

.pending-badge{
    display:inline-block;
    margin-top:16px;
    padding:10px 16px;
    background:#fff7e8;
    color:#8a5a00;
    border:1px solid #f0d9a7;
    border-radius:999px;
    font-weight:600;
    font-size:14px;
}

.guestbook-admin-page{
    max-width:900px;
    margin:0 auto;
}

.admin-login-box{
    max-width:480px;
    margin:0 auto;
}

.admin-top-bar{
    display:flex;
    justify-content:flex-start;
    margin-bottom:24px;
}

.admin-entry{
    margin-bottom:20px;
}

.admin-status{
    margin-bottom:14px;
    font-weight:600;
    color:#555;
}

.status-approved{
    color:#2f6b3b;
}

.status-pending{
    color:#8a5a00;
}

.admin-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:18px;
}

.admin-actions form{
    margin:0;
}

.danger-button{
    display:inline-block;
    padding:12px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    border:none;
    cursor:pointer;
    background:#8a2d2d;
    color:#fff;
    transition:transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.danger-button:hover{
    background:#732424;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.password-hint{
    margin-top:-6px;
    margin-bottom:8px;
    font-size:13px;
    color:#777;
}

.guestbook-intro-note{
    max-width:760px;
    margin:14px auto 0;
    color:#555;
    line-height:1.8;
}

.admin-contact{
    margin-bottom:12px;
    color:#444;
    font-weight:600;
}

.guestbook-entry,
.guestbook-form-wrapper,
.guestbook-page{
    box-sizing:border-box;
}

.guestbook-entry p,
.form-error,
.form-success,
.guestbook-note,
.guestbook-intro-note{
    overflow-wrap:anywhere;
    word-break:break-word;
}

@media (max-width: 640px){
    .guestbook-page{
        max-width:100%;
        padding:0;
    }

    .guestbook-form-wrapper,
    .guestbook-entry{
        padding:16px;
        border-radius:12px;
    }

    .guestbook-form input,
    .guestbook-form textarea{
        width:100%;
        box-sizing:border-box;
        font-size:16px;
    }

    .guestbook-form button{
        width:100%;
        align-self:stretch;
        text-align:center;
    }

    .guestbook-messages h2{
        font-size:22px;
    }

    .guestbook-entry h3{
        font-size:20px;
    }

    .guestbook-entry p{
        word-break:break-word;
        overflow-wrap:anywhere;
    }

    .pending-badge{
        display:block;
        width:fit-content;
        max-width:100%;
        margin:16px auto 0;
        text-align:center;
    }

    .admin-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .admin-actions form{
        width:100%;
    }

    .admin-actions .primary-button,
    .admin-actions .danger-button,
    .admin-top-bar .secondary-button{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }

    .guestbook-date,
    .admin-contact,
    .admin-status{
        line-height:1.7;
    }
}

/* ===== Guestbook clean fix ===== */

.guestbook-entry,
.guestbook-form-wrapper,
.guestbook-page {
    box-sizing: border-box;
}

.guestbook-entry p,
.form-error,
.form-success,
.guestbook-note,
.guestbook-intro-note {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 640px){
    .guestbook-page{
        max-width:100%;
        margin:0;
        padding:0;
    }

    .guestbook-form-wrapper,
    .guestbook-entry{
        padding:16px;
        border-radius:12px;
        margin:0 0 16px 0;
    }

    .guestbook-form input,
    .guestbook-form textarea{
        width:100%;
        box-sizing:border-box;
        font-size:16px;
    }

    .guestbook-form button{
        width:100%;
        text-align:center;
    }

    .pending-badge{
        display:block;
        width:100%;
        text-align:center;
    }
}

.intro-home{
    max-width: 760px;
    margin: 24px auto 0;
    text-align: center;
}

.intro-home p{
    margin: 0 0 18px;
    line-height: 1.9;
    color: #444;
}

.song-note{
    font-size: 15px;
    color: #666;
}

.intro-link{
    text-align:center;
    margin-top:20px;
}

.intro-link a{
    color:#355070;
    font-weight:600;
    text-decoration:none;
}

.center-text{
    text-align: center;
}

.memorial-page{
    max-width: 900px;
    margin: 0 auto;
}

.memorial-box{
    background:#fafbfc;
    border:1px solid #e3e7ec;
    border-radius:12px;

    max-width:640px;   /* 🔥 זה השינוי החשוב */
    margin:20px auto;  /* מרכז את הקופסה */

    padding:22px 20px; /* פחות נפח */

    line-height:1.9;
    box-shadow:0 4px 12px rgba(0,0,0,0.04);
	
	text-align: center;
}

/* טקסט */
.memorial-box p{
    margin:0 0 16px;
}

/* כותרת משנה */
.story-meta{
    text-align:center;
    color:#666;
    margin-bottom:10px;
}

/* חתימה */
.signature{
    text-align:center;
    margin-top:30px;
    font-weight:600;
    line-height:1.8;
}

.memorial-page h1{
    text-align:center;
    font-weight:600;
}

.memorial-page-en{
    direction:ltr;
}

.memorial-page-en h1{
    text-align:center;
    margin-bottom:10px;
}

.memorial-page-en .story-meta{
    text-align:center;
    margin-bottom:20px;
}

.memorial-box-en{
    direction:ltr;
    text-align:left;
    max-width:640px;
    margin:20px auto;
    padding:22px 20px;
}

.memorial-box-en p{
    text-align:left;
}

.story-card-en h3{
    direction:ltr;
    text-align:left;
    unicode-bidi:plaintext;
}

.story-card-en .read-more{
    direction: rtl;
    text-align: right;
    display: block;
}
.story-card{
    display:flex;
    flex-direction:column;
}

.read-more{
    margin-top:auto;
}

.bilingual-table{
    width:100%;
    border-collapse:separate;
    border-spacing:24px 0;
    table-layout:fixed;
}

.bilingual-table td{
    vertical-align:top;
    width:50%;
}

.bilingual-table .he-col{
    direction:rtl;
    text-align:right;
}

.bilingual-table .en-col{
    direction:ltr;
    text-align:left;
}

@media (max-width: 800px){
    .bilingual-table,
    .bilingual-table tr,
    .bilingual-table td{
        display:block;
        width:100%;
    }

    .bilingual-table{
        border-spacing:0;
    }

    .bilingual-table td{
        margin-bottom:24px;
    }
}

.he-inline{
    direction: rtl;
    unicode-bidi: isolate;
    display: inline-block;
}

.special-memorial-page{
    max-width: 1100px;
    margin: 0 auto;
}

.special-memorial-frame{
    background: #eef09f;
    border: 1px solid #222;
    padding: 24px 28px 32px;
    margin: 20px auto;
}

.special-memorial-topline{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 18px;
    color: #1d32ff;
    font-style: italic;
    font-size: 22px;
    line-height: 1.4;
}

.special-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 18px;
}

.special-side-photo{
    flex: 0 0 130px;
}

.special-side-photo img{
    width: 114px;
    max-width: 100%;
    height: auto;
    display: block;
}

.special-title-area{
    flex: 1;
    text-align: right;
}

.special-title-image{
    max-width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 10px;
}

.special-authors{
    margin: 0;
    color: #111;
    font-size: 20px;
}

.special-memorial-content{
    font-family: "Guttman Yad-Brush", "Comic Sans MS", "Segoe Script", cursive;
    font-size: 30px;
    line-height: 1.95;
}

.special-memorial-content p{
    margin: 0 0 18px;
}

.blue-text{
    color: #173cff;
}

.orange-text{
    color: #ff7a00;
}

@media (max-width: 800px){
    .special-memorial-frame{
        padding: 18px 16px 24px;
    }

    .special-memorial-topline{
        font-size: 18px;
        margin-bottom: 14px;
    }

    .special-header{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .special-title-area{
        width: 100%;
        text-align: right;
    }

    .special-side-photo{
        flex: 0 0 auto;
    }

    .special-memorial-content{
        font-size: 24px;
        line-height: 1.8;
    }
}

.pdf-page{
    max-width:1200px;   /* היה קטן מדי קודם */
    margin:0 auto 40px;
}

.pdf-actions{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 0 24px;
}

.pdf-frame-wrapper{
    background:#fff;
    border:1px solid #d0d6dd;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.pdf-frame{
    display:block;
    width:100%;
    height:85vh;   /* 🔥 זה השינוי החשוב */
    min-height:700px;
    border:none;
    background:#fff;
}

@media (max-width: 640px){
    .pdf-frame{
        height:70vh;
    }
}

/* ברירת מחדל - לא להציג */
.pdf-mobile-fallback{
    display:none;
}

/* רק בנייד */
@media (max-width: 768px), (pointer: coarse){

    .pdf-frame-wrapper{
        display:none;
    }

    .pdf-mobile-fallback{
        display:block;
        text-align:center;
        padding:40px 20px;
        border:1px solid #e3e7ec;
        border-radius:14px;
        background:#f9fafb;
    }
}

.dedication-section{
    margin-bottom:50px;
}

.dedication-section h2{
    font-size:24px;
    margin-bottom:14px;
    border-bottom:1px solid #e3e3e3;
    padding-bottom:10px;
}

.dedication-gallery{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    justify-content:center;
    margin-top:20px;
}

.dedication-gallery img{
    max-width:100%;
    height:auto;
    border-radius:12px;
    border:1px solid #ddd;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
    background:#fff;
}

.stickers-gallery img{
    max-width:280px;
}

.nov-gallery img{
    max-width:360px;
}

.single-image-gallery img{
    max-width:500px;
}

.sidur-dedication-box{
    max-width:620px;
    margin:24px auto 0;
    padding:28px 24px;
    text-align:center;
    border:1px solid #d8d8d8;
    border-radius:14px;
    background:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

.sidur-dedication-image{
    max-width:90px;
    height:auto;
    display:block;
    margin:0 auto 16px;
}

.sidur-dedication-box h2,
.sidur-dedication-box h3,
.sidur-dedication-box h4{
    margin:0 0 10px;
    border:none;
    padding:0;
}

.sidur-dedication-box h2{
    font-size:32px;
}

.sidur-dedication-box h3{
    font-size:20px;
}

.sidur-dedication-box h4{
    font-size:18px;
    color:#444;
}

.sidur-dedication-box p{
    margin:0 0 10px;
}

.sidur-family-line{
    margin-top:18px;
    font-weight:600;
}

.sidur-note{
    font-weight:600;
}

@media (max-width: 640px){
    .dedication-section h2{
        font-size:22px;
    }

    .sidur-dedication-box{
        padding:20px 16px;
    }

    .sidur-dedication-box h2{
        font-size:28px;
    }

    .single-image-gallery img,
    .nov-gallery img,
    .stickers-gallery img{
        max-width:100%;
    }
}

.song-page{
    max-width:800px;
    margin:0 auto;
    text-align:center;
}

.song-player{
    margin-bottom:30px;
}

.song-player audio{
    width:100%;
    max-width:500px;
}

.song-lyrics img{
    max-width:100%;
    height:auto;
    margin-bottom:20px;
    border-radius:12px;
    border:1px solid #ddd;
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.media-list{
    list-style:none;
    padding:0;
    max-width:600px;
    margin:0 auto;
}

.media-list li{
    margin-bottom:14px;
}

.media-list a{
    display:block;
    padding:14px 18px;
    border-radius:10px;
    background:#f5f7fa;
    border:1px solid #e2e6ea;
    text-decoration:none;
    color:#222;
    transition:all 0.2s ease;
}

.media-list a:hover{
    background:#eef2f7;
    transform:translateY(-2px);
}

.media-note{
    text-align:center;
    margin-top:20px;
    color:#666;
    font-size:14px;
}

.media-intro-note{
    max-width:760px;
    margin:0 auto 28px;
    color:#555;
}

.media-gallery{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.media-card{
    background:#fff;
    border:1px solid #e3e7ec;
    border-radius:14px;
    padding:22px;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

.media-card h2{
    margin:0 0 14px;
    font-size:24px;
    color:#2f3b4a;
    text-align:center;
}

.media-card img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
    border-radius:10px;
    border:1px solid #ddd;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
    background:#fff;
}

.media-source-note{
    text-align:center;
    color:#666;
    margin:0 0 14px;
    font-size:14px;
}

@media (max-width: 640px){
    .media-card{
        padding:16px;
    }

    .media-card h2{
        font-size:22px;
    }
}

.media-video-section{
    margin-bottom:40px;
}

.video-wrapper{
    max-width:800px;
    margin:20px auto;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(0,0,0,0.12);
    background:#000;
}

.video-wrapper video{
    width:100%;
    height:auto;
    display:block;
}

@media (max-width: 640px){
    .video-wrapper{
        border-radius:10px;
    }
}

.court-audio-section{
    margin-bottom:40px;
}

.audio-card{
    max-width:700px;
    margin:0 auto 24px;
    padding:18px 20px;
    background:#fff;
    border:1px solid #e3e7ec;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(0,0,0,0.04);
}

.audio-card h3{
    margin:0 0 12px;
    font-size:20px;
    color:#2f3b4a;
    text-align:center;
}

.audio-card audio{
    display:block;
    width:100%;
}

.document-image-page{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.document-image-page img{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto 20px;
    border:1px solid #ddd;
    border-radius:10px;
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
    background:#fff;
}

.ltr{
    direction:ltr;
    text-align:left;
}

.ltr-title{
    direction:ltr;
    text-align:left;
}

.text-content p {
    line-height: 1.8;
    margin-bottom: 14px;
}
/* Accessibility, responsive behavior and file-link disclosure */
:focus-visible{outline:3px solid #d97706;outline-offset:3px}
.skip-link{position:fixed;top:8px;right:8px;z-index:9999;padding:10px 16px;background:#fff;color:#1f2937;border:2px solid #355070;border-radius:8px;transform:translateY(-150%);transition:transform .15s}
.skip-link:focus{transform:translateY(0)}
.menu a[aria-current="page"]{color:#1e3a5f;background:#e4eaf1;border-radius:8px;padding:4px 8px}
.file-link-note{font-size:.86em;font-weight:600;color:#6b4f00}
.file-link{position:relative}
.file-link-overlay{position:absolute;inset:auto 8px 8px 8px;background:rgba(20,30,45,.88);color:#fff;padding:6px 9px;border-radius:7px;font-size:13px;text-align:center;z-index:2}
.not-found{max-width:640px;margin:70px auto}
.admin-top-bar button.secondary-button{font:inherit;cursor:pointer}
audio,video{max-width:100%}
@media (max-width:640px){
 .container{padding:16px}
 .menu{display:flex;gap:6px;overflow-x:auto;justify-content:flex-start;padding:10px 12px;scrollbar-width:thin}
 .menu a{white-space:nowrap;margin:2px;padding:8px 10px;min-height:44px;box-sizing:border-box}
 .cards-grid,.stories-list,.home-sections{grid-template-columns:1fr}
 .primary-button,.secondary-button,.danger-button{min-height:44px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.historical-link-note{color:#7c2d12;font-size:.92em}.links-checked-note{color:#666;font-size:.9em}.links-list li{margin-bottom:12px}