.kw-page{--kw-ink:#233c34;--kw-muted:#56655d;--kw-paper:#f3f0e7;--kw-line:#d8dcd2;color:var(--kw-ink);padding-top:4px;line-height:1.65}.kw-page a{text-decoration:none}.kw-page :focus-visible{outline:3px solid #8b6330;outline-offset:5px}.kw-mastline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--kw-line);padding:12px 0 17px;font-size:11px;font-weight:700;letter-spacing:.1em}.kw-mastline a:last-child{letter-spacing:0;font-size:13px}.kw-mastline span{margin-left:12px}.kw-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:60px 0 55px;overflow:hidden}.kw-hero-copy{position:relative;z-index:1}.kw-kicker{font:700 10px/1.6 'Atkinson Hyperlegible',Arial,sans-serif;letter-spacing:.15em;margin:0 0 17px;color:#74613f}.kw-page h1{font:400 clamp(56px,6.6vw,92px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:0 0 22px;color:var(--kw-ink);overflow-wrap:break-word}.kw-title-dot{color:#a36b46}.kw-hero-deck{font:400 clamp(18px,2vw,23px)/1.6 Georgia,serif;color:#4b5c52;margin:0;max-width:31ch}.kw-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 20px}.kw-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:49px;padding:12px 20px;border:1px solid var(--kw-ink);background:var(--kw-ink);color:#fff!important;font:700 14px/1.4 'Atkinson Hyperlegible',Arial,sans-serif;border-radius:3px;transition:background .18s,transform .18s}.kw-button:hover{background:#355548;transform:translateY(-2px)}.kw-button-outline{color:var(--kw-ink)!important;background:transparent;border-color:#b3bdb1}.kw-button-outline:hover{background:#ebeee5}.kw-hero-note{font-size:12px;margin:0;color:var(--kw-muted)}.kw-hero-note span{margin-right:8px;color:#94723e}.kw-art{position:relative;height:330px;max-width:450px;width:100%;justify-self:end;isolation:isolate}.kw-art-orbit{position:absolute;border-radius:50%;width:300px;height:300px;left:55px;top:-5px;background:#e5e9dc}.kw-art-orbit:after{content:'';position:absolute;inset:-12px;border:1px solid #d8decf;border-radius:50%}.kw-art-star{position:absolute;right:1px;top:20px;font:60px Georgia;color:#a07840}.kw-book{position:absolute;width:184px;height:244px;border-radius:2px 9px 9px 2px;box-shadow:10px 16px 24px #25372f15,inset 9px 0 0 #ffffff12;transform-origin:bottom center}.kw-book-back{top:38px;left:43px;background:#a96b4e;color:#fff5e8;transform:rotate(-13deg);padding:25px 22px;border-right:4px solid #dfc8a8}.kw-book-back>span{font-size:8px;letter-spacing:.15em}.kw-book-back>b{display:block;font:italic 40px Georgia;margin-top:23px}.kw-book-back>i{display:block;width:76px;height:76px;border:1px solid #eed1a8;border-radius:50%;margin-top:19px;box-shadow:0 0 0 6px #ac7658,0 0 0 7px #eed1a8}.kw-book-front{top:7px;left:174px;background:#264c3d;color:#f5edcf;transform:rotate(9deg);padding:24px 23px;border-right:5px solid #dbcda9}.kw-book-front>span{font-size:8px;letter-spacing:.18em}.kw-book-front>b{display:block;font:400 29px/1.04 Georgia,serif;margin-top:20px;letter-spacing:-1px}.kw-book-front em{font-weight:400}.kw-book-front>small{position:absolute;bottom:15px;font-size:7px;letter-spacing:.16em}.kw-book-mark{position:absolute;right:15px;bottom:12px;width:65px;height:65px}.kw-book-mark svg{display:block;width:100%;height:100%;color:#c5b77e}.kw-art-caption{position:absolute;bottom:0;left:30px;right:0;text-align:center;color:#68725e;font:italic 13px Georgia,serif}.kw-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.kw-section-heading .kw-kicker{margin-bottom:8px}.kw-page h2{font:400 clamp(25px,3vw,35px)/1.2 Georgia,serif;letter-spacing:-.8px;margin:0;color:var(--kw-ink)}.kw-section-note,.kw-total{font-size:12px;color:#58675d;white-space:nowrap}.kw-genres{padding:32px 0 38px;border-top:1px solid var(--kw-line);border-bottom:1px solid var(--kw-line)}.kw-genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kw-tone-opini-esai{--kw-tint:#e8eddf;--kw-accent:#465f39}.kw-tone-cerpen{--kw-tint:#f3e6da;--kw-accent:#854e36}.kw-tone-puisi{--kw-tint:#eee7ed;--kw-accent:#6e4f64}.kw-tone-resensi-buku{--kw-tint:#f2ecd9;--kw-accent:#76602e}.kw-tone-kisah-pengalaman{--kw-tint:#e4edeb;--kw-accent:#37645f}.kw-tone-novel-berseri{--kw-tint:#e3e8ec;--kw-accent:#3f5466}.kw-genre{display:block;background:var(--kw-tint);border:1px solid transparent;border-radius:3px;padding:17px 20px 15px;transition:transform .18s,border-color .18s}.kw-genre:hover{transform:translateY(-3px);border-color:var(--kw-accent)}.kw-genre[aria-current=page]{border-color:var(--kw-accent);box-shadow:inset 0 -3px 0 var(--kw-accent)}.kw-genre-top{display:flex;justify-content:space-between;align-items:center;color:var(--kw-accent);font-size:17px}.kw-genre-number{font-size:10px;letter-spacing:.15em}.kw-genre h3{font:400 25px/1.2 Georgia,serif;margin:12px 0 5px;color:var(--kw-accent)}.kw-genre p{font-size:13px;margin:0;color:#4b5850}.kw-genre-count{display:inline-block;font-size:10px;margin-top:15px;color:#59655c}.kw-reading-list{padding:44px 0 48px;scroll-margin-top:25px}.kw-empty{display:flex;align-items:center;gap:30px;padding:35px 40px;border:1px dashed #bfc8b9;background:#f1f2e9;border-radius:3px}.kw-empty-mark{flex-shrink:0;display:grid;place-items:center;width:84px;height:100px;border:1px solid #b7c3b0;border-radius:2px 8px 8px 2px;background:#e4e9d9;color:#526b4a;font:58px Georgia;box-shadow:inset 5px 0 0 #d0d9c5;transform:rotate(-6deg)}.kw-empty .kw-kicker{margin-bottom:8px}.kw-empty h3{font:400 26px/1.3 Georgia,serif;margin:0}.kw-empty p:not(.kw-kicker){font-size:15px;color:var(--kw-muted);max-width:66ch;margin:10px 0 16px}.kw-text-link{color:var(--kw-ink);font-size:14px;font-weight:700;border-bottom:1px solid #a3b29a;padding-bottom:3px}.kw-text-link span{margin-left:12px}.kw-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kw-story{border:1px solid #e0e3d9;background:#fff;border-radius:4px;overflow:hidden;min-width:0;transition:transform .18s,box-shadow .18s}.kw-story:hover{transform:translateY(-3px);box-shadow:0 10px 22px #233c3410}.kw-story-link{display:flex;flex-direction:column;height:100%}.kw-cover{height:195px;overflow:hidden;background:var(--kw-tint);color:var(--kw-accent)}.kw-cover img{display:block;width:100%;height:100%;object-fit:cover}.kw-cover-type{position:relative;height:100%;display:grid;place-items:center;isolation:isolate}.kw-cover-type:after{content:'';position:absolute;inset:14px;border:1px solid currentColor;opacity:.25;z-index:-1}.kw-cover-type>span{position:absolute;top:25px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.kw-cover-type>b{font:italic 90px/1 Georgia,serif;margin-top:4px}.kw-cover-type>i{font-style:normal;position:absolute;bottom:25px;font-size:8px;letter-spacing:.2em}.kw-story-copy{padding:23px;display:flex;flex-direction:column;flex:1}.kw-story-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#667260}.kw-story-meta>span:first-child{color:#785f3c}.kw-story h3{font:400 26px/1.25 Georgia,serif;letter-spacing:-.4px;color:var(--kw-ink);margin:12px 0 10px;overflow-wrap:anywhere}.kw-story p{font-size:15px;color:#5b675e;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kw-story-byline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:auto;font-size:11px;border-top:1px solid #e8e9e0;padding-top:14px;color:#5d6a60}.kw-story-byline>span{font-weight:700;color:#2e4c3e}.kw-read{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-top:14px;color:#294e3e}.kw-search{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.kw-search label{font-size:13px;color:var(--kw-muted)}.kw-search input{min-height:44px;max-width:430px;flex:1;padding:10px 14px;background:#fff;border:1px solid #c5cdc0;border-radius:4px;color:var(--kw-ink);font:inherit}.kw-search p{font-size:12px;margin:0;color:var(--kw-muted)}.kw-no-results{background:#f0f2e9;padding:25px;border:1px solid #d5ddce;border-radius:4px}.kw-write{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;background:#233f34;color:#e8eddf;padding:42px;border-radius:4px}.kw-write .kw-kicker{color:#c9bd8d}.kw-write h2{color:#fbf5df;font-size:34px;line-height:1.25}.kw-write>div>p:not(.kw-kicker){font-size:15px;line-height:1.8;color:#cdd9ca;max-width:48ch;margin:18px 0 23px}.kw-button-cream{color:#213c31!important;background:#f1e7be;border-color:#f1e7be}.kw-button-cream:hover{background:#fff4cf}.kw-write-guide{border-left:1px solid #567060;padding-left:35px;align-self:center}.kw-write-guide>p{font-size:10px!important;letter-spacing:.15em;color:#c5d1bf;margin:0!important}.kw-write-guide ol{list-style:none;padding:0;margin:15px 0 22px}.kw-write-guide li{display:flex;align-items:baseline;gap:15px;font-size:14px;color:#e1e8d9;margin:13px 0}.kw-write-guide li b{font:italic 18px Georgia;color:#bcb486}.kw-write-guide>a{display:inline-block;color:#f1e5b6;font-size:13px;padding-bottom:4px;border-bottom:1px solid #829078}.kw-write-guide a span{margin-left:16px}.kw-closing{text-align:center;color:#6b7869;font:italic 15px/1.6 Georgia,serif;margin:30px 0 5px}.kw-hero-sub h1{font-size:clamp(45px,5.8vw,76px);letter-spacing:-2px}.kw-hero-sub{padding-block:45px}.kw-hero-sub .kw-art{transform:scale(.9)}
.article-page.karya-reading{max-width:850px;color:#233c34}.article-page.karya-reading h1{font:400 clamp(34px,4.5vw,58px)/1.15 Georgia,serif;letter-spacing:-1px;max-width:22ch}.karya-reading .article-deck{font:400 21px/1.7 Georgia,serif;color:#5a675c;max-width:58ch}.karya-reading .article-body{font-family:Georgia,'Times New Roman',serif;max-width:63ch;font-size:20px;line-height:1.9;color:#2c352e}.karya-reading .article-body h2{font:400 27px/1.3 Georgia,serif;color:#294537}.karya-reading .sources p,.karya-reading .sources li,.karya-reading .notice{font-family:'Atkinson Hyperlegible',Arial,sans-serif;font-size:16px;line-height:1.8}.karya-reading .article-image{border-radius:5px}.karya-reading .article-body a{color:#326947}.karya-reading .category{color:#85613d}.karya-reading .byline{padding-bottom:15px;border-bottom:1px solid #dce1d5}.karya-reading .article-actions button,.karya-reading .article-actions a{color:#315744;border-color:#b9c9b8}.karya-reading .sources{margin-top:30px;border-color:#d9dfd3}
@media(max-width:1000px){.kw-hero{grid-template-columns:1.2fr 1fr;gap:20px}.kw-art{transform:scale(.85);transform-origin:right center;width:380px;margin-left:-20px}.kw-hero-sub .kw-art{transform:scale(.75)}.kw-page h1{font-size:68px}.kw-genre-grid{gap:12px}.kw-genre{padding:16px}.kw-genre h3{font-size:23px}.kw-write{gap:30px;padding:33px}.kw-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.kw-page{padding-top:0}.kw-mastline{font-size:9px;gap:12px;padding-bottom:13px}.kw-mastline a:last-child{font-size:11px}.kw-hero,.kw-hero-sub{grid-template-columns:1fr;padding:32px 0 28px;gap:24px}.kw-page h1,.kw-hero-sub h1{font-size:60px;letter-spacing:-2.8px;margin-bottom:17px}.kw-kicker{font-size:9px;letter-spacing:.12em}.kw-hero-deck{font-size:20px;max-width:34ch}.kw-hero-actions{gap:10px;margin:24px 0 16px}.kw-button{font-size:13px;gap:19px;padding:12px 17px;min-height:47px}.kw-hero-note{font-size:11px;line-height:1.7}.kw-art,.kw-hero-sub .kw-art{width:350px;max-width:none;transform:scale(.78);transform-origin:center top;justify-self:center;height:330px;margin:4px 0 -65px}.kw-art-caption{bottom:0}.kw-hero-sub .kw-art{display:none}.kw-section-heading{gap:12px;align-items:start}.kw-section-heading h2{font-size:27px;max-width:20ch}.kw-section-note{display:none}.kw-genres{padding:27px 0 28px}.kw-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kw-genre{padding:13px 13px 12px}.kw-genre h3{font-size:21px;margin-top:10px}.kw-genre p{font-size:12px;line-height:1.55;max-width:20ch}.kw-genre-top{font-size:15px}.kw-genre-count{margin-top:13px}.kw-reading-list{padding:32px 0}.kw-total{font-size:11px;padding-top:5px}.kw-empty{gap:20px;padding:23px 20px;align-items:start}.kw-empty-mark{display:none}.kw-empty h3{font-size:25px}.kw-empty p:not(.kw-kicker){font-size:14px}.kw-story-grid{grid-template-columns:1fr;gap:20px}.kw-cover{height:210px}.kw-story-copy{padding:21px}.kw-story h3{font-size:28px}.kw-story-meta{font-size:11px}.kw-story-byline{font-size:12px}.kw-write{grid-template-columns:1fr;gap:28px;padding:28px 23px}.kw-write h2{font-size:31px}.kw-write>div>p:not(.kw-kicker){font-size:14px}.kw-write-guide{border-left:0;border-top:1px solid #567060;padding:24px 0 0}.kw-write-guide ol{margin:15px 0 20px}.kw-write-guide li{font-size:14px}.kw-closing{font-size:14px;margin:25px 15px 5px}.kw-search label{width:100%}.kw-search input{width:100%;max-width:none;flex:auto}.kw-search{gap:8px}.article-page.karya-reading h1{font-size:37px;line-height:1.18}.karya-reading .article-deck{font-size:19px}.karya-reading .article-body{font-size:19px;line-height:1.85}.karya-reading .sources p,.karya-reading .sources li{font-size:15px}}
@media(max-width:359px){.kw-page h1,.kw-hero-sub h1{font-size:51px}.kw-genre h3{font-size:19px}.kw-genre{padding:11px}.kw-art{transform:scale(.7);margin-bottom:-45px}.kw-button{padding-inline:13px;gap:12px}.kw-hero-note{max-width:29ch}}
@media(prefers-reduced-motion:reduce){.kw-button,.kw-genre,.kw-story{transition:none}.kw-button:hover,.kw-genre:hover,.kw-story:hover{transform:none}}

.kw-mast-actions{display:flex;align-items:center;gap:20px}.kw-mast-actions .public-share-button{min-height:44px;font-size:12px;letter-spacing:0}.kw-story{position:relative}.kw-read{display:block;padding-right:75px}.kw-read span{margin-left:10px}.kw-story>.public-share-button{position:absolute;bottom:12px;right:21px;min-height:44px;font-size:12px}.kw-mastline .kw-mast-actions a{white-space:nowrap}@media(max-width:700px){.kw-mast-actions{gap:14px}.kw-mast-actions .public-share-button{font-size:11px}}

.kw-tone-komik{--kw-tint:#f3e6bc;--kw-accent:#73552c}.kw-genre-grid>.kw-tone-komik{grid-column:1/-1}.kw-genre-grid>.kw-tone-komik p{max-width:none}

/* Grouping extends the existing Karya Tulis book and card design. */
.kw-page{--kw-tint:#e8eddf;--kw-accent:#465f39}.kw-tone-ilmiah{--kw-tint:#e8eddf;--kw-accent:#465f39}.kw-tone-nonilmiah{--kw-tint:#f3e6da;--kw-accent:#854e36}.kw-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-group-grid .kw-genre{padding:28px}.kw-group-grid h3{font-size:34px}.kw-section-intro{max-width:78ch;color:var(--kw-muted);font-size:14px;margin:0 0 24px}.kw-breadcrumb{font-size:13px;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.kw-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.kw-filters{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}.kw-filters label{flex:1;min-width:180px}.kw-filters select{display:block;width:100%;min-height:44px;border:1px solid #adb9ad;border-radius:3px;background:#fff;padding:8px;color:var(--kw-ink);font:inherit}.kw-tags{font-size:12px!important;color:#5e695c}.kw-work-labels{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;padding:8px 0}.kw-work-labels a{color:#264c3d}.kw-story[hidden],.kw-no-results[hidden]{display:none!important}@media(max-width:600px){.kw-group-grid{grid-template-columns:1fr}.kw-group-grid .kw-genre{padding:20px}.kw-genre h3{overflow-wrap:anywhere}.kw-filters label{min-width:0;width:100%;flex-basis:100%}}