/* DS-04 — Tinta.com / Ruang Karya. Styles deliberately scoped and lightweight. */
.page-tinta-literary{--tl-ink:#20342f;--tl-muted:#607269;--tl-forest:#176b5c;--tl-cream:#fbfaf6;--tl-line:#e6ebe5;--tl-gold:#ba9464;background:#fff;color:var(--tl-ink)}
.page-tinta-literary .tinta-brandbar{border-bottom:1px solid var(--tl-line)}
.page-tinta-literary .tinta-site-logo{gap:8px}
.page-tinta-literary .tl-brand-label{font:600 11px/1.1 system-ui,sans-serif;letter-spacing:.045em;color:var(--tl-forest);border-left:1px solid #d7ddd7;padding-left:10px;margin-left:5px;white-space:nowrap}
.tl-page{font:400 16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--tl-ink)}
.tl-page *{box-sizing:border-box}
.tl-page h1,.tl-page h2,.tl-page h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.024em;line-height:1.16;color:var(--tl-ink);margin:0}
.tl-page a{text-decoration:none}
.tl-page a:focus-visible,.tl-page button:focus-visible,.tl-page input:focus-visible{outline:3px solid #b7a071;outline-offset:3px}
.tl-eyebrow{font:700 11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--tl-forest)}
.tl-masthead{background:linear-gradient(135deg,#f9faf6 0%,#f1f5ee 65%,#f3eee6 100%);border-bottom:1px solid var(--tl-line);overflow:hidden}
.tl-masthead-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(25px,6vw,90px);align-items:center;padding-block:clamp(45px,7vw,95px)}
.tl-masthead h1{font-size:clamp(42px,6.5vw,84px);margin:15px 0 16px}
.tl-lede{max-width:570px;font-size:clamp(16px,2vw,20px);line-height:1.75;color:#4d6358;margin:0}
.tl-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.tl-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 20px;border:1px solid transparent;border-radius:100px;font-weight:650;font-size:14px;transition:background .16s ease,transform .16s ease,color .16s ease}
.tl-button:hover{transform:translateY(-1px)}
.tl-button-primary{background:var(--tl-forest);color:#fff!important}
.tl-button-primary:hover{background:#104b42}
.tl-button-quiet{border-color:#cdd9d1;color:var(--tl-ink)!important;background:#fff8}
.tl-hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:330px}
.tl-art-circle{position:absolute;width:min(340px,90%);aspect-ratio:1;border:1px solid #c6c5ac;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 0 25px #f4eee633,0 0 0 60px #f4eee622}
.tl-art-book{position:relative;display:flex;flex-direction:column;justify-content:space-between;max-width:270px;width:70%;aspect-ratio:4/5.1;background:#fffdf7;padding:25px 27px;transform:rotate(-7deg);box-shadow:18px 22px 32px #43554d24,-5px 0 0 #d8d5ca;outline:1px solid #eee7d9}
.tl-art-overline{font-size:10px;letter-spacing:.2em;font-weight:700;color:#6d7b69}
.tl-art-glyph{font-family:Georgia,serif;color:#ab8a62;font-size:125px;line-height:1}
.tl-art-rule{width:38px;height:2px;background:#af9b78}
.tl-art-caption{font:italic 19px/1.35 Georgia,serif;color:#6a6f60}
.tl-explore{padding-block:clamp(45px,6vw,75px)}
.tl-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:24px}
.tl-section-head h2{font-size:clamp(28px,4vw,43px);margin-top:8px}
.tl-total{font-size:13px;color:var(--tl-muted)}
.tl-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--tl-line);padding-bottom:18px;margin-bottom:28px}
.tl-categories{display:flex;flex-wrap:wrap;gap:7px}
.tl-categories a{padding:9px 12px;border-radius:100px;color:#536a60;font:600 13px/1.3 system-ui,sans-serif;transition:background .15s ease}
.tl-categories a:hover{background:#edf2ed}
.tl-categories a[aria-current=page]{background:#e1ede5;color:#135745}
.tl-search{display:flex;align-items:center;min-width:min(100%,270px);gap:5px;border:1px solid #d4ddd6;border-radius:12px;background:#fff;padding:4px}
.tl-search:focus-within{border-color:#478777}
.tl-search input{background:transparent;border:0!important;box-shadow:none!important;outline:0!important;min-width:0;width:100%;padding:9px 7px;font-size:14px;color:#24372d}
.tl-search button{border:0;border-radius:9px;background:var(--tl-forest);color:#fff;min-width:42px;min-height:40px;display:inline-flex;justify-content:center;align-items:center;gap:5px;font:600 13px system-ui,sans-serif;cursor:pointer}
.tl-search-caption{font-size:14px;color:var(--tl-muted);margin:-6px 0 24px}
.tl-search-caption a{text-decoration:underline;color:var(--tl-forest)}
.tl-featured{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);overflow:hidden;background:#f7f6f0;border:1px solid #eae8df;border-radius:20px;margin-bottom:30px;min-height:310px}
.tl-featured-cover{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:linear-gradient(130deg,#174d46,#337b67);color:#e7ddbb;min-height:265px;padding:25px;position:relative;isolation:isolate;overflow:hidden;text-align:center}
.tl-featured-cover:before{content:'';position:absolute;border:1px solid #ffffff3b;border-radius:50%;width:300px;aspect-ratio:1;top:35px;z-index:-1}
.tl-featured-cover span{letter-spacing:.24em;font-size:10px;font-weight:700}.tl-featured-cover b{font:normal 80px/1 Georgia,serif}.tl-featured-cover small{font:italic 19px Georgia,serif}
.tl-featured-body{padding:clamp(28px,5vw,60px);display:flex;flex-direction:column;justify-content:center}
.tl-featured-body h3{font-size:clamp(27px,3.3vw,42px);margin:14px 0}.tl-featured-body h3 a{color:var(--tl-ink)}
.tl-featured-body p{color:var(--tl-muted);margin:0 0 25px}
.tl-read-link{align-self:flex-start;color:var(--tl-forest);font-size:14px;font-weight:750}
.tl-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tl-work-card{display:flex;flex-direction:column;min-width:0;min-height:220px;padding:26px;border:1px solid var(--tl-line);border-radius:16px;background:#fff;transition:box-shadow .16s ease,transform .16s ease}
.tl-work-card:hover{transform:translateY(-2px);box-shadow:0 13px 27px #2942370d}
.tl-work-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--tl-forest);font-weight:700}
.tl-work-card h3{font-size:clamp(20px,2vw,26px);margin:15px 0;overflow-wrap:anywhere}
.tl-work-card h3 a{color:var(--tl-ink)}
.tl-card-footer{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#64766d;font-size:12px}
.tl-card-footer a{white-space:nowrap;color:var(--tl-forest);font-weight:700;font-size:13px}
.tl-empty{text-align:center;padding:70px 20px;border:1px dashed #d5ddd4;border-radius:16px;background:#fbfcfa}.tl-empty>span{font-size:40px;color:#748c7b}.tl-empty h3{font-size:24px;margin:12px 0}.tl-empty p{color:var(--tl-muted)}.tl-empty a{color:var(--tl-forest);font-weight:700}
.tl-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:32px;font-size:13px;color:#718277}.tl-pager a{color:var(--tl-forest);font-weight:700;padding:10px}
.tl-invitation{background:#f4f6f1;border-block:1px solid var(--tl-line)}
.tl-invitation-inner{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:47px}.tl-invitation h2{font-size:clamp(24px,3vw,34px);margin:8px 0}.tl-invitation p{color:var(--tl-muted);max-width:640px;margin:0}
.tl-reader-top{display:flex;justify-content:space-between;gap:12px;padding-top:23px;font-size:13px;color:var(--tl-muted)}
.tl-reader-top a{color:var(--tl-forest);font-weight:700}
.tl-reader{max-width:1000px;margin:0 auto;padding:34px 22px 75px}
.tl-reader-heading{text-align:center;max-width:760px;margin:0 auto 35px}.tl-reader-heading h1{font-size:clamp(32px,5vw,55px);margin:15px 0 20px;overflow-wrap:anywhere}.tl-reader-heading p{color:var(--tl-muted);margin:0}
.tl-reader-tools{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--tl-line);border-bottom:1px solid var(--tl-line);padding:12px 5px;margin:0 auto 30px;max-width:850px;font-size:13px}
.tl-reader-tools button{min-width:42px;min-height:40px;background:transparent;border:1px solid #d6ded7;border-radius:9px;padding:7px 10px;color:#31473c;cursor:pointer;font-weight:600}
.tl-reader-tools button:hover{background:#eef4ee}.tl-reader-tools button[aria-pressed=true]{background:#e4eee4;border-color:#91b3a0;color:#135745}
.tl-font-controls,.tl-themes,.tl-reader-actions{display:flex;align-items:center;gap:5px}.tl-font-controls span{margin-right:5px;color:var(--tl-muted)}
.tl-reading-page{--tl-reader-size:19px}
.tl-reader-paper{max-width:850px;margin:auto;background:#fff;color:#22332b;border-radius:18px;padding:clamp(25px,6vw,70px);transition:background .16s,color .16s}
.tl-reader-text{font:400 var(--tl-reader-size)/1.88 Georgia,'Times New Roman',serif;overflow-wrap:anywhere}
.tl-reader-prose{max-width:66ch;margin:auto;text-align:left}.tl-reader-prose p{margin:0 0 1.45em}.tl-reader-prose p:last-child{margin-bottom:0}
.tl-reader-poem{white-space:pre-wrap;max-width:70ch;margin:auto;line-height:1.85}
.tl-reader-end{text-align:center;color:#ba9464;font-size:24px;margin-top:50px}
.tl-reader-bottom{text-align:center;color:var(--tl-muted);font-size:13px;margin:35px auto 0}.tl-reader-bottom a{font-weight:700;color:var(--tl-forest)}
.tl-reading-page[data-theme=sepia] .tl-reader-paper{background:#f4ead5;color:#453a2c}.tl-reading-page[data-theme=dark] .tl-reader-paper{background:#202b28;color:#ecf0e9}.tl-reading-page[data-theme=dark] .tl-reader-end{color:#d9b785}
@media(max-width:980px){.tl-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-masthead-inner{grid-template-columns:1.3fr .7fr}.tl-hero-art{min-height:280px}.tl-art-book{max-width:220px}}
@media(max-width:700px){.tl-masthead-inner{grid-template-columns:1fr;padding-block:40px 20px;gap:12px}.tl-hero-art{min-height:155px}.tl-art-circle{width:170px}.tl-art-book{width:117px;padding:12px;aspect-ratio:4/4.6}.tl-art-overline{font-size:6px}.tl-art-glyph{font-size:50px}.tl-art-caption{font-size:10px}.tl-art-rule{width:20px}.tl-masthead h1{font-size:46px}.tl-featured{grid-template-columns:1fr}.tl-featured-cover{min-height:160px}.tl-featured-body{padding:27px}.tl-featured-cover b{font-size:55px}.tl-tools{align-items:stretch}.tl-search{width:100%}.tl-card-grid{grid-template-columns:1fr}.tl-work-card{min-height:160px;padding:21px}.tl-invitation-inner{flex-direction:column;align-items:flex-start}.tl-reader-tools{justify-content:flex-start}.tl-reader-top>span{display:none}.tl-reader{padding:25px 14px 55px}.tl-reader-paper{padding:27px 18px}.tl-reader-text{line-height:1.8}}
@media(max-width:390px){.page-tinta-literary .tl-brand-label{font-size:9px;padding-left:5px;margin-left:0}.tl-categories{gap:2px}.tl-categories a{padding:8px 10px;font-size:12px}.tl-masthead h1{font-size:39px}.tl-reader-tools{gap:8px}.tl-reader-tools button{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.tl-page *, .tl-page *:before,.tl-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.tl-reader-top,.tl-reader-tools,.tinta-site-header,.tinta-site-footer,.tinta-drawer,.tl-reader-bottom a{display:none!important}.tl-reader{padding:0;margin:0;max-width:none}.tl-reader-paper{padding:10px!important;color:#111!important;background:#fff!important}.tl-reader-text{font-size:12pt!important}.tl-reader-heading h1{font-size:26pt}.tl-page{color:#111!important}}

.tl-crossarchive{border-top:1px solid var(--tl-line);background:#fff}
.tl-crossarchive-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:37px}
.tl-crossarchive h2{font-size:clamp(22px,3vw,31px);margin:6px 0}.tl-crossarchive p{font-size:14px;color:var(--tl-muted);margin:0}
.tl-crossarchive-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tl-crossarchive-links a{padding:10px 14px;border-radius:10px;border:1px solid var(--tl-line);font-size:13px;font-weight:700;color:var(--tl-forest)}
@media(max-width:700px){.tl-crossarchive-inner{flex-direction:column;align-items:flex-start}}