:where(.page-literacy) a{color:#0c6666}:where(.page-literacy) a:hover{color:#09524f}:where(.page-literacy) .topic-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}@media (max-width:960px){:where(.page-literacy) .topic-wrap{grid-template-columns:minmax(0,1fr)}}:where(.page-literacy) .topic-art{border-radius:24px;background:#06403f;min-height:220px;position:relative;overflow:hidden;isolation:isolate;padding:28px;color:#fff;display:flex;align-items:flex-end}:where(.page-literacy) .topic-art:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 0);background-size:32px 32px}:where(.page-literacy) .topic-art i{position:absolute;transform:rotate(45deg);border-radius:18px;z-index:-1}:where(.page-literacy) .gstep{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px;background:var(--bg);border:1px solid var(--line);position:relative}:where(.page-literacy) .gstep .n{font-family:var(--fd);font-weight:800;font-size:46px;line-height:1;color:var(--o500);letter-spacing:-.04em}:where(.page-literacy) .ulink{display:flex;align-items:center;gap:16px;padding:20px;border-radius:18px;background:var(--bg);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:all .3s var(--ease)}:where(.page-literacy) .ulink:hover{border-color:var(--t500);transform:translateY(-3px);box-shadow:var(--sh)}:where(.page-literacy) .ulink .ext{margin-left:auto;color:var(--ink3)}:where(.page-literacy) .ulink .ext svg{width:18px;height:18px}