:root{
    --bg:#eef5f7;
    --surface:#ffffff;
    --surface-2:#f7fbfc;
    --surface-3:#eef6f8;
    --surface-4:#f3f8fb;

    --text:#183247;
    --text-2:#5d7382;
    --text-3:#8da0ac;

    --border:#d8e5ea;
    --border-strong:#c9d9df;

    --teal:#157f88;
    --blue:#5d8cf0;
    --cyan:#39b7cf;
    --green:#39c493;
    --mint:#7fe2be;
    --violet:#8f7eff;
    --amber:#d9a455;
    --red:#df7b8a;

    --shadow:0 18px 42px rgba(46,83,109,.08);
    --shadow-soft:0 10px 26px rgba(46,83,109,.05);
    --radius:22px;

    --hero-bg:
        radial-gradient(circle at 100% 0%,rgba(57,196,147,.12),transparent 30%),
        radial-gradient(circle at 85% 10%,rgba(93,140,240,.12),transparent 28%),
        linear-gradient(135deg,#ffffff 0%,#fbffff 56%,#eefaf6 100%);

    --home-gradient:
        linear-gradient(135deg,#157f88 0%,#5d8cf0 50%,#39c493 100%);

    --soft-gradient:
        linear-gradient(135deg,rgba(21,127,136,.08),rgba(93,140,240,.08),rgba(57,196,147,.08));

    --font-serif:Georgia,"Times New Roman",serif;
    --font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html[data-theme="dark"]{
    --bg:#0f1720;
    --surface:#172230;
    --surface-2:#1b2838;
    --surface-3:#1f3042;
    --surface-4:#213448;

    --text:#edf5fa;
    --text-2:#c4d3dc;
    --text-3:#91a8b7;

    --border:#2a4154;
    --border-strong:#35516a;

    --teal:#52c7cb;
    --blue:#7fb2ff;
    --cyan:#66d0e4;
    --green:#58d5a8;
    --mint:#85eac8;
    --violet:#b0a4ff;
    --amber:#edbe75;
    --red:#ef95a1;

    --shadow:0 24px 60px rgba(0,0,0,.28);
    --shadow-soft:0 12px 32px rgba(0,0,0,.16);

    --hero-bg:
        radial-gradient(circle at 100% 0%,rgba(57,196,147,.12),transparent 30%),
        radial-gradient(circle at 85% 10%,rgba(93,140,240,.14),transparent 28%),
        linear-gradient(135deg,#152130 0%,#182535 56%,#17312b 100%);

    --soft-gradient:
        linear-gradient(135deg,rgba(21,127,136,.16),rgba(93,140,240,.14),rgba(57,196,147,.13));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:
        radial-gradient(circle at 0% 0%,rgba(93,140,240,.06),transparent 22%),
        radial-gradient(circle at 100% 0%,rgba(57,196,147,.08),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)),
        var(--bg);
    color:var(--text);
    font-family:var(--font-sans);
}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
main{display:block}

.m-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:color-mix(in srgb,var(--surface) 92%,transparent);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--border);
}

.m-header-top,
.m-type-inner,
.m-head-stats-inner,
.m-page,
.m-footer-inner{
    width:min(1360px,calc(100% - 36px));
    margin:0 auto;
}

.m-header-top{
    min-height:74px;
    display:flex;
    align-items:center;
    gap:18px;
}

.m-brand{
    min-width:240px;
    display:flex;
    align-items:center;
    gap:12px;
}
.m-brand img{
    width:48px;
    height:48px;
    object-fit:contain;
    border-radius:12px;
    background:#fff;
    box-shadow:0 10px 20px rgba(48,82,109,.08);
}
.m-brand-copy{
    display:flex;
    flex-direction:column;
}
.m-brand-copy strong{
    font-family:var(--font-serif);
    font-size:22px;
    line-height:1;
}
.m-brand-copy small{
    margin-top:5px;
    color:var(--text-3);
    font-size:10px;
}

.m-nav{
    margin-left:auto;
    display:flex;
    gap:3px;
}
.m-nav a{
    padding:10px 12px;
    border-radius:10px;
    font-size:12px;
    font-weight:800;
    color:var(--text-2);
}
.m-nav a:hover,
.m-nav a.active{
    color:var(--teal);
    background:var(--soft-gradient);
}

.m-theme{
    width:42px;
    height:42px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface);
    color:var(--text);
    box-shadow:var(--shadow-soft);
}

.m-type-strip{
    border-top:1px solid var(--border);
}
.m-type-inner{
    display:flex;
    align-items:center;
    justify-content:safe center;
    gap:6px;
    padding:8px 0;
    overflow-x:auto;
    scrollbar-width:none;
}
.m-type-inner::-webkit-scrollbar{display:none}
.m-type-link{
    flex:0 0 auto;
    padding:8px 11px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    color:var(--text-2);
    font-size:10px;
    font-weight:850;
    white-space:nowrap;
}
.m-type-link:hover,
.m-type-link.active{
    color:var(--teal);
    border-color:color-mix(in srgb,var(--teal) 35%,var(--border));
    background:var(--soft-gradient);
}
.m-type-icon{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:inline-grid;
    place-items:center;
    border-radius:6px;
    color:currentColor;
    transition:background .16s ease,color .16s ease,transform .16s ease;
}
.m-type-icon svg{
    width:16px;
    height:16px;
    display:block;
}
.m-type-link:hover .m-type-icon{
    transform:translateY(-1px);
}
.m-type-link.active .m-type-icon{
    background:var(--teal);
    color:var(--surface);
}

