/* Kütüphane ve arama şablonu: yalnız bu yerel önizleme için. */
.lib-main { background: var(--paper, #f6f3ed); color: var(--ink, #202824); }
.lib-container { width: min(1184px, calc(100% - 80px)); margin-inline: auto; }
.lib-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding-top:27px; font-family:var(--sans); font-size:14px; color:var(--muted); }
.lib-breadcrumb a { color:inherit; text-decoration:none; }
.lib-breadcrumb a:hover { color:var(--petrol); text-decoration:underline; text-underline-offset:4px; }
.lib-breadcrumb > span:first-of-type { opacity:.45; }
.lib-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,360px); gap:64px; align-items:end; padding:57px 0 46px; }
.lib-eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 20px; font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--petrol); }
.lib-eyebrow > span { width:24px; height:1px; background:var(--bronze); }
.lib-hero h1 { margin:0; font-family:var(--serif); font-size:clamp(48px,4.6vw,66px); font-weight:500; line-height:1.045; letter-spacing:-.035em; }
.lib-hero h1 em { color:var(--petrol); font-style:italic; font-weight:400; }
.lib-hero-description { padding-bottom:3px; }
.lib-hero-description > p:first-child { margin:0 0 18px; font-family:var(--serif); font-size:24px; line-height:1.4; font-weight:400; letter-spacing:-.015em; }
.lib-hero-note { max-width:340px; margin:0; font-family:var(--sans); font-size:16px; color:var(--muted); line-height:1.55; }
.lib-search { display:flex; gap:16px; align-items:center; width:100%; min-height:76px; padding:8px 8px 8px 24px; border:1px solid #bcc6bd; background:var(--white); border-radius:3px; transition:border-color 160ms ease,box-shadow 160ms ease; }
.lib-search:focus-within { border-color:var(--petrol); box-shadow:0 0 0 2px #123f3a18; }
.lib-search-icon { flex:none; width:24px; height:24px; color:var(--petrol); stroke:currentColor; stroke-width:1.6; }
.lib-search input { appearance:none; min-width:0; flex:1; padding:14px 0; border:0; background:transparent; color:var(--ink); font-family:var(--sans); font-size:18px; line-height:1.4; outline:none; box-shadow:none; }
.lib-search input::placeholder { color:#657169; opacity:1; }
.lib-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
.lib-search button { flex:none; border:0; cursor:pointer; font-family:var(--sans); }
.lib-search-submit { display:inline-flex; min-height:56px; align-items:center; justify-content:center; gap:30px; padding:12px 26px; border-radius:2px; color:var(--white); background:var(--petrol); font-size:17px; font-weight:600; transition:background 160ms ease; }
.lib-search-submit:hover { background:#0a2f2a; }
.lib-search-submit span { font-size:22px; font-weight:400; }
.lib-clear { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0; color:var(--muted); background:transparent; font-size:27px; }
.lib-clear:hover { color:var(--ink); background:var(--paper); }
.lib-clear[hidden] { display:none; }
.lib-filter-row { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 42px; }
.lib-filter { min-height:44px; padding:10px 19px; border:1px solid #ccd2c8; border-radius:2px; color:var(--muted); background:transparent; font-family:var(--sans); font-size:15px; font-weight:500; line-height:1.3; cursor:pointer; transition:color 160ms ease,background 160ms ease,border-color 160ms ease; }
.lib-filter:hover { border-color:var(--petrol); color:var(--petrol); }
.lib-filter[aria-pressed="true"] { color:var(--white); border-color:var(--petrol); background:var(--petrol); }
.lib-result-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:20px; font-family:var(--sans); font-size:14px; color:var(--muted); }
.lib-result-bar p { margin:0; font-size:15px; color:var(--ink); font-weight:600; }
.lib-result-bar > span { font-size:12px; letter-spacing:.075em; text-transform:uppercase; }
.lib-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:56px; }
.lib-card { min-width:0; border-top:1px solid #bdc7bb; }
.lib-card[hidden] { display:none; }
.lib-card-link { display:flex; flex-direction:column; height:100%; min-height:292px; padding:25px 0 27px; color:var(--ink); text-decoration:none; }
.lib-card-top { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:17px; }
.lib-category { color:var(--petrol); font-family:var(--sans); font-size:11px; line-height:1.4; letter-spacing:.10em; font-weight:600; text-transform:uppercase; }
.lib-number { color:var(--bronze); font-family:var(--serif); font-size:17px; font-style:italic; line-height:1; }
.lib-card-title { margin:0 0 13px; font-family:var(--serif); font-size:27px; font-weight:500; line-height:1.19; letter-spacing:-.02em; text-wrap:pretty; }
.lib-card-description { margin:0 0 23px; max-width:440px; color:var(--muted); font-family:var(--sans); font-size:16px; line-height:1.55; }
.lib-card-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:auto; color:var(--petrol); font-family:var(--sans); font-size:14px; font-weight:600; }
.lib-link-arrow { display:flex; justify-content:center; align-items:center; height:29px; width:29px; border:1px solid #d0d7cd; border-radius:50%; font-size:17px; font-weight:400; transition:background 160ms ease,color 160ms ease,transform 160ms ease; }
.lib-card-link:hover .lib-card-title { color:var(--petrol); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.lib-card-link:hover .lib-link-arrow { color:var(--white); background:var(--petrol); border-color:var(--petrol); transform:translate(1px,-1px); }
.lib-card-link:focus-visible, .lib-filter:focus-visible, .lib-search button:focus-visible, .lib-breadcrumb a:focus-visible, .lib-empty button:focus-visible, .lib-reading-note a:focus-visible { outline:3px solid var(--bronze); outline-offset:4px; }
.lib-reading-note { display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:24px; align-items:center; margin:40px 0 72px; padding:34px 32px; border-top:1px solid #d0d7ca; border-bottom:1px solid #d0d7ca; background:#eeeee5; }
.lib-reading-index { align-self:start; margin-top:6px; color:var(--bronze); font-family:var(--serif); font-size:45px; line-height:1; font-style:italic; font-weight:400; }
.lib-reading-note .lib-eyebrow { margin:0 0 10px; font-size:10px; }
.lib-reading-note h2 { margin:0 0 8px; font-family:var(--serif); font-size:26px; font-weight:500; line-height:1.25; letter-spacing:-.02em; }
.lib-reading-note div > p:last-child { max-width:560px; margin:0; color:var(--muted); font-family:var(--sans); font-size:15px; line-height:1.5; }
.lib-reading-note a { display:inline-flex; min-height:44px; align-items:center; gap:24px; color:var(--petrol); font-family:var(--sans); font-size:15px; font-weight:600; text-decoration:none; }
.lib-reading-note a:hover { text-decoration:underline; text-underline-offset:4px; }
.lib-empty { padding:58px 24px 62px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); text-align:center; }
.lib-empty[hidden] { display:none; }
.lib-empty-symbol { color:var(--bronze); font-family:var(--serif); font-size:48px; font-weight:400; }
.lib-empty h2 { margin:14px 0 10px; font-family:var(--serif); font-size:31px; line-height:1.25; font-weight:500; }
.lib-empty p { max-width:480px; margin:0 auto 24px; color:var(--muted); font-family:var(--sans); font-size:17px; line-height:1.55; }
.lib-empty button { min-height:48px; border:0; border-bottom:1px solid var(--petrol); padding:10px 0; color:var(--petrol); background:transparent; font-family:var(--sans); font-size:16px; font-weight:600; cursor:pointer; }
.lib-empty button span { margin-left:12px; }
.lib-noscript { padding:16px 0; color:var(--muted); }
.lib-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (min-width:1600px) { .lib-hero h1 { font-size:68px; } }
@media (max-width:900px) {
.lib-container { width:calc(100% - 48px); }
.lib-hero { grid-template-columns:minmax(0,1fr) minmax(230px,290px); gap:32px; }
.lib-hero h1 { font-size:52px; }
.lib-hero-description > p:first-child { font-size:21px; }
.lib-desktop-break { display:none; }
.lib-grid { column-gap:32px; }
.lib-card-title { font-size:24px; }
.lib-reading-note { grid-template-columns:50px minmax(0,1fr); gap:18px; padding:28px 24px; }
.lib-reading-note a { grid-column:2; }
}
@media (max-width:640px) {
.lib-container { width:calc(100% - 40px); }
.lib-breadcrumb { padding-top:22px; font-size:13px; }
.lib-hero { grid-template-columns:1fr; gap:24px; padding:35px 0 30px; }
.lib-eyebrow { margin-bottom:17px; font-size:10px; }
.lib-hero h1 { font-size:46px; line-height:1.06; }
.lib-hero-description > p:first-child { max-width:330px; margin-bottom:10px; font-size:20px; line-height:1.35; }
.lib-hero-note { max-width:330px; font-size:15px; line-height:1.5; }
.lib-search { gap:8px; min-height:64px; padding:6px 6px 6px 14px; }
.lib-search-icon { width:20px; height:20px; }
.lib-search input { font-size:16px; padding:12px 0; }
.lib-search-submit { min-height:48px; padding:10px 17px; font-size:15px; }
.lib-search-submit span { display:none; }
.lib-clear { width:36px; min-height:44px; font-size:25px; }
.lib-filter-row { gap:8px; margin:16px 0 31px; }
.lib-filter { padding:10px 13px; font-size:14px; }
.lib-result-bar { padding-bottom:17px; }
.lib-result-bar > span { font-size:10px; letter-spacing:.05em; }
.lib-grid { grid-template-columns:1fr; }
.lib-card-link { min-height:0; padding:22px 0 25px; }
.lib-card-top { margin-bottom:15px; }
.lib-card-title { font-size:27px; line-height:1.2; }
.lib-card-description { margin-bottom:20px; font-size:16px; }
.lib-reading-note { grid-template-columns:1fr; gap:15px; margin:20px 0 45px; padding:26px 20px; }
.lib-reading-index { display:none; }
.lib-reading-note a { grid-column:auto; gap:18px; }
.lib-reading-note h2 { font-size:26px; }
.lib-empty { padding:34px 12px 40px; }
.lib-empty h2 { font-size:27px; }
}
@media (max-width:359px) {
.lib-container { width:calc(100% - 32px); }
.lib-hero h1 { font-size:40px; }
.lib-search { padding-left:10px; gap:5px; }
.lib-search-icon { width:16px; height:16px; }
.lib-search-submit { padding-inline:12px; }
.lib-search input { font-size:16px; }
.lib-filter { padding-inline:12px; font-size:13px; }
.lib-card-title { font-size:25px; }
.lib-result-bar > span { display:none; }
}
@media (prefers-reduced-motion:reduce) { .lib-search, .lib-search-submit, .lib-filter, .lib-link-arrow { transition:none; } }
@media print {
.lib-search, .lib-filter-row, .lib-reading-note, .lib-breadcrumb { display:none; }
.lib-container { width:100%; }
.lib-hero { padding-top:0; }
.lib-card { break-inside:avoid; }
.lib-card-link { min-height:0; }
.lib-grid { column-gap:32px; }
}