@font-face{font-family:Sarabun;src:url('/assets/classics-household-reader/Sarabun-Regular.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:#f6f5ef;color:#293f34;font:17px/1.8 Sarabun,Tahoma,sans-serif}a{color:#285947;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a2733f;outline-offset:4px}header{border-bottom:1px solid #d8dfd3;padding:20px max(22px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}header nav{display:flex;flex-wrap:wrap;gap:18px}header a{text-decoration:none;font-size:15px}main,footer{max-width:1164px;margin:auto;padding:48px 22px}h1{font-size:clamp(32px,5vw,48px);line-height:1.5;margin:12px 0 18px}h2{line-height:1.6}p{color:#586b5e}.eyebrow{font-size:14px;color:#866030}.intro{font-size:19px}.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0}.routes a{background:#e8efe2;border:1px solid #ced9c8;padding:23px;border-radius:12px;text-decoration:none;font-size:20px;font-weight:bold}.routes span{display:block;color:#586b5e;font-size:14px;font-weight:normal;margin-top:8px}.routes a:hover{background:#dae6d2}.starter{padding:22px;background:#fff7e6;border-left:3px solid #ac854a;margin-bottom:42px}.filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap;background:#e9eee2;padding:20px;border-radius:12px}.filters label{display:flex;flex:1;min-width:220px;flex-direction:column;font-size:14px;gap:6px}input,select,button{font:inherit;color:inherit;background:white;border:1px solid #b5c3ad;border-radius:6px;padding:12px;width:100%;min-height:48px}.filters button{width:auto;cursor:pointer}#count{font-weight:bold}.context{font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.book-card{min-width:0;padding:24px;border:1px solid #d9dfd3;background:#fffef9;border-radius:12px;display:flex;flex-direction:column}.book-card[hidden]{display:none}.book-card h2{font-size:21px;margin:8px 0;overflow-wrap:anywhere}.book-card p{font-size:14px;margin:8px 0}.book-card .badge{font-size:12px;color:#76562c}.book-card .audience{color:#285947}.book-card .tags{font-size:12px;color:#69735f;margin-top:auto;padding-top:18px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.actions a{font-size:14px;padding:7px 11px;border:1px solid #b8c9b0;border-radius:6px;text-decoration:none}.actions a:first-child{background:#285947;color:white;border-color:#285947}.footnote{padding:24px;border-top:1px solid #d2dacb;margin-top:40px;font-size:14px;color:#5b6b5e}footer{border-top:1px solid #d8dfd3;font-size:14px;padding-top:26px}#empty{padding:30px;background:white;border-radius:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:2}@media(max-width:900px){.cards,.routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards,.routes{grid-template-columns:1fr}.filters{display:block}.filters label{min-width:0;margin-bottom:12px}.filters button{width:100%}main{padding-top:24px}.book-card{padding:22px}.routes a{padding:18px}}