/* Responsive tablo - mobile + pc'de horizontal scroll */
.ybs-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 1.25rem 0;
    border: 1px solid rgb(226 232 240);
    border-radius: 0.75rem;
    background: #fff;
}
.ybs-table-wrapper table {
    min-width: 640px;
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}
.ybs-table-wrapper th,
.ybs-table-wrapper td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgb(226 232 240);
    vertical-align: top;
}
.ybs-table-wrapper thead th {
    background: rgb(248 250 252);
    font-weight: 600;
    color: rgb(15 23 42);
}
.ybs-table-wrapper tbody tr:hover {
    background: rgb(249 250 251);
}
@media (max-width: 640px) {
    .ybs-table-wrapper { font-size: 0.8125rem; }
    .ybs-table-wrapper::after {
        content: "← Kaydırarak görüntüleyin →";
        display: block;
        padding: 0.5rem 1rem;
        text-align: center;
        color: rgb(100 116 139);
        font-size: 0.75rem;
        background: rgb(248 250 252);
        border-top: 1px solid rgb(226 232 240);
    }
}

/* D36 (2026-05-25): Wrap'siz <table> (cerez-politikasi vb.) içerik
   container'ı doldurmuyordu — 4 sütun dar görünüyordu. .lawyer-narrative
   içindeki tüm tablolar (.key-facts hariç, kendi style'ı var) width:100%
   ile container'a uyum sağlasın. */
.lawyer-narrative table:not(.key-facts) {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    border: 1px solid rgb(226 232 240);
    border-radius: 0.5rem;
    font-size: 0.925rem;
    background: #fff;
    table-layout: auto;
}
.lawyer-narrative table:not(.key-facts) thead th {
    background: rgb(248 250 252);
    color: rgb(15 23 42);
    font-weight: 600;
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgb(226 232 240);
}
.lawyer-narrative table:not(.key-facts) tbody td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgb(241 245 249);
    vertical-align: top;
    line-height: 1.55;
}
.lawyer-narrative table:not(.key-facts) tbody tr:last-child td { border-bottom: 0; }
.lawyer-narrative table:not(.key-facts) tbody tr:nth-child(even) td { background: rgb(250 251 253); }
.lawyer-narrative table:not(.key-facts) code {
    background: rgb(241 245 249);
    color: rgb(15 23 42);
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
}
/* app.bundle.css .lawyer-narrative table { display: block; overflow-x: auto } var (mobil scroll için).
   Desktop'ta block kalsa bile width:100% ile container dolduğundan tablo dar görünmüyor. */