.reading-hero{padding:28px;background:#edf0e3;border-radius:20px;margin-bottom:20px}.reading-hero h2{font-size:28px;margin:8px 0}.reading-hero p{color:#677352;line-height:1.8}.reading-areas{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.reading-areas button{padding:12px 18px;border:1px solid #d6ddc6;border-radius:11px;background:#fff;font:inherit;color:#54683e;cursor:pointer}.reading-areas button[aria-pressed=true]{background:#4d6841;color:white;border-color:#4d6841}.reading-controls{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.reading-controls input,.reading-controls select{border:1px solid #d4dec8;border-radius:10px;padding:12px;background:white;font:inherit;color:#425b3c}.reading-controls input{flex:1;min-width:200px}.reading-summary{display:flex;justify-content:space-between;gap:15px;margin:20px 0;flex-wrap:wrap}.reading-summary small,#reading-status{font-size:12px;line-height:1.8;color:#6d7b5f}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.reading-card{border:1px solid #e0e5d6;border-radius:16px;overflow:hidden;background:#fff}.reading-book-art{height:140px;background:#53705b;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:22px 25px;border-left:12px solid #345844;color:white}.reading-book-art[data-area="문학"]{background:#71809f;border-color:#465778}.reading-book-art[data-area="인문·사회"]{background:#957953;border-color:#735a3c}.reading-book-art[data-area="예술"]{background:#987284;border-color:#7b5265}.reading-book-art span,.reading-book-art small{font-size:10px;opacity:.8}.reading-book-art strong{font-size:19px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading-body{padding:20px}.reading-body h3{font-size:18px;line-height:1.6;margin:12px 0}.reading-body p{font-size:13px;line-height:1.8}.reading-body .reading-author,.reading-target{font-size:11px!important;color:#748065}.reading-badges{display:flex;gap:6px}.reading-badges span{font-size:10px;background:#eef3e6;color:#617544;padding:4px 7px;border-radius:5px}.reading-tags{font-size:10px!important;color:#7a866a}.reading-body summary{cursor:pointer;color:#526e3d;font-size:13px}.reading-body li{font-size:12px;line-height:1.8}.reading-body details small{font-size:10px;color:#8b967b}.reading-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.reading-links a{color:#557347;font-size:12px}.reading-source{display:block;font-size:10px;color:#8c977e;line-height:1.8;margin-top:12px}.reading-empty{grid-column:1/-1;padding:30px;background:#f1f4ea;border-radius:15px}.reading-more{display:block;margin:25px auto;border:1px solid #cbd9bf;border-radius:10px;padding:12px 25px;font:inherit;background:white;color:#536c42;cursor:pointer}.reading-more[hidden]{display:none}@media(max-width:1000px){.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.reading-grid{grid-template-columns:1fr}.reading-hero{padding:20px}.reading-hero h2{font-size:23px}.reading-areas{gap:7px}.reading-areas button{font-size:12px;padding:10px 13px}.reading-controls select{max-width:100%;flex:1}.reading-body{padding:17px}}

.reading-title-link{color:inherit;text-decoration:none}.reading-title-link span{font-size:.8em;color:#317365}.reading-title-link:hover{text-decoration:underline;color:#245e51}.reading-title-link:focus-visible{outline:2px solid #317365;outline-offset:4px;border-radius:3px}