.m-head-stats{
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--surface-2) 92%,transparent);
}
.m-head-stats-inner{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    padding:8px 0;
}
.m-head-stat{
    min-height:54px;
    padding:10px 12px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.m-head-stat small{
    color:var(--text-3);
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.m-head-stat strong{
    margin-top:5px;
    font-size:17px;
    line-height:1;
}
.m-head-stat span{
    margin-top:4px;
    color:var(--text-2);
    font-size:9px;
}

/* PAGE */

.m-page{
    padding:22px 0 70px;
}
.m-breadcrumb{
    margin-bottom:14px;
    color:var(--text-3);
    font-size:11px;
}
.m-breadcrumb span{margin:0 5px}

.m-hero{
    padding:26px 26px 24px;
    border:1px solid var(--border);
    border-radius:26px;
    background:var(--hero-bg);
    box-shadow:var(--shadow);
}
.m-eyebrow{
    color:var(--teal);
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.m-hero h1{
    margin:10px 0 0;
    font-family:var(--font-serif);
    font-size:clamp(32px,4.2vw,54px);
    line-height:1.04;
}
.m-hero p{
    max-width:920px;
    margin:12px 0 0;
    color:var(--text-2);
    font-size:13px;
    line-height:1.65;
}

.m-searchbar,
.m-inline-search{
    display:flex;
    align-items:center;
    min-width:0;
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--surface);
    overflow:hidden;
    box-shadow:var(--shadow-soft);
}
.m-searchbar{
    margin-top:18px;
    max-width:900px;
}
.m-inline-search{
    min-height:52px;
}
.m-searchbar span,
.m-inline-search span{
    width:46px;
    display:grid;
    place-items:center;
    color:var(--text-3);
}
.m-searchbar input,
.m-inline-search input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    padding:14px 0;
    background:transparent;
    color:var(--text);
}
.m-searchbar button,
.m-inline-search button{
    align-self:stretch;
    min-width:108px;
    border:0;
    font-weight:850;
    color:#fff;
    background:var(--home-gradient);
}

.m-dual-search{
    margin-top:18px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.m-search-caption{
    margin-bottom:6px;
    color:var(--text-3);
    font-size:9px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.m-jump-row{
    margin-top:14px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.m-jump-chip{
    padding:7px 11px;
    border:1px solid var(--border);
    border-radius:999px;
    background:var(--surface);
    color:var(--text-2);
    font-size:10px;
    font-weight:850;
}
.m-jump-chip:hover{
    color:var(--teal);
    background:var(--soft-gradient);
}

.m-layout{
    margin-top:22px;
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    gap:18px;
    align-items:start;
}

.m-filter{
    position:sticky;
    top:168px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
    box-shadow:var(--shadow);
    overflow:hidden;
}
.m-filter-head{
    padding:16px 18px;
    border-bottom:1px solid var(--border);
    font-family:var(--font-serif);
    font-size:18px;
    font-weight:700;
}
.m-filter-head small{
    display:block;
    margin-top:4px;
    color:var(--text-3);
    font-size:10px;
    font-family:var(--font-sans);
}

.m-filter-trending{
    padding:16px 18px;
    border-bottom:1px solid var(--border);
    background:var(--surface-2);
}
.m-filter-trending h4{
    margin:0 0 10px;
    font-size:11px;
    font-weight:900;
    color:var(--text);
    text-transform:uppercase;
    letter-spacing:.06em;
}
.m-chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.m-filter-chip{
    padding:7px 10px;
    border:1px solid var(--border);
    border-radius:999px;
    background:var(--surface);
    color:var(--text-2);
    font-size:10px;
    font-weight:800;
}
.m-filter-chip.hot{
    background:var(--soft-gradient);
    color:var(--teal);
    border-color:color-mix(in srgb,var(--teal) 28%,var(--border));
}

.m-filter-group{
    padding:14px 18px;
    border-bottom:1px solid var(--border);
}
.m-filter-group:last-child{border-bottom:0}
.m-filter-group-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:9px;
}
.m-filter-label{
    color:var(--text);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.m-filter-more{
    border:0;
    background:transparent;
    color:var(--teal);
    font-size:10px;
    font-weight:900;
}
.m-filter-options{
    display:grid;
    gap:7px;
}
.m-filter-option{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:var(--text-2);
    font-size:11px;
}
.m-filter-option input{
    margin-top:2px;
    accent-color:var(--teal);
}
.m-filter-option span{
    flex:1;
}
.m-filter-option em{
    color:var(--text-3);
    font-style:normal;
    font-size:10px;
}
.m-filter-hidden{
    display:none;
}
.m-filter-group.expanded .m-filter-hidden{
    display:grid;
    gap:7px;
}

.m-content{min-width:0}

.m-toolbar{
    min-height:58px;
    padding:10px 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
}
.m-toolbar-left{
    color:var(--text-2);
    font-size:11px;
}
.m-toolbar-right{
    display:flex;
    gap:8px;
}
.m-control{
    padding:9px 11px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface-2);
    color:var(--text-2);
    font-size:10px;
}

.m-list{
    margin-top:12px;
    display:grid;
    gap:12px;
}

.m-doc-card{
    padding:17px 16px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 150px;
    gap:14px;
    align-items:flex-start;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
    transition:transform .16s ease, box-shadow .16s ease;
}
.m-doc-card:hover{
    transform:translateY(-1px);
    box-shadow:var(--shadow);
}
.m-doc-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:900;
    background:var(--home-gradient);
}
.m-doc-body{min-width:0}
.m-doc-type{
    display:block;
    color:var(--teal);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.m-doc-title{
    display:block;
    margin-top:4px;
    font-size:15px;
    font-weight:850;
    line-height:1.35;
}
.m-doc-meta{
    margin-top:8px;
    display:flex;
    flex-wrap:wrap;
    gap:6px 11px;
    color:var(--text-3);
    font-size:10px;
}
.m-tags{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.m-tag{
    padding:5px 8px;
    border-radius:999px;
    background:var(--surface-3);
    color:var(--text-2);
    font-size:9px;
    font-weight:800;
}
.m-doc-side{
    min-width:140px;
    text-align:right;
}
.m-status{
    display:none !important;
}
.m-updated{
    margin-top:8px;
    color:var(--text-3);
    font-size:10px;
    line-height:1.4;
}

.m-detail-layout{
    margin-top:22px;
    display:grid;
    grid-template-columns:260px minmax(0,1fr) 290px;
    gap:18px;
    align-items:start;
}

.m-outline{
    position:sticky;
    top:168px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
    box-shadow:var(--shadow);
    overflow:hidden;
}
.m-outline h3{
    margin:0;
    padding:15px 16px;
    border-bottom:1px solid var(--border);
    font-family:var(--font-serif);
    font-size:18px;
}
.m-outline-body{
    padding:14px 14px 12px;
}
.m-outline-group{
    margin-bottom:14px;
}
.m-outline-title{
    margin-bottom:8px;
    color:var(--text-3);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.m-outline-link{
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 0;
    color:var(--text-2);
    font-size:11px;
}
.m-outline-link:hover{color:var(--teal)}
.m-ol-badge{
    min-width:78px;
    padding:4px 7px;
    border-radius:999px;
    color:#fff;
    font-size:9px;
    font-weight:900;
    text-align:center;
}
.m-ol-badge.madde{background:linear-gradient(135deg,var(--teal),var(--cyan))}
.m-ol-badge.fikra{background:linear-gradient(135deg,var(--violet),var(--blue))}
.m-ol-badge.bent{background:linear-gradient(135deg,var(--amber),#e8c078)}
.m-ol-badge.gecici{background:linear-gradient(135deg,var(--red),#f1a1ac)}
.m-ol-badge.ek{background:linear-gradient(135deg,var(--blue),#7fbfff)}

.m-detail-main{
    min-width:0;
}
.m-tabs{
    display:flex;
    gap:6px;
    padding:8px;
    border:1px solid var(--border);
    border-radius:15px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
    overflow-x:auto;
    scrollbar-width:none;
}
.m-tabs::-webkit-scrollbar{display:none}
.m-tab{
    flex:0 0 auto;
    padding:8px 11px;
    border-radius:9px;
    color:var(--text-2);
    font-size:10px;
    font-weight:850;
}
.m-tab.active{
    color:var(--teal);
    background:var(--soft-gradient);
}

.m-doc-tools{
    margin-top:12px;
    padding:14px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
}
.m-doc-tools-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.m-document{
    margin-top:12px;
    padding:28px 32px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
    box-shadow:var(--shadow);
}
.m-doc-section{
    padding:20px 0;
    border-bottom:1px solid var(--border);
}
.m-doc-section:last-child{border-bottom:0}
.m-doc-label-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:10px;
}
.m-doc-label{
    display:inline-flex;
    align-items:center;
    padding:5px 9px;
    border-radius:999px;
    color:#fff;
    font-size:9px;
    font-weight:900;
}
.m-doc-label.madde{background:linear-gradient(135deg,var(--teal),var(--cyan))}
.m-doc-label.fikra{background:linear-gradient(135deg,var(--violet),var(--blue))}
.m-doc-label.bent{background:linear-gradient(135deg,var(--amber),#e8c078)}
.m-doc-label.gecici{background:linear-gradient(135deg,var(--red),#f1a1ac)}
.m-doc-label.ek{background:linear-gradient(135deg,var(--blue),#7fbfff)}

.m-doc-section h3{
    margin:0 0 10px;
    font-family:var(--font-serif);
    font-size:26px;
    line-height:1.16;
}
.m-doc-section h4{
    margin:10px 0 8px;
    font-size:15px;
    color:var(--text);
}
.m-doc-section p{
    margin:0;
    color:var(--text-2);
    font-family:var(--font-serif);
    font-size:16px;
    line-height:1.8;
}
.m-sub-block{
    margin-top:14px;
    padding:14px 14px 14px 16px;
    border-left:4px solid color-mix(in srgb,var(--teal) 45%,var(--border));
    border-radius:0 12px 12px 0;
    background:var(--surface-2);
}
.m-sub-block.fikra{border-left-color:var(--violet)}
.m-sub-block.bent{border-left-color:var(--amber)}
.m-sub-block.gecici{border-left-color:var(--red)}
.m-sub-block.ek{border-left-color:var(--blue)}

.m-detail-side{
    min-width:0;
}
.m-side-card{
    margin-bottom:12px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
    overflow:hidden;
}
.m-side-card h3{
    margin:0;
    padding:14px 16px;
    border-bottom:1px solid var(--border);
    font-family:var(--font-serif);
    font-size:17px;
}
.m-side-body{
    padding:14px 16px;
}
.m-relation{
    padding:10px 0;
    border-bottom:1px solid var(--border);
}
.m-relation:last-child{border-bottom:0}
.m-relation strong{
    display:block;
    font-size:11px;
}
.m-relation small{
    display:block;
    margin-top:4px;
    color:var(--text-3);
    font-size:10px;
}
.m-relation a{color:var(--teal)}

.m-entity-grid{
    margin-top:18px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.m-entity-card{
    padding:18px;
    border:1px solid var(--border);
    border-radius:18px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
}
.m-entity-card strong{
    font-size:15px;
}
.m-entity-card p{
    margin:8px 0 0;
    color:var(--text-2);
    font-size:11px;
    line-height:1.55;
}

.m-timeline{
    margin-top:20px;
    display:grid;
    gap:10px;
}
.m-event{
    display:grid;
    grid-template-columns:115px 18px minmax(0,1fr);
    gap:12px;
}
.m-event-date{
    text-align:right;
    color:var(--text-3);
    font-size:10px;
    padding-top:12px;
}
.m-event-dot{
    position:relative;
}
.m-event-dot::before{
    content:"";
    position:absolute;
    left:8px;
    top:0;
    bottom:-12px;
    width:1px;
    background:var(--border);
}
.m-event-dot::after{
    content:"";
    position:absolute;
    left:4px;
    top:14px;
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--home-gradient);
}
.m-event-card{
    padding:14px 16px;
    border:1px solid var(--border);
    border-radius:16px;
    background:var(--surface);
    box-shadow:var(--shadow-soft);
}
.m-event-card strong{font-size:12px}
.m-event-card p{
    margin:6px 0 0;
    color:var(--text-2);
    font-size:10px;
}

.m-footer{
    border-top:1px solid var(--border);
}
.m-footer-inner{
    min-height:68px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:var(--text-3);
    font-size:9px;
}

@media(max-width:1220px){
    .m-layout{grid-template-columns:290px minmax(0,1fr)}
    .m-detail-layout{grid-template-columns:240px minmax(0,1fr)}
    .m-detail-side{grid-column:1 / -1}
    .m-detail-side{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:12px;
    }
    .m-side-card{margin-bottom:0}
}

.m-mobile-menu-button {
    display: none;
}

@media(max-width:980px){
    .m-header-top {
        position: relative;
    }
    .m-theme {
        margin-left: auto;
    }
    .m-mobile-menu-button {
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        margin-left: 8px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: var(--surface);
        color: var(--text);
        font-size: 19px;
        cursor: pointer;
        user-select: none;
        transition: all 0.2s ease;
        box-shadow: var(--shadow-soft);
    }
    .m-mobile-menu-button:hover {
        border-color: var(--teal);
        color: var(--teal);
    }
    .m-nav {
        display: none;
    }
    .m-nav.is-open {
        display: flex !important;
        flex-direction: column;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: 16px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.22);
        padding: 14px;
        gap: 8px;
        z-index: 9999;
        margin-left: 0;
        backdrop-filter: blur(20px);
        animation: mobileNavSlide 0.2s ease-out;
    }
    .m-nav.is-open a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 10px;
        color: var(--text);
        text-decoration: none;
        background: var(--surface-2, rgba(0,0,0,0.03));
        border: 1px solid var(--border);
        transition: all 0.15s ease;
    }
    .m-nav.is-open a:hover,
    .m-nav.is-open a.active {
        background: rgba(16, 185, 129, 0.12);
        color: var(--teal, #059669);
        border-color: var(--teal, #059669);
    }
    @keyframes mobileNavSlide {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .m-head-stats-inner{grid-template-columns:repeat(2,1fr)}
    .m-layout{grid-template-columns:1fr}
    .m-filter{position:static}
    .m-detail-layout{grid-template-columns:1fr}
    .m-outline{position:static}
    .m-detail-side{grid-template-columns:1fr}
    .m-dual-search{grid-template-columns:1fr}
    .m-entity-grid{grid-template-columns:1fr}
    .m-doc-tools-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
    .m-header-top,
    .m-type-inner,
    .m-head-stats-inner,
    .m-page,
    .m-footer-inner{
        width:calc(100% - 20px);
    }
    .m-brand{min-width:0}
    .m-brand-copy small{display:none}
    .m-head-stats-inner{grid-template-columns:1fr 1fr}
    .m-doc-card{grid-template-columns:42px minmax(0,1fr)}
    .m-doc-side{
        grid-column:2;
        min-width:0;
        text-align:left;
    }
    .m-document{padding:20px 16px}
    .m-hero{padding:22px 18px}
    .m-event{grid-template-columns:78px 15px minmax(0,1fr)}
}






/* DETAIL_V3_START */

/* =========================================================
   MEVZUAT DETAY V3
   Ortak merkezi belge okuma sistemi
   ========================================================= */

.m-detail-layout{
    grid-template-columns:
        285px
        minmax(0,1fr)
        300px !important;

    gap:18px !important;
}

/* ---------------------------------------------------------
   İÇİNDEKİLER AĞACI
   --------------------------------------------------------- */

.m-outline{
    max-height:
        calc(100vh - 190px);

    overflow:hidden !important;
}

.m-outline-body{
    max-height:
        calc(100vh - 245px);

    overflow-y:auto !important;

    scrollbar-width:thin;
}

.m-outline-tree{
    display:grid;
    gap:3px;
}

.m-outline-link{
    min-height:34px !important;

    padding:
        5px 6px !important;

    border-radius:8px;

    transition:
        background .15s ease,
        color .15s ease;
}

.m-outline-link:hover{
    background:var(--surface-3);
}

.m-outline-link.level-0{
    margin-top:6px;

    font-weight:900;
}

.m-outline-link.level-1{
    padding-left:10px !important;
}

.m-outline-link.level-2{
    padding-left:16px !important;
}

.m-outline-link.level-3{
    padding-left:27px !important;
}

.m-outline-link.level-4{
    padding-left:38px !important;
}

.m-outline-link.level-5{
    padding-left:50px !important;
}

.m-outline-link .outline-name{
    min-width:0;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.m-ol-badge{
    min-width:69px !important;

    padding:
        4px 7px !important;

    font-size:8px !important;
}

.m-ol-badge.kisim{
    background:
        linear-gradient(
            135deg,
            #173f5f,
            #3877a8
        );
}

.m-ol-badge.bolum{
    background:
        linear-gradient(
            135deg,
            #326899,
            #5b91cf
        );
}

.m-ol-badge.madde{
    background:
        linear-gradient(
            135deg,
            var(--teal),
            var(--cyan)
        );
}

.m-ol-badge.fikra{
    background:
        linear-gradient(
            135deg,
            var(--violet),
            var(--blue)
        );
}

.m-ol-badge.bent{
    background:
        linear-gradient(
            135deg,
            var(--amber),
            #e8c078
        );
}

.m-ol-badge.altbent{
    background:
        linear-gradient(
            135deg,
            #b87a45,
            #dc9f68
        );
}

.m-ol-badge.gecici{
    background:
        linear-gradient(
            135deg,
            var(--red),
            #f1a1ac
        );
}

.m-ol-badge.ek{
    background:
        linear-gradient(
            135deg,
            var(--blue),
            #7fbfff
        );
}

/* ---------------------------------------------------------
   DETAY BAŞLIĞI
   --------------------------------------------------------- */

.m-detail-hero{
    padding-bottom:20px !important;
}

.m-detail-search-grid{
    margin-top:19px;

    display:grid;
    grid-template-columns:
        1fr
        1fr;

    gap:12px;
}

.m-search-unit{
    min-width:0;
}

.m-search-unit-label{
    margin-bottom:6px;

    color:var(--text-3);

    font-size:9px;
    font-weight:900;

    letter-spacing:.07em;

    text-transform:uppercase;
}

/* tam olarak iki arama */
.m-detail-search-grid .m-inline-search{
    min-height:54px;
}

/* ---------------------------------------------------------
   SEKME / HIZLI GEÇİŞ
   --------------------------------------------------------- */

.m-detail-quickbar{
    margin-top:12px;

    padding:
        10px 12px;

    border:
        1px solid
        var(--border);

    border-radius:15px;

    background:var(--surface);

    box-shadow:
        var(--shadow-soft);

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;
}

.m-detail-quickbar-label{
    flex:0 0 auto;

    color:var(--text-3);

    font-size:9px;
    font-weight:900;

    text-transform:uppercase;
    letter-spacing:.06em;
}

.m-detail-quickbar .m-jump-row{
    margin:0 !important;
}

/* ---------------------------------------------------------
   HUKUKİ BELGE YAPISI
   --------------------------------------------------------- */

.m-law-heading{
    margin:
        22px 0
        8px;

    text-align:center;

    color:var(--text);

    font-family:var(--font-serif);
}

.m-law-heading.kisim{
    font-size:16px;
    font-weight:900;
}

.m-law-heading.bolum{
    margin-top:9px;

    font-size:15px;
    font-weight:800;
}

.m-doc-section{
    scroll-margin-top:185px;
}

.m-doc-label.kisim{
    background:
        linear-gradient(
            135deg,
            #173f5f,
            #3877a8
        );
}

.m-doc-label.bolum{
    background:
        linear-gradient(
            135deg,
            #326899,
            #5b91cf
        );
}

.m-doc-label.altbent{
    background:
        linear-gradient(
            135deg,
            #b87a45,
            #dc9f68
        );
}

.m-sub-block.altbent{
    border-left-color:#c88b56;
}

/* ---------------------------------------------------------
   HER MADDE ALTINDA İŞLEM SATIRI
   --------------------------------------------------------- */

.m-article-actions{
    margin-top:18px;

    padding-top:13px;

    border-top:
        1px dashed
        var(--border);

    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

.m-article-action{
    min-height:31px;

    padding:
        6px 10px;

    border:
        1px solid
        var(--border);

    border-radius:9px;

    background:var(--surface-2);

    color:var(--text-2);

    font-size:9px;
    font-weight:850;
}

.m-article-action:hover{
    color:var(--teal);

    border-color:
        color-mix(
            in srgb,
            var(--teal) 35%,
            var(--border)
        );

    background:
        var(--soft-gradient);
}

.m-history-panel{
    margin-top:10px;

    padding:12px;

    border:
        1px solid
        var(--border);

    border-radius:12px;

    background:var(--surface-2);
}

.m-history-panel[hidden]{
    display:none !important;
}

.m-history-title{
    margin-bottom:9px;

    color:var(--text);

    font-size:10px;
    font-weight:900;
}

.m-version-list{
    display:grid;
    gap:7px;
}

.m-version{
    display:grid;
    grid-template-columns:
        150px
        minmax(0,1fr);

    gap:10px;

    padding:
        8px 10px;

    border:
        1px solid
        var(--border);

    border-radius:10px;

    background:var(--surface);
}

.m-version-date{
    color:var(--teal);

    font-size:9px;
    font-weight:900;
}

.m-version-text{
    color:var(--text-2);

    font-size:10px;
}

/* ---------------------------------------------------------
   MADDE SEVİYESİ İLİŞKİ
   --------------------------------------------------------- */

.m-inline-relations{
    margin-top:12px;

    padding:12px;

    border-radius:12px;

    background:
        linear-gradient(
            135deg,
            rgba(21,127,136,.05),
            rgba(93,140,240,.05),
            rgba(57,196,147,.05)
        );

    border:
        1px solid
        var(--border);
}

.m-inline-relations-title{
    margin-bottom:8px;

    color:var(--text-3);

    font-size:9px;
    font-weight:900;

    text-transform:uppercase;
}

.m-inline-relation{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:7px 0;

    border-bottom:
        1px solid
        var(--border);

    font-size:10px;
}

.m-inline-relation:last-child{
    border-bottom:0;
}

.m-inline-relation span:last-child{
    flex:0 0 auto;

    color:var(--text-3);

    font-size:9px;
}

/* ---------------------------------------------------------
   DİPNOTLAR
   --------------------------------------------------------- */

.m-footnote-ref{
    color:var(--blue);

    font-family:var(--font-sans);

    font-size:10px;

    font-weight:900;

    vertical-align:super;
}

.m-footnotes{
    margin-top:22px;

    padding-top:20px;

    border-top:
        2px solid
        var(--border);
}

.m-footnotes h3{
    margin:
        0 0
        12px;

    font-family:
        var(--font-serif);

    font-size:21px;
}

.m-footnote{
    display:grid;

    grid-template-columns:
        28px
        minmax(0,1fr);

    gap:10px;

    padding:
        9px 0;

    border-bottom:
        1px solid
        var(--border);

    color:var(--text-2);

    font-size:11px;
    line-height:1.55;
}

.m-footnote:last-child{
    border-bottom:0;
}

.m-footnote-number{
    width:25px;
    height:25px;

    border-radius:8px;

    display:grid;
    place-items:center;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--violet)
        );

    font-size:9px;
    font-weight:900;
}

/* ---------------------------------------------------------
   SAĞ PANEL
   --------------------------------------------------------- */

.m-detail-side-sticky{
    position:sticky;
    top:168px;
}

.m-side-note{
    color:var(--text-3);

    font-size:9px;
    line-height:1.5;
}

/* ---------------------------------------------------------
   MOBİL
   --------------------------------------------------------- */

@media(max-width:1220px){
    .m-detail-layout{
        grid-template-columns:
            250px
            minmax(0,1fr) !important;
    }

    .m-detail-side{
        grid-column:
            1 / -1;
    }

    .m-detail-side-sticky{
        position:static;
    }
}

@media(max-width:980px){
    .m-detail-layout{
        grid-template-columns:
            1fr !important;
    }

    .m-outline{
        position:static !important;
        max-height:none;
    }

    .m-outline-body{
        max-height:340px;
    }

    .m-detail-search-grid{
        grid-template-columns:1fr;
    }

    .m-detail-quickbar{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:620px){
    .m-version{
        grid-template-columns:1fr;
    }

    .m-article-actions{
        display:grid;
        grid-template-columns:
            1fr
            1fr;
    }
}

/* DETAIL_V3_END */



/* DETAIL_V4_START */

/* =========================================================
   HEADER ALTI - GLOBAL MEVZUAT ARAMA
   İSTATİSTİKLER ARTIK YOK
   ========================================================= */

.m-global-search-strip{
    width:100%;
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--surface-2) 94%,transparent);
}

.m-global-search-inner{
    width:min(1360px,calc(100% - 36px));
    margin:0 auto;
    padding:9px 0;

    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:12px;
    align-items:center;
}

.m-global-search-label{
    display:flex;
    align-items:center;
    gap:8px;

    color:var(--text-2);

    font-size:10px;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.m-global-search-label::before{
    content:"⌕";

    width:26px;
    height:26px;

    display:grid;
    place-items:center;

    border-radius:8px;

    color:#fff;
    background:var(--home-gradient);

    font-size:12px;
}

.m-global-search-box{
    min-height:42px;

    display:grid;
    grid-template-columns:36px minmax(0,1fr) 92px;

    align-items:center;

    border:1px solid var(--border);
    border-radius:12px;

    background:var(--surface);

    overflow:hidden;

    box-shadow:var(--shadow-soft);
}

.m-global-search-box > span{
    display:grid;
    place-items:center;
    color:var(--text-3);
}

.m-global-search-box input{
    min-width:0;
    height:100%;

    border:0;
    outline:0;

    background:transparent;
    color:var(--text);

    font-size:11px;
}

.m-global-search-box button{
    align-self:stretch;

    border:0;

    color:#fff;

    background:var(--home-gradient);

    font-size:10px;
    font-weight:900;
}

/* Eski istatistik alanı varsa görünmesin */
.m-head-stats{
    display:none !important;
}


/* =========================================================
   DETAY HERO - SADECE BELGE İÇİ ARAMA
   ========================================================= */

.m-detail-hero .m-detail-search-grid{
    display:block !important;
}

.m-detail-hero .m-search-unit.global-search-unit{
    display:none !important;
}

.m-document-search-wrap{
    margin-top:20px;
}

.m-document-search-label{
    margin-bottom:7px;

    color:var(--text-3);

    font-size:9px;
    font-weight:900;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.m-document-search-box{
    min-height:60px;

    display:grid;
    grid-template-columns:52px minmax(0,1fr) 125px;

    align-items:center;

    border:1px solid var(--border-strong);
    border-radius:17px;

    background:var(--surface);

    overflow:hidden;

    box-shadow:0 16px 36px rgba(46,83,109,.08);
}

.m-document-search-box > span{
    display:grid;
    place-items:center;

    color:var(--text-3);

    font-size:16px;
}

.m-document-search-box input{
    min-width:0;
    height:100%;

    padding:0 4px;

    border:0;
    outline:0;

    background:transparent;

    color:var(--text);

    font-size:14px;
}

.m-document-search-box button{
    align-self:stretch;

    border:0;

    color:#fff;

    background:var(--home-gradient);

    font-size:12px;
    font-weight:900;
}


/* =========================================================
   KADEMELİ BELGE FİLTRESİ
   MADDE -> FIKRA -> BENT -> ALT BENT
   ========================================================= */

.m-structure-filter{
    margin-top:14px;

    padding:14px;

    border:1px solid var(--border);
    border-radius:17px;

    background:var(--surface);

    box-shadow:var(--shadow-soft);
}

.m-structure-filter-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-bottom:11px;
}

.m-structure-filter-head strong{
    font-family:var(--font-serif);
    font-size:16px;
}

.m-structure-filter-head small{
    color:var(--text-3);
    font-size:9px;
}

.m-structure-filter-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}

.m-structure-field{
    min-width:0;
}

.m-structure-field label{
    display:block;

    margin-bottom:5px;

    color:var(--text-3);

    font-size:8px;
    font-weight:900;

    letter-spacing:.06em;
    text-transform:uppercase;
}

.m-structure-field select{
    width:100%;
    height:39px;

    padding:0 9px;

    border:1px solid var(--border);
    border-radius:10px;

    outline:0;

    background:var(--surface-2);
    color:var(--text);

    font-size:10px;
}

.m-structure-field select:disabled{
    opacity:.45;
    cursor:not-allowed;
}

.m-structure-field.is-unavailable{
    display:none;
}

.m-structure-filter-footer{
    margin-top:10px;

    display:flex;
    justify-content:flex-end;
    gap:8px;
}

.m-structure-clear{
    padding:7px 11px;

    border:1px solid var(--border);
    border-radius:9px;

    background:var(--surface-2);
    color:var(--text-2);

    font-size:9px;
    font-weight:850;
}


/* =========================================================
   İÇİNDEKİLER - SOLA YANAŞIK VE HUKUKİ SIRA
   ========================================================= */

.m-outline{
    border-radius:16px !important;
}

.m-outline h3{
    padding-left:12px !important;
    padding-right:10px !important;
}

.m-outline-body{
    padding:
        10px 8px
        12px 8px !important;
}

.m-outline-title{
    padding-left:2px;
}

.m-outline-tree{
    gap:1px !important;
}

.m-outline-link{
    width:100%;

    min-height:31px !important;

    padding:
        4px 3px !important;

    gap:6px !important;

    justify-content:flex-start !important;

    border-radius:6px !important;
}

.m-outline-link.level-0{
    padding-left:0 !important;
}

.m-outline-link.level-1{
    padding-left:5px !important;
}

.m-outline-link.level-2{
    padding-left:10px !important;
}

.m-outline-link.level-3{
    padding-left:18px !important;
}

.m-outline-link.level-4{
    padding-left:26px !important;
}

.m-outline-link.level-5{
    padding-left:34px !important;
}

.m-ol-badge{
    flex:0 0 auto;

    min-width:58px !important;

    padding:
        4px 5px !important;

    font-size:7px !important;
}

.m-outline-link .outline-name{
    text-align:left !important;

    font-size:9px !important;

    line-height:1.2;
}


/* =========================================================
   İÇİNDEKİLERDE SEÇİLİ ÖĞE
   ========================================================= */

.m-outline-link.is-active{
    background:var(--soft-gradient);

    color:var(--teal);

    font-weight:850;
}


/* =========================================================
   OKUMA ALANI GENİŞLİĞİ
   ========================================================= */

.m-detail-layout{
    grid-template-columns:
        265px
        minmax(0,1fr)
        285px !important;

    gap:14px !important;
}

.m-document{
    padding:
        30px 34px !important;
}


/* =========================================================
   DETAY SEKME SATIRI
   ========================================================= */

.m-tabs{
    padding:7px !important;
}

.m-tab{
    font-size:9px !important;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media(max-width:1100px){

    .m-global-search-inner{
        grid-template-columns:120px minmax(0,1fr);
    }

    .m-detail-layout{
        grid-template-columns:
            235px
            minmax(0,1fr) !important;
    }

}

@media(max-width:980px){

    .m-global-search-inner{
        grid-template-columns:1fr;
        gap:6px;
    }

    .m-global-search-label{
        display:none;
    }

    .m-structure-filter-grid{
        grid-template-columns:
            1fr
            1fr;
    }

    .m-detail-layout{
        grid-template-columns:1fr !important;
    }

}

@media(max-width:620px){

    .m-global-search-inner{
        width:calc(100% - 20px);
    }

    .m-global-search-box{
        grid-template-columns:
            34px
            minmax(0,1fr)
            70px;
    }

    .m-document-search-box{
        grid-template-columns:
            42px
            minmax(0,1fr)
            82px;
    }

    .m-structure-filter-grid{
        grid-template-columns:1fr;
    }

}

/* DETAIL_V4_END */


/* DETAIL_READER_V5_START */

/* ============================================================
   ANA DETAY YERLESIMI
   ============================================================ */

.m-detail-layout{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
        285px
        minmax(0, 1fr)
        280px !important;

    gap:16px !important;

    align-items:start !important;
}


/* ============================================================
   SOL İÇİNDEKİLER
   ============================================================ */

.m-outline{
    position:sticky !important;

    top:166px !important;

    align-self:start !important;

    border-radius:16px !important;

    background:var(--surface) !important;

    box-shadow:
        0 12px 32px
        rgba(38,68,91,.06) !important;
}

.m-outline h3{
    margin:0 !important;

    padding:
        14px
        10px
        13px
        10px !important;

    text-align:left !important;

    font-size:18px !important;
}

.m-outline-body{
    padding:
        8px
        5px
        12px
        5px !important;
}

.m-outline-title{
    margin:
        2px
        0
        7px
        3px !important;

    padding:0 !important;

    text-align:left !important;

    font-size:8px !important;
}

.m-outline-tree{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    gap:1px !important;

    align-items:stretch !important;
}

.m-outline-link{
    position:relative !important;

    width:100% !important;

    min-height:30px !important;

    margin:0 !important;

    padding:
        4px
        3px !important;

    display:grid !important;

    grid-template-columns:
        62px
        minmax(0,1fr) !important;

    gap:6px !important;

    align-items:center !important;

    justify-content:start !important;

    text-align:left !important;

    border-radius:7px !important;
}

.m-outline-link .outline-name{
    min-width:0 !important;

    text-align:left !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;

    white-space:nowrap !important;

    font-size:9px !important;

    line-height:1.25 !important;
}

.m-outline-link.level-0{
    padding-left:2px !important;
}

.m-outline-link.level-1{
    padding-left:6px !important;
}

.m-outline-link.level-2{
    padding-left:10px !important;
}

.m-outline-link.level-3{
    padding-left:16px !important;
}

.m-outline-link.level-4{
    padding-left:22px !important;
}

.m-outline-link.level-5{
    padding-left:28px !important;
}

/* Hiyerarşi kılavuz çizgileri */

.m-outline-link.level-3::before,
.m-outline-link.level-4::before,
.m-outline-link.level-5::before{
    content:"" !important;

    position:absolute !important;

    top:3px !important;
    bottom:3px !important;

    width:2px !important;

    border-radius:999px !important;
}

.m-outline-link.level-3::before{
    left:7px !important;
    background:var(--violet) !important;
}

.m-outline-link.level-4::before{
    left:13px !important;
    background:var(--amber) !important;
}

.m-outline-link.level-5::before{
    left:19px !important;
    background:#c88b56 !important;
}

.m-ol-badge{
    width:60px !important;
    min-width:60px !important;

    padding:
        4px
        4px !important;

    border-radius:999px !important;

    text-align:center !important;

    font-size:7px !important;

    line-height:1.1 !important;
}


/* ============================================================
   ORTA OKUMA ALANI - PDF / BELGE HISSI
   ============================================================ */

.m-detail-main{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:stretch !important;
}

.m-document{
    width:100% !important;

    max-width:850px !important;

    margin:
        14px
        auto
        0 !important;

    padding:
        54px
        64px
        64px !important;

    border:
        1px solid
        #d9e1e5 !important;

    border-radius:
        4px !important;

    background:
        #ffffff !important;

    color:
        #1e2c35 !important;

    box-shadow:
        0 18px 50px
        rgba(35,58,73,.12) !important;
}

html[data-theme="dark"] .m-document{
    background:#fefefe !important;

    color:#1e2c35 !important;

    border-color:#d6dde0 !important;
}


/* ============================================================
   BELGE YAZI KARAKTERİ
   ============================================================ */

.m-document,
.m-document p,
.m-document li{
    font-family:
        "Georgia",
        "Times New Roman",
        serif !important;
}

.m-document p{
    margin:
        0
        0
        12px !important;

    color:#354650 !important;

    font-size:15px !important;

    line-height:1.88 !important;

    text-align:justify !important;

    text-justify:inter-word !important;

    hyphens:auto !important;

    word-spacing:.02em !important;

    letter-spacing:.002em !important;
}

.m-document h3{
    color:#1d3140 !important;

    font-size:23px !important;

    line-height:1.25 !important;

    text-align:left !important;
}

.m-document h4{
    color:#223744 !important;

    font-size:15px !important;

    line-height:1.4 !important;
}


/* ============================================================
   MADDE / FIKRA / BENT YAPI BLOKLARI
   ============================================================ */

.m-doc-section{
    position:relative !important;

    padding:
        25px
        0
        27px !important;

    border-bottom:
        1px solid
        #e5eaed !important;
}

.m-doc-section:first-child{
    padding-top:0 !important;
}

.m-doc-section:last-child{
    border-bottom:0 !important;
}

.m-doc-label-row{
    margin-bottom:9px !important;
}

.m-doc-label{
    font-family:
        var(--font-sans) !important;

    font-size:8px !important;

    letter-spacing:.04em !important;
}


/* Fıkra */

.m-sub-block.fikra{
    margin:
        17px
        0
        0 !important;

    padding:
        16px
        18px !important;

    border-left:
        4px solid
        var(--violet) !important;

    border-radius:
        0
        10px
        10px
        0 !important;

    background:
        #f8f9ff !important;
}

/* Bent */

.m-sub-block.bent{
    margin-top:15px !important;

    padding:
        14px
        17px !important;

    border-left:
        4px solid
        var(--amber) !important;

    background:
        #fffaf2 !important;
}

/* Alt Bent */

.m-sub-block.altbent{
    margin-top:14px !important;

    padding:
        13px
        16px !important;

    border-left:
        4px solid
        #c88b56 !important;

    background:
        #fff8f3 !important;
}


/* ============================================================
   KISIM / BÖLÜM BAŞLIKLARI
   ============================================================ */

.m-law-heading{
    color:#1d3140 !important;

    font-family:
        var(--font-serif) !important;

    text-align:center !important;
}

.m-law-heading.kisim{
    margin-top:16px !important;

    font-size:17px !important;

    font-weight:900 !important;
}

.m-law-heading.bolum{
    margin-top:8px !important;

    font-size:16px !important;

    font-weight:800 !important;
}


/* ============================================================
   HER YAPISAL SEVİYE İÇİN BAĞLANTI ARAÇLARI
   ============================================================ */

.m-node-tools{
    margin-top:13px !important;

    padding-top:10px !important;

    border-top:
        1px dashed
        #d8e1e5 !important;

    display:flex !important;

    flex-wrap:wrap !important;

    gap:6px !important;

    font-family:
        var(--font-sans) !important;
}

.m-node-tool{
    min-height:28px !important;

    padding:
        5px
        9px !important;

    border:
        1px solid
        #dce5e8 !important;

    border-radius:
        8px !important;

    background:
        #f8fbfc !important;

    color:
        #526a79 !important;

    font-size:
        8px !important;

    font-weight:
        850 !important;
}

.m-node-tool:hover{
    color:
        var(--teal) !important;

    border-color:
        #9ecfd0 !important;

    background:
        #f0fbfa !important;
}


/* ============================================================
   BAĞLANTI PANELİ
   ============================================================ */

.m-context-panel{
    margin-top:9px !important;

    padding:
        10px
        12px !important;

    border:
        1px solid
        #dfe7ea !important;

    border-radius:
        9px !important;

    background:
        #fbfdfd !important;

    font-family:
        var(--font-sans) !important;
}

.m-context-panel[hidden]{
    display:none !important;
}

.m-context-title{
    margin-bottom:8px !important;

    color:
        #213947 !important;

    font-size:
        9px !important;

    font-weight:
        900 !important;
}

.m-context-item{
    padding:
        6px
        0 !important;

    border-bottom:
        1px solid
        #e7edef !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto !important;

    gap:12px !important;

    align-items:center !important;

    color:
        #536b78 !important;

    font-size:
        9px !important;
}

.m-context-item:last-child{
    border-bottom:0 !important;
}

.m-context-item strong{
    color:
        #243d4b !important;

    font-size:
        9px !important;
}


/* ============================================================
   MADDE ALTINDAKİ ANA BUTONLAR
   ============================================================ */

.m-article-actions{
    font-family:
        var(--font-sans) !important;
}


/* ============================================================
   DİPNOTLAR
   ============================================================ */

.m-footnotes{
    margin-top:30px !important;

    padding-top:22px !important;

    border-top:
        2px solid
        #cedadd !important;
}

.m-footnotes h3{
    color:#1e3341 !important;

    font-size:21px !important;
}

.m-footnote{
    color:#485e6a !important;

    font-family:
        var(--font-serif) !important;

    font-size:12px !important;

    line-height:1.65 !important;

    text-align:justify !important;
}


/* ============================================================
   SAĞ BİLGİ SÜTUNU
   ============================================================ */

.m-detail-side{
    min-width:0 !important;
}

.m-detail-side-sticky{
    position:sticky !important;

    top:166px !important;
}


/* ============================================================
   PDF HİSSİ İÇİN ORTA ZEMİN
   ============================================================ */

.m-detail-main{
    padding:
        0
        6px
        26px !important;

    border-radius:16px !important;

    background:
        rgba(230,239,242,.35) !important;
}

html[data-theme="dark"] .m-detail-main{
    background:
        rgba(7,15,20,.22) !important;
}


/* ============================================================
   TABLET / MOBİL
   ============================================================ */

@media(max-width:1200px){

    .m-detail-layout{
        grid-template-columns:
            250px
            minmax(0,1fr) !important;
    }

    .m-detail-side{
        grid-column:
            1 / -1 !important;
    }

    .m-detail-side-sticky{
        position:static !important;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:12px !important;
    }

}

@media(max-width:980px){

    .m-detail-layout{
        grid-template-columns:
            1fr !important;
    }

    .m-outline{
        position:static !important;
    }

    .m-document{
        max-width:none !important;

        padding:
            40px
            34px
            50px !important;
    }

}

@media(max-width:640px){

    .m-document{
        padding:
            30px
            20px
            40px !important;
    }

    .m-document p{
        font-size:14px !important;

        line-height:1.75 !important;
    }

    .m-detail-side-sticky{
        grid-template-columns:
            1fr !important;
    }

}

/* DETAIL_READER_V5_END */

/* Public API reader: shared by all detail routes. */
.m-public-detail .m-detail-layout{grid-template-columns:260px minmax(0,1fr) !important}
.m-public-detail .m-public-metadata{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px}
.m-public-metadata dt{opacity:.7}
.m-public-metadata dd{margin:4px 0 0}
.m-public-detail .m-public-text{white-space:normal;overflow-wrap:anywhere;text-align:justify !important;text-justify:inter-word;word-spacing:normal;letter-spacing:normal;line-height:1.55}
.m-public-detail .m-public-unit-heading{font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.m-public-detail .m-public-level-3{padding-left:12px}
.m-public-detail .m-public-level-4{padding-left:24px}
.m-public-detail .m-public-level-5{padding-left:36px}
.m-public-detail .m-public-level-3 h2,.m-public-detail .m-public-level-4 h2,.m-public-detail .m-public-level-5 h2{font-size:16px}
.m-public-detail .m-public-kind-dipnot .m-public-unit-heading,
.m-public-detail .m-public-kind-dipnot .m-public-text{font-size:.86em !important;font-style:italic;line-height:1.45}
.m-public-detail .m-public-table-wrap{width:100%;margin:14px 0 18px;overflow-x:auto;overscroll-behavior-inline:contain}
.m-public-detail .m-public-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.45}
.m-public-detail .m-public-table th,.m-public-detail .m-public-table td{padding:3px 4px;border:1px solid #aab6c5;vertical-align:top;white-space:pre-line;overflow-wrap:anywhere}
.m-public-detail .m-public-table th{font-weight:700;background:transparent}
.m-public-detail .m-public-source-table-cell.is-numeric{white-space:nowrap;font-variant-numeric:tabular-nums}
.m-public-detail .m-doc-section{scroll-margin-top:110px}
.m-public-secondary{max-width:850px;width:100%;margin:20px auto;font-size:14px;overflow-wrap:anywhere}
.m-public-warning,.m-public-empty{font-size:13px;opacity:.8}
.m-public-effective-date{margin-top:6px;font-size:12px;opacity:.72}
.m-public-changes{border-top:1px solid #9aaab544;padding:14px 0}
.m-public-changes summary{cursor:pointer;line-height:1.6}
.m-public-detail h1,.m-public-metadata{overflow-wrap:anywhere}
@media(max-width:900px){
    .m-public-detail .m-detail-layout{grid-template-columns:minmax(0,1fr) !important}
    .m-public-detail .m-outline{position:static !important}
    .m-public-detail .m-document{padding:24px 18px !important}
}

/* Shared public catalog controls and untrusted long titles. */
.m-public-catalog .m-catalog-form { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.m-public-catalog .m-catalog-form label { display:flex; flex:1 1 180px; min-width:0; flex-direction:column; gap:6px; }
.m-public-catalog .m-control { width:100%; min-width:0; box-sizing:border-box; }
.m-public-catalog .m-doc-card {
    width:100%;
    grid-template-columns:minmax(0,1fr);
}
.m-public-catalog .m-doc-body {
    display:block;
    width:100%;
    min-width:0;
    overflow-wrap:anywhere;
}
.m-public-catalog .m-doc-title {
    max-width:none;
    font-size:clamp(16px, 1.45vw, 20px);
    line-height:1.35;
}
.m-public-catalog .m-status { margin-top:12px; }
.m-public-catalog .m-doc-meta { flex-wrap:wrap; }
.m-public-catalog .m-toolbar { flex-wrap:wrap; gap:12px; }
.m-catalog-hero { padding-bottom:24px; }
.m-catalog-identity{
    display:flex;
    align-items:center;
    gap:20px;
}
.m-catalog-identity-icon{
    width:72px;
    height:72px;
    flex:0 0 72px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--teal) 28%,var(--border));
    border-radius:22px;
    color:#fff;
    background:var(--home-gradient);
    box-shadow:0 14px 34px color-mix(in srgb,var(--teal) 20%,transparent);
}
.m-catalog-identity-icon .m-type-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
    color:inherit;
}
.m-catalog-identity-icon .m-type-icon svg{
    width:40px;
    height:40px;
    stroke-width:1.45;
}
.m-catalog-identity-text{min-width:0}
.m-catalog-identity-text .m-eyebrow{margin:0}
.m-catalog-identity-text h1{margin-top:8px}
.m-catalog-hero > p{margin-left:92px}
.m-catalog-reset {
    min-height:36px;
    padding:9px 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    color:var(--text-2);
    font-size:10px;
    font-weight:800;
}
.m-doc-institutions {
    display:block;
    margin-top:8px;
    color:var(--text-2);
    font-size:10px;
    font-weight:700;
    line-height:1.45;
}

/* ==========================================================
   Real taxonomy catalog filters V1
   ========================================================== */

.m-catalog-layout {
    display: grid;
    grid-template-columns:
        minmax(230px, 290px)
        minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.m-catalog-layout.no-filters {
    grid-template-columns:minmax(0, 1fr);
}

.m-real-catalog-filter[hidden] {
    display:none !important;
}

.m-catalog-results,
.m-real-catalog-filter,
.m-real-filter-group {
    min-width: 0;
}

.m-real-filter-search {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 8px 0 10px;
    padding: 9px 10px;
    border: 1px solid currentColor;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
}

.m-real-filter-option {
    display: grid;
    grid-template-columns:
        auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
    min-width: 0;
}

.m-real-filter-option[hidden] {
    display: none !important;
}

.m-real-filter-option-label {
    min-width: 0;
    padding-inline-start:
        calc(var(--filter-depth, 0) * 14px);
    overflow-wrap: anywhere;
}

.m-real-filter-count {
    white-space: nowrap;
    font-variant-numeric:
        tabular-nums;
    opacity: .65;
}

.m-filter-clear {
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    opacity: .7;
}

.m-filter-clear:hover {
    opacity: 1;
}

.m-real-filter-more {
    margin-top: 8px;
}

.m-real-filter-empty {
    line-height: 1.5;
    opacity: .7;
}

@media (max-width: 800px) {
    .m-catalog-layout {
        grid-template-columns: 1fr;
    }

    .m-real-filter-search {
        font-size: 16px;
    }
}

@media (max-width: 640px) {
    .m-type-inner{justify-content:flex-start}
    .m-type-link{padding:7px 9px}
    .m-catalog-identity{gap:13px}
    .m-catalog-identity-icon{
        width:54px;
        height:54px;
        flex-basis:54px;
        border-radius:17px;
    }
    .m-catalog-identity-icon .m-type-icon,
    .m-catalog-identity-icon .m-type-icon svg{
        width:31px;
        height:31px;
    }
    .m-catalog-hero > p{margin-left:0}
}

/* PUBLIC_LEGAL_READER_V1_START */
.m-reader-page{
    --reader-ink:#172d3f;
    --reader-muted:#607789;
    --reader-border:#d8e2e8;
    --reader-paper:#fffefa;
    --reader-panel:rgba(255,255,255,.82);
    --reader-kisim:#087f83;
    --reader-bolum:#2f7fc1;
    --reader-madde:#c8464b;
    --reader-fikra:#655cc9;
    --reader-bent:#cf841b;
    --reader-alt-bent:#667785;
    --reader-dipnot:#865ca8;
    width:min(1540px,calc(100% - 32px));
    margin-inline:auto;
}

html[data-theme="dark"] .m-reader-page{
    --reader-ink:#eaf4f8;
    --reader-muted:#a9bdc8;
    --reader-border:#2d4859;
    --reader-paper:#132433;
    --reader-panel:rgba(20,39,53,.92);
}

.m-reader-page .m-detail-hero{
    width:100%;
    max-width:1480px;
    margin:24px auto 16px !important;
    padding:34px clamp(22px,4vw,58px) 30px !important;
    border:1px solid var(--reader-border);
    color:var(--reader-ink);
}

.m-reader-page .m-detail-hero h1{
    max-width:1200px;
    margin:8px 0 14px !important;
    color:var(--reader-ink) !important;
    font-size:clamp(34px,4.4vw,66px) !important;
    line-height:1.02 !important;
    overflow-wrap:anywhere;
}

.m-reader-page .m-public-date,
.m-reader-page .m-public-metadata dt,
.m-reader-page .m-public-metadata dd{
    color:var(--reader-muted) !important;
}

.m-reader-page .m-public-metadata{
    display:flex !important;
    flex-wrap:wrap;
    gap:14px 34px !important;
    margin-top:18px !important;
}

.m-reader-page .m-public-metadata > div{
    min-width:100px;
}

.m-reader-controls{
    width:min(1480px,100%);
    margin:0 auto 16px;
    padding:18px clamp(16px,2.2vw,28px);
    border:1px solid var(--reader-border);
    border-radius:18px;
    background:var(--reader-panel);
    box-shadow:0 14px 40px rgba(21,49,66,.08);
    color:var(--reader-ink);
}

.m-reader-control-title{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-bottom:13px;
}

.m-reader-control-title strong{font-size:16px}
.m-reader-control-title span{color:var(--reader-muted);font-size:12px}

.m-reader-control-grid{
    display:grid;
    grid-template-columns:minmax(220px,1.8fr) repeat(4,minmax(125px,1fr));
    gap:10px;
}

.m-reader-field{
    display:grid;
    gap:6px;
    min-width:0;
    color:var(--reader-muted);
    font-size:11px;
    font-weight:750;
}

.m-reader-input,
.m-reader-select{
    width:100%;
    min-width:0;
    height:43px;
    padding:0 12px;
    border:1px solid var(--reader-border);
    border-radius:11px;
    background:var(--surface,#fff);
    color:var(--reader-ink);
    font:600 13px/1.2 var(--font-sans,system-ui,sans-serif);
}

.m-reader-select:disabled{opacity:.55;cursor:not-allowed}

.m-reader-tools{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid var(--reader-border);
}

.m-reader-selected{
    min-width:180px;
    max-width:380px;
    margin-right:auto;
    overflow:hidden;
    color:var(--reader-muted);
    font-size:12px;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.m-reader-tool,
.m-outline-expand-all{
    min-height:34px;
    padding:7px 11px;
    border:1px solid var(--reader-border);
    border-radius:9px;
    background:transparent;
    color:var(--reader-ink);
    font:750 11px/1 var(--font-sans,system-ui,sans-serif);
    cursor:pointer;
}

.m-reader-tool:hover,
.m-outline-expand-all:hover{border-color:var(--reader-kisim);color:var(--reader-kisim)}
.m-reader-tool.is-primary{background:var(--reader-kisim);border-color:var(--reader-kisim);color:#fff}
.m-reader-tool.is-danger{border-color:color-mix(in srgb,var(--reader-madde) 55%,var(--reader-border));color:var(--reader-madde)}
.m-reader-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.m-reader-tool-icon{display:inline-flex;width:15px;height:15px;flex:0 0 15px}
.m-reader-tool-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.m-reader-tool.is-whatsapp{background:#25D366;border-color:#25D366;color:#fff}
.m-reader-tool.is-x{background:#000;border-color:#000;color:#fff}
.m-reader-tool.is-facebook{background:#1877F2;border-color:#1877F2;color:#fff}
.m-reader-tool.is-instagram{background:linear-gradient(135deg,#833AB4,#E1306C 55%,#FCAF45);border-color:#E1306C;color:#fff}
.m-reader-tool.is-linkedin{background:#0A66C2;border-color:#0A66C2;color:#fff}
.m-reader-tool.is-copy{background:#40566a;border-color:#40566a;color:#fff}
.m-reader-tool.is-danger{background:#c83f49;border-color:#c83f49;color:#fff}
.m-reader-tool.is-icon-only{width:28px;min-width:28px;height:28px;min-height:28px;padding:6px;border-radius:8px}
.m-reader-tool.is-icon-only .m-reader-tool-icon{width:14px;height:14px;flex-basis:14px}
.m-reader-tool.is-whatsapp:hover,
.m-reader-tool.is-x:hover,
.m-reader-tool.is-facebook:hover,
.m-reader-tool.is-instagram:hover,
.m-reader-tool.is-linkedin:hover,
.m-reader-tool.is-copy:hover,
.m-reader-tool.is-danger:hover{filter:brightness(.92);color:#fff}
.m-reader-tool:disabled{opacity:.6;cursor:wait}

.m-reader-page .m-detail-layout{
    width:min(1480px,100%) !important;
    margin:0 auto 48px !important;
    grid-template-columns:300px minmax(0,1fr) !important;
    gap:20px !important;
    align-items:start !important;
}

.m-reader-page .m-outline{
    position:sticky !important;
    top:116px !important;
    max-height:calc(100vh - 136px);
    overflow:hidden;
    border:1px solid var(--reader-border);
    border-radius:15px !important;
    background:var(--reader-panel) !important;
    color:var(--reader-ink);
}

.m-outline-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:13px 12px 10px;
    border-bottom:1px solid var(--reader-border);
}

.m-reader-page .m-outline-title{
    margin:0 !important;
    color:var(--reader-ink) !important;
    font-size:14px !important;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.m-outline-expand-all{min-height:28px;padding:5px 8px;font-size:9px}

.m-reader-page .m-outline-body{
    max-height:calc(100vh - 190px);
    padding:8px !important;
    overflow:auto;
}

.m-outline-node{--outline-color:var(--reader-alt-bent);min-width:0}
.m-outline-kind-kisim{--outline-color:var(--reader-kisim)}
.m-outline-kind-bolum,.m-outline-kind-baslik{--outline-color:var(--reader-bolum)}
.m-outline-kind-madde,.m-outline-kind-gecici-madde,.m-outline-kind-ek-madde{--outline-color:var(--reader-madde)}
.m-outline-kind-fikra{--outline-color:var(--reader-fikra)}
.m-outline-kind-bent{--outline-color:var(--reader-bent)}
.m-outline-kind-alt-bent,.m-outline-kind-altbent{--outline-color:var(--reader-alt-bent)}
.m-outline-kind-dipnot{--outline-color:var(--reader-dipnot)}

.m-outline-row{
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    min-width:0;
    border-radius:8px;
}

.m-outline-row:hover{background:color-mix(in srgb,var(--outline-color) 9%,transparent)}
.m-outline-toggle,.m-outline-toggle-spacer{
    display:grid;
    width:22px;
    height:28px;
    place-items:center;
    border:0;
    background:transparent;
    color:var(--outline-color);
    font:bold 19px/1 system-ui,sans-serif;
}
.m-outline-toggle{cursor:pointer;transition:transform .18s ease}
.m-outline-node.is-open > .m-outline-row .m-outline-toggle{transform:rotate(90deg)}

.m-reader-page .m-outline-link{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    gap:7px !important;
    min-height:30px !important;
    padding:4px 6px !important;
    border-radius:7px !important;
    color:var(--reader-ink) !important;
    text-decoration:none;
}

.m-reader-page .m-outline-link::before{display:none !important}
.m-reader-page .m-outline-link.is-active{background:color-mix(in srgb,var(--outline-color) 15%,transparent);color:var(--outline-color) !important}
.m-reader-page .m-ol-badge{
    width:auto !important;
    min-width:0 !important;
    padding:3px 6px !important;
    border:1px solid color-mix(in srgb,var(--outline-color) 38%,transparent);
    background:color-mix(in srgb,var(--outline-color) 10%,transparent);
    color:var(--outline-color);
    font-size:8px !important;
    font-weight:800;
    white-space:nowrap;
}
.m-reader-page .outline-name{
    overflow:hidden;
    color:inherit;
    font-size:10px !important;
    line-height:1.25 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.m-outline-children{
    margin-left:11px;
    padding-left:8px;
    border-left:1px solid color-mix(in srgb,var(--outline-color) 30%,var(--reader-border));
}

.m-reader-page .m-detail-main{min-width:0 !important;align-items:center !important}
.m-reader-page .m-document{
    width:min(900px,100%) !important;
    max-width:900px !important;
    margin:0 auto !important;
    padding:clamp(34px,6vw,72px) clamp(24px,7vw,86px) clamp(50px,7vw,86px) !important;
    border:1px solid var(--reader-border) !important;
    border-radius:5px !important;
    background:var(--reader-paper) !important;
    color:var(--reader-ink) !important;
    box-shadow:0 20px 55px rgba(25,49,64,.14) !important;
}

html[data-theme="dark"] .m-reader-page .m-document{
    background:var(--reader-paper) !important;
    color:var(--reader-ink) !important;
    border-color:var(--reader-border) !important;
}

.m-document-header{
    margin-bottom:34px;
    padding-bottom:24px;
    border-bottom:2px solid var(--reader-ink);
    text-align:center;
}
.m-document-header .m-document-type{
    display:block;
    margin-bottom:9px;
    color:var(--reader-kisim);
    font:800 10px/1 var(--font-sans,system-ui,sans-serif);
    letter-spacing:.18em;
}
.m-document-header h2{
    margin:0;
    color:var(--reader-ink) !important;
    font:700 clamp(22px,3vw,34px)/1.18 Georgia,"Times New Roman",serif !important;
}
.m-reader-page .m-document-header p{
    margin:12px 0 0 !important;
    color:var(--reader-muted) !important;
    font:600 11px/1.4 var(--font-sans,system-ui,sans-serif) !important;
    text-align:center !important;
}

.m-reader-page .m-doc-section{
    --unit-color:var(--reader-alt-bent);
    scroll-margin-top:170px;
    position:relative !important;
    margin:0 !important;
    padding:5px 0 !important;
    border:0 !important;
    border-radius:6px;
}
.m-reader-page .m-public-kind-kisim{--unit-color:var(--reader-kisim);margin-top:28px !important;padding:18px 0 10px !important;border-top:1px solid var(--reader-border) !important;text-align:center}
.m-reader-page .m-public-kind-bolum,.m-reader-page .m-public-kind-baslik{--unit-color:var(--reader-bolum);margin-top:20px !important;padding:13px 0 7px !important;text-align:center}
.m-reader-page .m-public-kind-madde,.m-reader-page .m-public-kind-gecici-madde,.m-reader-page .m-public-kind-ek-madde{--unit-color:var(--reader-madde);margin-top:20px !important;padding:16px 0 8px !important;border-top:1px solid var(--reader-border) !important}
.m-reader-page .m-public-kind-fikra{--unit-color:var(--reader-fikra)}
.m-reader-page .m-public-kind-bent{--unit-color:var(--reader-bent)}
.m-reader-page .m-public-kind-alt-bent,.m-reader-page .m-public-kind-altbent{--unit-color:var(--reader-alt-bent)}
.m-reader-page .m-public-kind-dipnot{--unit-color:var(--reader-dipnot);margin-left:calc(max(0,var(--unit-depth) - 2) * 13px) !important;padding:7px 10px !important;border-left:2px solid var(--unit-color) !important;background:color-mix(in srgb,var(--unit-color) 6%,transparent)}
.m-reader-page .m-doc-section.is-active{background:color-mix(in srgb,var(--unit-color) 9%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,var(--unit-color) 9%,transparent)}

.m-public-unit-line{min-width:0}
.m-reader-page .m-public-unit-heading{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:6px;
    margin:0 0 4px !important;
    color:var(--reader-ink) !important;
    font:700 14px/1.42 Georgia,"Times New Roman",serif !important;
}
.m-public-unit-label{color:var(--unit-color);white-space:nowrap}
.m-reader-page .m-public-kind-madde .m-public-unit-label,
.m-reader-page .m-public-kind-gecici-madde .m-public-unit-label,
.m-reader-page .m-public-kind-ek-madde .m-public-unit-label{font-weight:900 !important;letter-spacing:.01em}
.m-public-unit-title{color:var(--reader-ink)}
.m-reader-page .m-public-kind-kisim .m-public-unit-heading,
.m-reader-page .m-public-kind-bolum .m-public-unit-heading,
.m-reader-page .m-public-kind-baslik .m-public-unit-heading{justify-content:center;font-size:18px !important;text-transform:none}
.m-reader-page .m-public-kind-kisim .m-public-unit-heading,
.m-reader-page .m-public-kind-bolum .m-public-unit-heading{
    flex-direction:column;
    align-items:center;
    gap:4px;
}
.m-reader-page .m-public-kind-madde .m-public-unit-heading,
.m-reader-page .m-public-kind-gecici-madde .m-public-unit-heading,
.m-reader-page .m-public-kind-ek-madde .m-public-unit-heading{font-size:16px !important}

.m-reader-page .m-public-text{
    margin:0 0 5px !important;
    color:var(--reader-ink) !important;
    font:400 15.5px/1.62 Georgia,"Times New Roman",serif !important;
    letter-spacing:0 !important;
    word-spacing:normal !important;
    text-align:justify !important;
    text-justify:inter-word !important;
    white-space:normal;
}
.m-reader-page .m-public-kind-fikra .m-public-unit-line,
.m-reader-page .m-public-kind-bent .m-public-unit-line,
.m-reader-page .m-public-kind-alt-bent .m-public-unit-line,
.m-reader-page .m-public-kind-altbent .m-public-unit-line{
    display:grid;
    grid-template-columns:minmax(72px,auto) minmax(0,1fr);
    column-gap:13px;
    align-items:start;
}
.m-reader-page .m-public-kind-fikra .m-public-unit-heading,
.m-reader-page .m-public-kind-bent .m-public-unit-heading,
.m-reader-page .m-public-kind-alt-bent .m-public-unit-heading,
.m-reader-page .m-public-kind-altbent .m-public-unit-heading{font-size:13px !important}
.m-reader-page .m-public-kind-dipnot .m-public-unit-heading{font-size:11px !important}
.m-reader-page .m-public-kind-dipnot .m-public-text{font-size:12.5px !important;line-height:1.5 !important;font-style:italic}
.m-reader-page .legal-footnote-reference,
.m-public-detail .legal-footnote-reference{
    display:inline;
    margin-left:.16em;
    color:#c62828;
    font-size:.68em;
    font-weight:800;
    line-height:0;
    vertical-align:super;
    white-space:nowrap
}
.m-reader-page .m-public-effective-date{margin:2px 0 0 !important;color:var(--reader-muted) !important;font:600 10px/1.4 var(--font-sans,system-ui,sans-serif) !important;text-align:left !important}
.m-reader-page .m-public-empty{margin:0 !important;color:var(--reader-muted) !important;font-size:12px !important;font-style:italic;text-align:left !important}

.m-unit-actions{
    position:absolute;
    top:4px;
    right:4px;
    display:flex;
    gap:4px;
    opacity:0;
    transition:opacity .15s ease;
}
.m-doc-section:hover .m-unit-actions,.m-doc-section:focus-within .m-unit-actions,.m-doc-section.is-active .m-unit-actions{opacity:1}
.m-unit-actions button{
    padding:4px 7px;
    border:1px solid var(--reader-border);
    border-radius:7px;
    background:var(--reader-paper);
    color:var(--reader-muted);
    font:700 9px/1 var(--font-sans,system-ui,sans-serif);
    cursor:pointer;
}
.m-unit-actions button:hover{border-color:var(--unit-color);color:var(--unit-color)}

.m-reader-page .m-public-table-wrap{margin:10px 0 14px;overflow:auto;border:1px solid var(--reader-border);border-radius:4px}
.m-reader-page .m-public-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--reader-ink);font:400 12px/1.45 Georgia,"Times New Roman",serif}
.m-reader-page .m-public-table th,.m-reader-page .m-public-table td{padding:3px 4px;border:1px solid var(--reader-border);vertical-align:top;white-space:pre-line}
.m-reader-page .m-source-align-left .m-public-unit-heading{justify-content:flex-start;text-align:left}
.m-reader-page .m-source-align-center .m-public-unit-heading{justify-content:flex-start;text-align:center}
.m-reader-page .m-source-align-center .m-public-unit-title{flex:1 1 auto;text-align:center}
.m-reader-page .m-source-align-right .m-public-unit-heading{justify-content:flex-start;text-align:right}
.m-reader-page .m-source-align-right .m-public-unit-title{flex:1 1 auto;text-align:right}
.m-reader-page .m-source-align-center .m-public-unit-label,
.m-reader-page .m-source-align-right .m-public-unit-label{align-self:flex-start;text-align:left}
.m-reader-page .m-appendix-reference{color:#176d8d;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.m-reader-page .m-appendix-pdf-link{display:inline-flex;align-items:center;margin:6px 0 11px;padding:7px 10px;border:1px solid #9fc2ce;border-radius:7px;background:#f2fbfd;color:#176d8d;font:800 11px/1.2 var(--font-sans,system-ui,sans-serif);text-decoration:none}
.m-reader-page .m-appendix-pdf-link:hover{border-color:#176d8d;background:#e6f6fa}
.m-reader-page .m-public-secondary{width:min(900px,100%);margin:16px auto 0}

.m-reader-toast{
    position:fixed;
    z-index:9999;
    right:22px;
    bottom:22px;
    max-width:min(420px,calc(100vw - 32px));
    padding:13px 16px;
    border-radius:12px;
    background:#153347;
    color:#fff;
    box-shadow:0 14px 40px rgba(0,0,0,.28);
    font:650 13px/1.45 system-ui,sans-serif;
    opacity:0;
    pointer-events:none;
    transform:translateY(12px);
    transition:opacity .18s ease,transform .18s ease;
}
.m-reader-toast.is-visible{opacity:1;transform:none}

@media(max-width:1100px){
    .m-reader-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .m-reader-law-field{grid-column:1/-1}
    .m-reader-page .m-detail-layout{grid-template-columns:250px minmax(0,1fr) !important}
    .m-reader-page .m-document{padding-inline:clamp(22px,5vw,54px) !important}
}

@media(max-width:800px){
    .m-reader-page{width:min(100% - 20px,1540px)}
    .m-reader-page .m-detail-hero{margin-top:12px !important}
    .m-reader-page .m-detail-layout{display:block !important}
    .m-reader-page .m-outline{position:relative !important;top:auto !important;max-height:420px;margin-bottom:14px}
    .m-reader-page .m-outline-body{max-height:350px}
    .m-reader-controls{border-radius:14px}
    .m-reader-selected{width:100%;max-width:none;margin:0 0 3px}
}

@media(max-width:560px){
    .m-reader-control-grid{grid-template-columns:1fr}
    .m-reader-law-field{grid-column:auto}
    .m-reader-control-title{display:block}
    .m-reader-control-title span{display:block;margin-top:4px}
    .m-reader-page .m-document{padding:30px 20px 44px !important}
    .m-reader-page .m-public-kind-fikra .m-public-unit-line,
    .m-reader-page .m-public-kind-bent .m-public-unit-line,
    .m-reader-page .m-public-kind-alt-bent .m-public-unit-line,
    .m-reader-page .m-public-kind-altbent .m-public-unit-line{grid-template-columns:1fr;gap:1px}
    .m-unit-actions{position:static;margin:3px 0 4px;opacity:1}
}
/* PUBLIC_LEGAL_READER_V1_END */

/* PUBLIC_LEGAL_READER_COMPACT_HEADER_V2_START */
.m-reader-sticky-header{
    position:sticky;
    z-index:900;
    top:var(--m-reader-sticky-top,0px);
    width:min(1480px,100%);
    margin:14px auto 16px;
    overflow:visible;
    border:1px solid var(--reader-border);
    border-radius:16px;
    background:color-mix(in srgb,var(--reader-panel) 94%,transparent);
    box-shadow:0 15px 42px rgba(20,48,65,.13);
    backdrop-filter:blur(18px);
}

.m-reader-page .m-reader-sticky-header .m-detail-hero{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:5px 11px;
    width:100%;
    max-width:none;
    margin:0 !important;
    padding:11px 17px 8px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.m-reader-page .m-reader-sticky-header .m-detail-hero .m-eyebrow{
    margin:0 !important;
    font-size:8px !important;
    line-height:1;
    white-space:nowrap;
}

.m-reader-page .m-reader-sticky-header .m-detail-hero h1{
    min-width:0;
    max-width:none;
    margin:0 !important;
    overflow:hidden;
    color:var(--reader-ink) !important;
    font-size:clamp(11px,1.35vw,19px) !important;
    line-height:1.15 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.m-reader-page .m-reader-sticky-header .m-public-metadata{
    grid-column:1/-1;
    display:flex !important;
    align-items:center;
    flex-wrap:nowrap;
    gap:5px 18px !important;
    min-width:0;
    margin:1px 0 0 !important;
    overflow-x:auto;
    scrollbar-width:thin;
}

.m-reader-page .m-reader-sticky-header .m-public-metadata > div{
    display:flex;
    align-items:baseline;
    gap:4px;
    min-width:0;
    white-space:nowrap;
}

.m-reader-page .m-reader-sticky-header .m-public-metadata dt,
.m-reader-page .m-reader-sticky-header .m-public-metadata dd{
    margin:0 !important;
    font-size:9px !important;
    line-height:1.25 !important;
}

.m-reader-page .m-reader-sticky-header .m-public-metadata dt::after{content:":"}
.m-reader-page .m-reader-sticky-header .m-public-metadata dd{color:var(--reader-ink) !important;font-weight:800}

.m-reader-page .m-reader-sticky-header .m-reader-controls{
    width:100%;
    max-width:none;
    margin:0;
    padding:8px 17px 10px;
    border:0;
    border-top:1px solid var(--reader-border);
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.m-reader-page .m-reader-sticky-header .m-reader-control-title{
    margin-bottom:7px;
}

.m-reader-page .m-reader-sticky-header .m-reader-control-title strong{font-size:12px}
.m-reader-page .m-reader-sticky-header .m-reader-control-title span{font-size:9px}
.m-reader-page .m-reader-sticky-header .m-reader-field{gap:3px;font-size:9px}
.m-reader-page .m-reader-sticky-header .m-reader-input,
.m-reader-page .m-reader-sticky-header .m-reader-select{height:35px;padding-inline:10px;border-radius:8px;font-size:11px}
.m-reader-page .m-reader-sticky-header .m-reader-tools{margin-top:7px;padding-top:7px;gap:5px}
.m-reader-page .m-reader-sticky-header .m-reader-tool{min-height:29px;padding:5px 8px;font-size:9px}
.m-reader-page .m-reader-sticky-header .m-reader-selected{font-size:10px}

.m-reader-page .m-outline{
    top:calc(var(--m-reader-sticky-top,0px) + var(--m-reader-bar-height,0px) + 12px) !important;
    max-height:calc(100vh - var(--m-reader-sticky-top,0px) - var(--m-reader-bar-height,0px) - 28px);
}

.m-reader-page .m-outline-body{
    max-height:calc(100vh - var(--m-reader-sticky-top,0px) - var(--m-reader-bar-height,0px) - 84px);
}

.m-reader-page .m-doc-section{
    scroll-margin-top:calc(var(--m-reader-sticky-top,0px) + var(--m-reader-bar-height,0px) + 16px);
}

/* Okuma yüzeyini öne çıkar: büyük başlık/metadata/paylaşım satırı yerine
   arama altında dar bir belge içi gezinme çubuğu kalır. */
.m-reader-page .m-reader-sticky-header{margin:7px auto 12px;border-radius:10px}
.m-reader-page .m-reader-sticky-header .m-detail-hero{display:none!important}
.m-reader-page .m-reader-sticky-header .m-reader-controls{padding:7px 14px 8px;border-top:0}
.m-reader-page .m-reader-sticky-header .m-reader-control-title{display:flex;align-items:center;gap:8px;margin:0 0 5px}
.m-reader-page .m-reader-sticky-header .m-reader-control-title strong{font-size:10px;color:var(--reader-muted)}
.m-reader-page .m-reader-sticky-header .m-reader-selected{overflow:hidden;color:var(--reader-ink);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.m-reader-page .m-reader-sticky-header .m-reader-tools{display:none!important}
.m-reader-page .m-reader-sticky-header .m-reader-control-grid{gap:7px}
.m-reader-page .m-reader-sticky-header .m-reader-field{gap:2px}
.m-reader-page .m-reader-sticky-header .m-reader-input,.m-reader-page .m-reader-sticky-header .m-reader-select{height:31px;font-size:10px}

/* Seçilen hukukî bağlam: her kademe ayrı silinir, tek eylem tüm metne döner. */
.m-reader-page .m-reader-active-filters{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    min-width:0;
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid color-mix(in srgb,var(--reader-border) 76%,transparent);
}
.m-reader-page .m-reader-active-filters[hidden]{display:none!important}
.m-reader-page .m-reader-active-filters-label{
    color:var(--reader-muted);
    font-size:10px;
    font-weight:800;
}
.m-reader-page .m-reader-filter-chip,
.m-reader-page .m-reader-clear-all{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-width:0;
    min-height:25px;
    padding:4px 7px;
    border:1px solid var(--reader-border);
    border-radius:999px;
    background:var(--reader-paper);
    color:var(--reader-ink);
    font:700 10px/1.15 var(--font-sans,system-ui,sans-serif);
    cursor:pointer;
}
.m-reader-page .m-reader-filter-chip{max-width:min(310px,100%)}
.m-reader-page .m-reader-filter-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-reader-page .m-reader-filter-chip-clear{
    display:grid;
    place-items:center;
    width:14px;
    height:14px;
    border-radius:50%;
    background:color-mix(in srgb,currentColor 12%,transparent);
    font-size:14px;
    line-height:1;
    flex:0 0 14px;
}
.m-reader-page .m-reader-filter-chip-law{color:var(--reader-kisim)}
.m-reader-page .m-reader-filter-chip-article{color:var(--reader-madde)}
.m-reader-page .m-reader-filter-chip-paragraph{color:var(--reader-fikra)}
.m-reader-page .m-reader-filter-chip-clause{color:var(--reader-bent)}
.m-reader-page .m-reader-filter-chip-subclause{color:var(--reader-alt-bent)}
.m-reader-page .m-reader-filter-chip:hover,
.m-reader-page .m-reader-filter-chip:focus-visible{
    border-color:currentColor;
    outline:0;
}
.m-reader-page .m-reader-clear-all{
    margin-left:auto;
    border-color:var(--reader-kisim);
    background:var(--reader-kisim);
    color:#fff;
    white-space:nowrap;
}
.m-reader-page .m-reader-clear-all:hover,.m-reader-page .m-reader-clear-all:focus-visible{filter:brightness(.92);outline:2px solid color-mix(in srgb,var(--reader-kisim) 35%,transparent);outline-offset:1px}

/* Paylaş yalnız paylaşılacak hükmün üstünde görünür. */
.m-reader-page .m-public-kind-madde,.m-reader-page .m-public-kind-gecici-madde,.m-reader-page .m-public-kind-ek-madde,.m-reader-page .m-public-kind-fikra,.m-reader-page .m-public-kind-bent,.m-reader-page .m-public-kind-alt-bent,.m-reader-page .m-public-kind-altbent{padding-top:26px}
.m-unit-actions{top:2px;right:0;z-index:4;opacity:0}
.m-unit-actions .m-unit-share-trigger{border-color:color-mix(in srgb,var(--unit-color) 42%,var(--reader-border));background:var(--reader-paper);color:var(--unit-color);font-weight:800}
.m-unit-actions .m-unit-report{padding-inline:6px;color:#ba3447}
.m-unit-share-menu{position:absolute;top:30px;right:0;display:grid;width:194px;padding:5px;border:1px solid var(--reader-border);border-radius:9px;background:var(--reader-paper);box-shadow:0 12px 28px rgba(22,48,65,.2)}
.m-unit-share-menu[hidden]{display:none!important}
.m-unit-actions .m-unit-share-menu button{width:100%;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:var(--reader-ink);font-size:10px;text-align:left}
.m-unit-actions .m-unit-share-menu button:hover{background:var(--reader-soft,#eef7f7);color:var(--unit-color)}
.m-unit-actions .m-unit-share-menu button{display:flex;align-items:center;gap:8px;font-weight:750}
.m-share-network-icon{display:grid;place-items:center;width:18px;height:18px}
.m-share-network-icon svg{width:17px;height:17px;fill:currentColor}
.m-unit-actions .m-unit-share-menu .m-share-whatsapp{color:#25d366}
.m-unit-actions .m-unit-share-menu .m-share-x{color:#111111}
.m-unit-actions .m-unit-share-menu .m-share-facebook{color:#1877f2}
.m-unit-actions .m-unit-share-menu .m-share-linkedin{color:#0a66c2}
.m-unit-actions .m-unit-share-menu .m-share-instagram{color:#d62976}
.m-unit-actions .m-unit-share-menu .m-share-copy{color:#4f6171}
@media(max-width:760px){
 .m-reader-page .m-reader-sticky-header .m-reader-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .m-reader-page .m-reader-sticky-header .m-reader-law-field{grid-column:1/-1}
 .m-reader-page .m-reader-clear-all{margin-left:0}
 .m-unit-actions{position:relative;top:auto;right:auto;justify-content:flex-end;margin:-20px 0 5px}
 .m-reader-page .m-public-kind-madde,.m-reader-page .m-public-kind-gecici-madde,.m-reader-page .m-public-kind-ek-madde,.m-reader-page .m-public-kind-fikra,.m-reader-page .m-public-kind-bent,.m-reader-page .m-public-kind-alt-bent,.m-reader-page .m-public-kind-altbent{padding-top:0}
}

.m-feedback-dialog{
    width:min(680px,calc(100% - 28px));
    max-height:min(780px,calc(100vh - 32px));
    padding:0;
    overflow:hidden;
    border:1px solid var(--reader-border,#d8e2e8);
    border-radius:18px;
    background:var(--surface,#fff);
    color:var(--text,#172d3f);
    box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.m-feedback-dialog::backdrop{
    background:rgba(8,22,32,.62);
    backdrop-filter:blur(5px);
}

.m-feedback-form{
    display:grid;
    gap:14px;
    max-height:min(780px,calc(100vh - 32px));
    padding:22px;
    overflow:auto;
}

.m-feedback-head h2{
    margin:6px 0 5px;
    color:var(--text,#172d3f);
    font:700 21px/1.2 var(--font-serif,Georgia,serif);
}

.m-feedback-head p{
    margin:0;
    color:var(--text-2,#607789);
    font-size:12px;
    line-height:1.5;
}

.m-feedback-excerpt{
    max-height:230px;
    padding:13px 14px;
    overflow:auto;
    border:1px solid var(--border,#d8e2e8);
    border-left:4px solid var(--red,#c8464b);
    border-radius:10px;
    background:var(--surface-2,#f5f8fa);
    color:var(--text,#172d3f);
    font:400 13px/1.55 Georgia,"Times New Roman",serif;
    white-space:pre-wrap;
}

.m-feedback-label{
    display:grid;
    gap:7px;
    color:var(--text,#172d3f);
    font-size:12px;
    font-weight:800;
}

.m-feedback-description{
    width:100%;
    min-height:105px;
    resize:vertical;
    padding:12px 13px;
    border:1px solid var(--border,#d8e2e8);
    border-radius:10px;
    background:var(--surface,#fff);
    color:var(--text,#172d3f);
    font:500 14px/1.5 var(--font-sans,system-ui,sans-serif);
}

.m-feedback-description:focus{outline:2px solid color-mix(in srgb,var(--red,#c8464b) 45%,transparent);border-color:var(--red,#c8464b)}
.m-feedback-actions{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:800px){
    .m-reader-sticky-header{margin-top:8px;border-radius:12px}
    .m-reader-page .m-reader-sticky-header .m-detail-hero{padding:9px 11px 7px !important}
    .m-reader-page .m-reader-sticky-header .m-detail-hero h1{font-size:10px !important}
    .m-reader-page .m-reader-sticky-header .m-reader-controls{padding:7px 11px 9px}
    .m-reader-page .m-reader-sticky-header .m-reader-control-grid{
        display:flex;
        gap:7px;
        overflow-x:auto;
        scroll-snap-type:x proximity;
    }
    .m-reader-page .m-reader-sticky-header .m-reader-field{flex:0 0 180px;scroll-snap-align:start}
    .m-reader-page .m-reader-sticky-header .m-reader-law-field{grid-column:auto;flex-basis:250px}
    .m-reader-page .m-reader-sticky-header .m-reader-tools{flex-wrap:nowrap;overflow-x:auto}
    .m-reader-page .m-reader-sticky-header .m-reader-selected{flex:0 0 180px;width:180px;margin:0}
    .m-reader-page .m-outline{position:relative !important;top:auto !important;max-height:420px}
    .m-reader-page .m-outline-body{max-height:350px}
}
/* PUBLIC_LEGAL_READER_COMPACT_HEADER_V2_END */

/* PUBLIC_LEGAL_READER_FILTER_V3_START */
.m-reader-law-field{position:relative}

.m-reader-law-suggestions{
    position:absolute;
    z-index:1200;
    top:calc(100% + 5px);
    left:0;
    right:0;
    max-height:310px;
    padding:6px;
    overflow:auto;
    border:1px solid var(--reader-border);
    border-radius:11px;
    background:var(--surface,#fff);
    box-shadow:0 18px 50px rgba(10,31,45,.24);
}

.m-reader-law-suggestions[hidden]{display:none !important}

.m-reader-law-result{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:8px;
    width:100%;
    padding:9px 10px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:var(--reader-ink);
    text-align:left;
}

.m-reader-law-result:hover,
.m-reader-law-result:focus-visible{
    outline:0;
    background:color-mix(in srgb,var(--reader-kisim) 11%,transparent);
}

.m-reader-law-result strong{
    color:var(--reader-kisim);
    font-size:10px;
    line-height:1.35;
    white-space:nowrap;
}

.m-reader-law-result span{
    min-width:0;
    color:var(--reader-ink);
    font-size:10px;
    line-height:1.35;
}

.m-reader-law-empty{
    padding:12px;
    color:var(--reader-muted);
    font-size:11px;
    text-align:center;
}

.m-reader-page .m-document.is-filtered{
    min-height:0;
    padding-top:clamp(24px,4vw,48px) !important;
}

.m-reader-page .m-doc-section[hidden],
.m-reader-page .m-document-header[hidden],
.m-reader-page .m-public-secondary[hidden]{
    display:none !important;
}

.m-reader-page .m-document.is-filtered .m-doc-section:not([hidden]):first-of-type{
    margin-top:0 !important;
    border-top:0 !important;
}

@media(max-width:800px){
    .m-reader-law-suggestions{position:fixed;z-index:1400;top:auto;right:10px;bottom:10px;left:10px;max-height:min(55vh,420px)}
}
/* PUBLIC_LEGAL_READER_FILTER_V3_END */

/* Belge gezgini: üstte güncel mevzuat özeti, altta yazarak süzülebilen birimler. */
.m-reader-page .m-reader-document-info{
    overflow:hidden;
    margin:0 0 6px;
    color:var(--reader-muted);
    font-size:10px;
    font-weight:700;
    line-height:1.35;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.m-reader-page .m-reader-document-info > span:first-child{color:var(--reader-ink)}
.m-reader-page .m-reader-picker-input{display:none!important}
.m-reader-page .m-reader-select{display:none!important}
.m-reader-page .m-reader-combo{
    position:relative;
    display:flex;
    align-items:center;
    width:100%;
    min-width:0;
    height:31px;
    padding:0 30px 0 10px;
    overflow:hidden;
    border:1px solid var(--reader-border);
    border-radius:8px;
    background:var(--reader-paper);
    color:var(--reader-ink);
    font:inherit;
    font-size:10px;
    font-weight:650;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
}
.m-reader-page .m-reader-field{position:relative}
.m-reader-page .m-reader-combo::after{content:"⌄";position:absolute;right:10px;color:var(--reader-muted);font-size:15px;line-height:1}
.m-reader-page .m-reader-combo:disabled{opacity:.55;cursor:not-allowed}
.m-reader-page .m-reader-combo:focus-visible{outline:2px solid color-mix(in srgb,var(--reader-kisim) 35%,transparent);outline-offset:1px}
.m-reader-page .m-reader-combo-menu{
    position:absolute;
    z-index:1300;
    top:calc(100% + 5px);
    right:0;
    left:0;
    display:grid;
    gap:5px;
    max-height:190px;
    padding:7px;
    overflow:hidden;
    border:1px solid var(--reader-border);
    border-radius:9px;
    background:var(--reader-paper);
    box-shadow:0 13px 30px rgba(19,45,65,.21);
}
.m-reader-page .m-reader-combo-menu[hidden]{display:none!important}
.m-reader-page .m-reader-combo-search{width:100%;height:30px;padding:0 9px;border:1px solid var(--reader-border);border-radius:6px;color:var(--reader-ink);font:inherit;font-size:10px}
.m-reader-page .m-reader-combo-results{display:grid;gap:2px;max-height:130px;overflow:auto}
.m-reader-page .m-reader-combo-option{width:100%;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:var(--reader-ink);font:inherit;font-size:10px;font-weight:650;text-align:left;cursor:pointer}
.m-reader-page .m-reader-combo-option:hover,.m-reader-page .m-reader-combo-option:focus-visible{outline:0;background:color-mix(in srgb,var(--reader-kisim) 12%,transparent)}
.m-reader-page .m-reader-combo-empty{margin:4px;padding:7px;color:var(--reader-muted);font-size:10px}

/* Kanun no / ad filtresi de diğer seçim kutuları gibi açılır arama menüsüdür. */
.m-reader-page .m-reader-law-field > .m-reader-input,
.m-reader-page .m-reader-law-field > datalist{display:none!important}
.m-reader-page .m-reader-law-suggestions{
    z-index:1300;
    display:grid;
    gap:5px;
    max-height:190px;
    padding:7px;
    overflow:hidden;
    border-radius:9px;
    background:var(--reader-paper);
    box-shadow:0 13px 30px rgba(19,45,65,.21);
}
.m-reader-page .m-reader-law-suggestions .m-reader-combo-results{max-height:130px}
@media(max-width:800px){.m-reader-page .m-reader-law-suggestions{position:absolute!important;top:calc(100% + 5px)!important;right:0!important;bottom:auto!important;left:0!important;max-height:190px!important}}

/* ============================================================
   OKUYUCU SAYFASINDA İLGİLİ MADDEYE IŞIK TUTMA ANİMASYONU
   ============================================================ */
@keyframes articleSpotlightGlow {
    0% {
        background-color: rgba(255, 215, 0, 0.42);
        box-shadow: 0 0 0 6px rgba(255, 215, 0, 0.45);
    }
    40% {
        background-color: rgba(255, 215, 0, 0.28);
        box-shadow: 0 0 0 10px rgba(255, 215, 0, 0.22);
    }
    100% {
        background-color: transparent;
        box-shadow: none;
    }
}

.article-spotlight {
    animation: articleSpotlightGlow 3.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards !important;
    border-radius: 8px !important;
    outline: 2px dashed #e09900 !important;
}

mark.kw-highlight {
    background: #ffe600 !important;
    color: #0f172a !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
    border-bottom: 2px solid #eab308 !important;
    display: inline !important;
    line-height: 1.2 !important;
}
[data-theme="dark"] mark.kw-highlight {
    background: #facc15 !important;
    color: #020617 !important;
    border-bottom: 2px solid #ca8a04 !important;
    box-shadow: 0 0 12px rgba(250, 204, 21, 0.45) !important;
}