.p7-hero img{max-height:180px}.p7-rule{margin:18px 0 10px;padding:14px 18px;border-radius:18px;background:#fff6df;border:1px solid #efd99b;color:#6e5924}.p7-example{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px;border:2px solid #ece4f1;border-radius:18px;background:#fff;font-size:1.25rem}.p7-example b{color:#7a61c1;font-size:1.8rem}.p7-senses{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0 22px}.p7-senses div{display:grid;place-items:center;padding:8px;border:1px solid #e5deed;border-radius:15px;background:#fbf9ff}.p7-senses img{width:68px;height:68px;object-fit:contain}.p7-senses span{font-weight:900;text-transform:capitalize}.p7-card,.p7-check{margin:18px 0;padding:20px;border:2px solid #e8e1f0;border-radius:22px;background:#fff}.p7-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.p7-choice,.p7-long{border:2px solid #d7cfe8;border-radius:16px;background:#fff;color:#493b65;font-weight:900;cursor:pointer}.p7-choice{min-height:64px;font-size:1.1rem}.p7-long{width:100%;min-height:78px;padding:14px;text-align:left;line-height:1.35}.p7-choice.correct,.p7-long.correct{background:#e3f7e8;border-color:#5eb66c;color:#2d6b3d}.p7-choice.incorrect,.p7-long.incorrect{background:#fff0f2;border-color:#df7b8d}.p7-pic{display:grid;place-items:center;min-height:220px}.p7-pic.small{min-height:140px}.p7-pic img{width:min(240px,66vw);height:200px;object-fit:contain}.p7-pic.small img{height:140px}.p7-base{padding:16px;border-radius:16px;background:#f4f0fb;font-size:1.4rem;font-weight:900}.p7-before{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.p7-write,.p7-check{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.p7-write img,.p7-check img{width:140px;height:140px;object-fit:contain}.p7-board canvas{touch-action:none;background:#fff;border-radius:14px;aspect-ratio:1100/680}.detail-checklist{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.detail-checklist span{padding:8px 12px;border-radius:999px;background:#eef8f1;border:1px solid #cfe8d5;color:#39704a;font-weight:900}
@media(max-width:700px){.p7-senses{grid-template-columns:repeat(3,1fr)}.p7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p7-before{grid-template-columns:1fr}.p7-write,.p7-check{grid-template-columns:1fr;text-align:center}.p7-write img,.p7-check img{margin:auto}.p7-long{font-size:1rem}}