:root{--g:#143c26;--g2:#2d6642;--gold:#e4bc55;--cream:#fffaf0;--ink:#27332c;--shadow:0 18px 44px rgba(20,60,38,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Noto Sans Thai",sans-serif;color:var(--ink);background:linear-gradient(#f8f5ea,#edf2e8)}a{text-decoration:none;color:inherit}img{max-width:100%}.top{position:sticky;top:0;z-index:50;min-height:72px;padding:9px max(16px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:18px;background:rgba(20,60,38,.97);color:#fff;box-shadow:0 8px 24px #0002}.brand{display:flex;align-items:center;gap:9px;font-weight:900}.brand small{display:block;color:#f2d577}.links{margin-left:auto;display:flex;gap:4px}.links a{padding:10px 11px;border-radius:999px;font-weight:800}.links a:hover,.links a.active{background:#fff;color:var(--g)}.menu{display:none;margin-left:auto;border:0;border-radius:13px;padding:10px 14px;font-weight:900}.hero picture,.hero img{display:block;width:100%}.hero img{height:auto;object-fit:contain}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:17px;background:linear-gradient(#fffaf0,#eee4d2)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border:2px solid var(--g);border-radius:16px;font-weight:900;background:#fff;color:var(--g)}.btn.primary{background:var(--g);color:#fff}.wrap{max-width:1240px;margin:auto;padding:40px 20px}.head h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;color:var(--g);margin:0 0 8px}.head p{line-height:1.8;color:#687069}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{background:#fff;border:1px solid #e4dccf;border-radius:24px;padding:22px;box-shadow:var(--shadow);line-height:1.8}.card h2,.card h3{color:var(--g);margin-top:0}.photo{display:block;width:100%;border-radius:22px;box-shadow:var(--shadow);cursor:zoom-in;background:#fff}.tag{display:inline-block;padding:6px 11px;border-radius:999px;background:#eaf3e5;color:var(--g);font-weight:900}.timeline{display:grid;gap:18px}.step{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:22px;align-items:center;background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow)}.step:nth-child(even){grid-template-columns:1fr minmax(280px,430px)}.step:nth-child(even) img{order:2}.quote{background:var(--g);color:#fff;padding:27px;border-radius:24px;line-height:1.9;box-shadow:var(--shadow)}.accordion details{background:#fff;border-radius:19px;margin:12px 0;box-shadow:var(--shadow);overflow:hidden}.accordion summary{cursor:pointer;padding:19px 21px;font-weight:900;color:var(--g)}.accordion details div{padding:0 21px 20px;line-height:1.8}.q{background:#fff;border-radius:22px;padding:22px;margin:17px 0;box-shadow:var(--shadow)}.opt{display:grid;grid-template-columns:24px 30px 1fr;gap:8px;padding:12px;margin:9px 0;border:2px solid #e4ddd3;border-radius:14px;cursor:pointer}.opt:hover{border-color:var(--g);background:#f5f9f2}.result{display:none;background:#fff;border-radius:22px;padding:22px;margin-top:20px;box-shadow:var(--shadow)}.result.show{display:block}.rev{padding:13px;margin:9px 0;border-radius:13px}.ok{background:#e5f3e8}.bad{background:#f9e7e2}.progress{height:13px;background:#ddd6ca;border-radius:999px;overflow:hidden}.bar{height:100%;width:0;background:linear-gradient(90deg,var(--g),var(--gold))}footer{margin-top:48px;padding:27px 20px;text-align:center;background:var(--g);color:#fff;line-height:1.7}.lb{display:none;position:fixed;inset:0;z-index:100;background:#0a0f0cd9;align-items:center;justify-content:center;padding:24px}.lb.show{display:flex}.lb img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:12px}.lb button{position:absolute;top:18px;right:20px;width:46px;height:46px;border:0;border-radius:50%;font-size:1.7rem}@media(max-width:930px){.menu{display:block}.links{display:none}.links.open{display:flex;position:absolute;top:72px;left:12px;right:12px;flex-direction:column;background:#fff;color:var(--g);padding:12px;border-radius:16px}.grid{grid-template-columns:repeat(2,1fr)}.two,.step,.step:nth-child(even){grid-template-columns:1fr}.step:nth-child(even) img{order:0}}@media(max-width:680px){.top{min-height:64px;padding:8px 13px}.grid{grid-template-columns:1fr}.wrap{padding:28px 14px}.hero img{width:100%;height:auto;object-fit:contain;object-position:center top}.actions{display:grid;grid-template-columns:1fr;padding:14px}.btn{width:100%}.head h1{font-size:2.55rem}}

/* รายละเอียดหน้าวิเคราะห์วรรณศิลป์ */
.literary-content{font-size:1.02rem}.example-box{margin:16px 0;padding:16px 18px;border-left:5px solid var(--gold);background:#fffaf0;border-radius:0 16px 16px 0}.example-box span{display:block;color:var(--g);font-weight:900;margin-bottom:8px}.example-box blockquote,.mini-card blockquote{margin:0;font-size:1.08rem;line-height:1.9;color:#4a3527;font-weight:700}.analysis-box{margin:16px 0;padding:17px 19px;background:#edf5e9;border-radius:16px}.analysis-box>b{color:var(--g);font-size:1.08rem}.analysis-box ul{margin:8px 0 0;padding-left:24px}.remember{padding:14px 16px;background:#f4ead1;border-radius:14px;color:#4c3c24}.figure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:16px 0}.mini-card{padding:17px;background:#fff;border:1px solid #e5dccd;border-radius:17px;box-shadow:0 8px 20px rgba(20,60,38,.08)}.mini-card>b{display:inline-block;margin-bottom:8px;color:var(--g);background:#eaf3e5;padding:5px 10px;border-radius:999px}.mini-card p{margin-bottom:0}@media(max-width:680px){.figure-grid{grid-template-columns:1fr}.literary-content{font-size:.98rem}.example-box blockquote,.mini-card blockquote{font-size:1rem}}