:root{color-scheme:light;--paper:#f8f7f1;--ink:#2a302d;--muted:#74796e;--line:#d6d8cc;--blue:#224f91;--green:#42614b}*{box-sizing:border-box}body{margin:0;background:#eaece3;color:var(--ink);font:14px/1.65 Arial,Helvetica,sans-serif}a{color:var(--blue);text-underline-offset:3px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c67e2c;outline-offset:3px}.site{max-width:1160px;margin:32px auto;background:var(--paper);border:1px solid #c4c9b9;box-shadow:5px 5px 0 #d7dbce;padding:0 32px}.topline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font:10px/1.6 'Courier New',monospace;letter-spacing:1px;color:var(--muted)}header{display:flex;align-items:center;gap:30px;padding:30px 0}.logo{display:flex;align-items:center;text-decoration:none;font:bold 35px/1 'Courier New',monospace;letter-spacing:-2px;color:var(--ink)}.logo-icon{font-size:23px;letter-spacing:-2px;background:var(--green);color:#f6f6df;border:3px double #e1e7d9;padding:12px 9px;margin-right:12px;box-shadow:2px 2px 0 #bac2ae}.logo-dot{color:var(--green)}.intro{font-size:15px;font-weight:bold;line-height:1.6}.intro span{font-size:12px;font-weight:normal;color:var(--muted)}.badge{margin-left:auto;border:1px solid #a7b39a;padding:5px 10px;text-align:center;font:10px/1.5 'Courier New',monospace;color:var(--green);transform:rotate(-3deg);background:#edf0e2}nav{display:flex;border-top:2px solid var(--green);border-bottom:1px solid var(--line);gap:3px}nav a,nav button{padding:12px 17px;background:none;border:0;text-decoration:none;color:var(--ink);font-size:13px}nav a[aria-current=page]{background:var(--green);color:white}nav a:hover,nav button:hover{background:#e3e8d9;color:var(--green)}nav button{margin-left:auto;color:var(--green)}.welcome{display:flex;gap:12px;align-items:center;background:#efefe2;border:1px solid #dedfcb;margin:24px 0;padding:11px 16px;font-size:12px}.welcome>span{font-size:25px;color:#7d884e}.welcome p{margin:0}.welcome strong{margin-right:7px}.layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:32px;padding-bottom:40px}.sidebox{margin-bottom:25px}.sidebox h2{font: bold 10px/1.6 'Courier New',monospace;letter-spacing:1.3px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:0 0 12px}.searchbox{display:flex;border:1px solid #b9bfaf;background:white}.searchbox input{min-width:0;width:100%;border:0;background:transparent;padding:9px;font-size:12px}.searchbox button{border:0;border-left:1px solid var(--line);background:#edf0e5;color:var(--green);padding:0 10px}.hint{font-size:11px;color:var(--muted);margin:7px 0}.category{display:flex;justify-content:space-between;text-align:left;width:100%;border:0;padding:7px 9px;background:none;color:#485042;font-size:12px}.category span{font:11px 'Courier New',monospace;color:var(--muted)}.category:hover,.category.selected{background:#e7eadc;color:var(--green)}.category.selected{font-weight:bold;border-left:2px solid var(--green)}.daily{padding:15px;background:#eeeee2;border:1px solid #dbddcc}.daily h3{font-size:14px;line-height:1.5;margin:8px 0}.daily p{font-size:12px;color:#656b60;line-height:1.7}.daily a{font-size:11px}.date{font:11px 'Courier New',monospace;color:var(--green)}.smallnote{color:var(--muted);display:flex;gap:10px;font-size:11px}.smallnote>span{font-size:25px}.smallnote p{margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:1.4px;color:var(--green);margin:0 0 5px}h1{font:bold 29px/1.3 Georgia,serif;margin:0}.section-heading>span{font:11px 'Courier New',monospace;color:var(--muted);white-space:nowrap}#section-description{font-size:12px;color:var(--muted);margin:10px 0 22px}.record{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:19px 0;border-top:1px solid var(--line)}.record-number{font:12px 'Courier New',monospace;color:#929987;padding-top:4px}.record-title{font:bold 16px/1.45 Georgia,serif;background:none;border:0;color:var(--blue);padding:0;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.record-title:hover{color:#527042}.record p{font-size:12px;line-height:1.7;color:#74786f;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{font:10px/1.8 'Courier New',monospace;color:#74786f;display:flex;flex-wrap:wrap;gap:12px}.tag{color:var(--green);background:#e9eddf;padding:0 6px}.duration{font:11px 'Courier New',monospace;color:var(--muted);padding-top:5px}.group{border:1px solid var(--line);padding:18px;margin-bottom:15px;background:#f4f4eb}.group h2{font:bold 21px Georgia,serif;margin:0}.group>p{font-size:12px;color:var(--muted)}.group .record{grid-template-columns:25px 1fr auto;padding:13px 0}.group .record-title{font-size:14px}.group summary{cursor:pointer;color:var(--blue);font-size:12px}.group summary:hover{text-decoration:underline}.notice{border:1px dashed #b9c0ac;padding:25px;color:var(--muted)}#active-filter:empty{display:none}#active-filter{margin-bottom:18px;font-size:12px}#active-filter button{background:none;border:0;color:var(--blue);text-decoration:underline;padding:3px 8px}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font:10px/1.6 'Courier New',monospace;color:var(--muted)}footer b{color:var(--green)}dialog{width:min(680px,calc(100% - 28px));max-height:85vh;padding:0;border:1px solid #9da88f;background:var(--paper);color:var(--ink);box-shadow:6px 6px 0 #15251340}dialog::backdrop{background:#17221c88}.dialog-top{display:flex;justify-content:space-between;align-items:center;background:var(--green);color:white;padding:8px 16px;font:11px 'Courier New',monospace}.dialog-top button{background:none;border:0;color:white;font-size:20px}#detail-body{padding:25px}#detail-body h2{font:26px/1.3 Georgia,serif;margin:0 0 15px}#detail-body p{white-space:pre-wrap;overflow-wrap:anywhere}#detail-body .watch{display:inline-block;background:var(--green);color:white;padding:10px 20px;text-decoration:none;margin-top:12px}#detail-body blockquote{margin:20px 0;padding:12px 16px;border-left:3px solid #a9b78e;background:#edf0e3;font-size:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1400px){.site{margin-top:48px}}@media(max-width:800px){.site{margin:12px;padding:0 20px}header{gap:18px}.badge{display:none}.layout{grid-template-columns:180px minmax(0,1fr);gap:22px}nav a,nav button{padding:12px 10px;font-size:11px}.intro{font-size:13px}.intro span{font-size:11px}.logo{font-size:29px}footer{flex-wrap:wrap}}@media(max-width:580px){.site{margin:0;border:0;box-shadow:none;padding:0 16px}.topline{font-size:8px;letter-spacing:0}header{align-items:flex-start;flex-direction:column;gap:14px;padding:23px 0}.intro br{display:none}.intro span{display:block}.layout{display:flex;flex-direction:column;gap:20px}aside{display:grid;grid-template-columns:1fr;gap:0}.sidebox{margin-bottom:15px}.daily,.smallnote{display:none}#categories{display:flex;flex-wrap:wrap;gap:4px}.category{width:auto;gap:8px;border:1px solid var(--line);padding:5px 8px}.category.selected{border:1px solid var(--green)}nav{flex-wrap:wrap;gap:0}nav a{flex:1;text-align:center;white-space:nowrap}nav button{padding:8px 10px;width:100%;text-align:right;border-top:1px dotted var(--line)}.welcome{margin:16px 0}.record{grid-template-columns:24px 1fr auto;gap:7px}.record-title{font-size:15px}.duration{font-size:10px}.section-heading h1{font-size:27px}footer{gap:8px}footer span{width:100%}}

/* Koparılabilir duvar takvimi yaprağı. */
.daily{position:relative;padding:0;background:#fffdf5;border:1px solid #c6c9b9;box-shadow:0 3px 0 -1px #f8f7ed,0 4px 0 -1px #c6c9b9,0 7px 0 -2px #f8f7ed,0 8px 0 -2px #c6c9b9;margin-top:10px;margin-bottom:32px}
.daily::before,.daily::after{content:"";position:absolute;top:-8px;width:6px;height:17px;border:1px solid #6f7967;border-radius:4px;background:linear-gradient(90deg,#8b9480,#dce1d2,#8b9480);box-shadow:0 1px 1px #24332530}
.daily::before{left:27px}.daily::after{right:27px}
.daily h2{margin:0;padding:18px 8px 10px;background:var(--green);color:#f6f5e9;border-bottom:3px double #a3b096;text-align:center;font-size:9px;letter-spacing:.7px}
.calendar-date{display:flex;flex-direction:column;align-items:center;padding:14px 12px 15px;text-align:center;border-bottom:1px dashed #bfc4b1;margin:0 12px}
.calendar-month{font:bold 12px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px;color:var(--green)}
.calendar-month span{font-weight:normal}
.calendar-day{font:bold 82px/1.1 Georgia,serif;letter-spacing:-4px;color:var(--green);padding:4px 4px 2px 0}
.calendar-weekday{font:12px/1.6 'Courier New',monospace;letter-spacing:2px;text-transform:uppercase;color:var(--green)}
.is-sunday .calendar-day,.is-sunday .calendar-weekday{color:#a64b3c}
.calendar-story{padding:17px 15px 19px}
.calendar-caption{font:9px/1.6 'Courier New',monospace;letter-spacing:.7px;color:var(--muted)}
.calendar-story h3{font:bold 15px/1.45 Georgia,serif;margin:7px 0}
.calendar-story p{margin:8px 0 12px}
@media(max-width:580px){.daily{display:block;width:100%;max-width:300px;justify-self:center;margin-top:14px}.calendar-day{font-size:76px}}

/* Overlays stay inside the video bounds, including in fullscreen. */
#detail{width:min(900px,calc(100% - 28px))}
.archive-player{margin:20px 0}
.player-screen{position:relative;isolation:isolate;overflow:hidden;background:#141914;color:#fff}
.player-frame{position:relative;z-index:0;aspect-ratio:16/9;min-height:200px;width:100%;background:#141914}
.player-frame iframe{display:block;width:100%;height:100%;min-height:200px;border:0}
.player-caption{position:absolute;z-index:2;left:50%;bottom:54px;transform:translateX(-50%);width:max-content;max-width:90%;max-height:calc(100% - 70px);overflow:hidden;padding:5px 10px;border-radius:3px;text-align:center;font:18px/1.5 Arial,sans-serif;white-space:pre-line;background:rgba(0,0,0,.35);color:#fff;-webkit-text-stroke:.7px #000;paint-order:stroke fill;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 1px 3px #000;overflow-wrap:anywhere;pointer-events:none}
.player-censorship{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:85%;max-height:60%;overflow:hidden;padding:12px 18px;border:1px solid #ffffff40;border-radius:4px;background:rgba(15,18,14,.78);color:#fff;text-align:center;font:600 clamp(13px,2vw,20px)/1.5 Arial,sans-serif;overflow-wrap:anywhere;pointer-events:none}
.player-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:9px;background:#e9eddf}
.player-toolbar button{padding:5px 10px;background:var(--paper);color:var(--green);border:1px solid #bcc5ae;font-size:12px}
.player-toolbar button:disabled{color:#74796e;cursor:default}
#detail-body .player-status,#detail-body .subtitle-status{font-size:12px;line-height:1.6;margin:8px 0;color:#656b60}
.player-screen:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0}
.player-screen:fullscreen .player-frame{flex:1;min-height:0;aspect-ratio:auto}
.player-screen:fullscreen .player-frame iframe{height:100%;min-height:0}
.player-screen:fullscreen .player-caption{font-size:clamp(18px,3vw,32px)}
.archive-player [hidden]{display:none!important}
@media(max-width:580px){#detail-body{padding:16px}.player-caption{font-size:15px;padding:10px}}

.player-help{margin:12px 0 20px;padding:12px 14px;border:1px solid var(--line);background:#efefe2;font-size:12px}
.player-help summary{cursor:pointer;color:var(--blue)}
.player-help button{margin:6px 0 0 8px;padding:6px 10px;border:1px solid #bcc5ae;background:var(--paper);color:var(--green)}

/* Theme controls stay in the upper-right corner without covering content. */
.topline{align-items:center;gap:12px}
.topline-motto{margin-left:auto}
.theme-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
#theme-toggle{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--green)}
#theme-toggle:hover{border-color:var(--green)}
#theme-auto{border:0;background:none;color:var(--blue);font:10px 'Courier New',monospace;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
.theme-sun{display:none}
:root[data-theme="dark"] .theme-sun{display:block}
:root[data-theme="dark"] .theme-moon{display:none}
:root[data-theme="dark"]{color-scheme:dark;--paper:#20251f;--ink:#e5e7dc;--muted:#a8afa1;--line:#424b3d;--blue:#a0c4f2;--green:#a7c89c}
:root[data-theme="dark"] body{background:#151a15}
:root[data-theme="dark"] .site{border-color:#424b3d;box-shadow:5px 5px 0 #0e130e}
:root[data-theme="dark"] :is(.logo-icon,.dialog-top,.daily h2,nav a[aria-current=page],#detail-body .watch){background:#36523d;color:#f0f2e7}
:root[data-theme="dark"] .logo-icon{border-color:#a0b198;box-shadow:2px 2px 0 #111910}
:root[data-theme="dark"] .badge{background:#293426;border-color:#627355}
:root[data-theme="dark"] :is(.welcome,.player-help){background:#2b3125;border-color:var(--line)}
:root[data-theme="dark"] .welcome>span{color:#bec68e}
:root[data-theme="dark"] .searchbox{background:#191e18;border-color:#53614b}
:root[data-theme="dark"] .searchbox input{color:var(--ink)}
:root[data-theme="dark"] .searchbox input::placeholder{color:var(--muted)}
:root[data-theme="dark"] :is(.searchbox button,.category:hover,.category.selected,.tag,.player-toolbar,nav a:hover,nav button:hover){background:#303c2a;color:var(--green)}
:root[data-theme="dark"] .category{color:#c6d0bc}
:root[data-theme="dark"] :is(.record p,.meta,.record-number,.daily p,#detail-body .player-status,#detail-body .subtitle-status,.player-toolbar button:disabled){color:var(--muted)}
:root[data-theme="dark"] .record-title:hover{color:#c2dfa9}
:root[data-theme="dark"] .group{background:#252b22}
:root[data-theme="dark"] .notice{border-color:#627355}
:root[data-theme="dark"] dialog{border-color:#627355;box-shadow:6px 6px 0 #0005}
:root[data-theme="dark"] dialog::backdrop{background:#080d0bd9}
:root[data-theme="dark"] #detail-body blockquote{background:#2b3525;border-color:#71875d}
:root[data-theme="dark"] .daily{background:#252b22;border-color:#53614b;box-shadow:0 3px 0 -1px #20251f,0 4px 0 -1px #53614b,0 7px 0 -2px #20251f,0 8px 0 -2px #53614b}
:root[data-theme="dark"] .daily h2{border-color:#71875d}
:root[data-theme="dark"] .calendar-date{border-color:#53614b}
:root[data-theme="dark"] .is-sunday :is(.calendar-day,.calendar-weekday){color:#eda18c}
:root[data-theme="dark"] :is(.player-toolbar button,.player-help button){border-color:#53614b}
:root[data-theme="dark"] .skip:focus{background:var(--paper)}
@media(max-width:580px){.topline-motto{display:none}.theme-controls{margin-left:auto}#theme-toggle{width:40px;height:40px}:root[data-theme="dark"] .site{box-shadow:none}}

/* Two small counters, measured from the archive's historical milestones. */
.age-card{padding:15px;border:1px solid var(--line);background:var(--paper);margin-bottom:12px}
.age-card h3{margin:0 0 10px;font:12px 'Courier New',monospace;color:var(--green)}
.age-card h3>span{margin-right:6px}
.age-value{margin:0;color:var(--green);font:13px 'Courier New',monospace;font-variant-numeric:tabular-nums}
.age-value strong{font:bold 42px/1.1 Georgia,serif;letter-spacing:-1px}
.age-value small{display:block;margin-top:5px;color:var(--ink);font:12px/1.6 'Courier New',monospace}
.age-value small>span{color:var(--muted);padding:0 4px}
.age-origin{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px;margin:13px 0 6px}
.age-card a{font-size:10px}
@media(max-width:580px){.internet-age{width:100%;max-width:300px;justify-self:center}}

button.history-video-link{padding:0;border:0;background:none;color:var(--blue);font:inherit;font-size:11px;text-align:left;text-decoration:underline;text-underline-offset:3px}
button.history-video-link:hover{color:var(--green)}

.video-warning{padding:12px 4px}
.video-warning .eyebrow{color:var(--green)}
#warning-message{margin:20px 0;padding:18px;border:1px solid var(--line);border-left:4px solid var(--green);background:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.75}
.warning-question{color:var(--muted);font-size:13px}
.warning-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}
.warning-actions button{padding:10px 15px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
#warning-continue{background:var(--green);border-color:var(--green);color:var(--paper)}