nav{flex-wrap:wrap}#keys{grid-template-columns:repeat(7,minmax(0,1fr))}#keys button{min-width:0}#keys button strong{font-size:24px}#tool-note{font-size:12px;color:#555b4a;margin:0 0 22px}#fields .check-input{display:inline-block;width:18px;height:18px;margin:0 0 0 12px;vertical-align:middle}.example-book{border-top:1px solid var(--ink);margin:35px 0 45px}.example-row{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding:35px 0;border-bottom:1px dashed var(--line)}.example-row:nth-child(odd)>figure{order:2}.example-row figure{margin:0;background:#fffef8;border:1px solid var(--line);padding:15px;transform:rotate(-1deg)}.example-row:nth-child(odd)>figure{transform:rotate(1deg)}.example-row img{display:block;width:100%;height:auto}.example-row h3{font:26px/1.4 Batang,serif}.example-row p{font-size:13px}.example-row a{font-size:13px;font-weight:bold}.reading-notes{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:0;margin:25px 0 55px}.reading-notes li{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:65px 1fr;gap:20px}.reading-notes .note-no{font:22px Consolas,monospace;background:var(--lime);padding:12px 8px;align-self:start;text-align:center;transform:rotate(-3deg)}.reading-notes a{font-size:18px;font-weight:bold;text-decoration-thickness:1px;text-underline-offset:5px}.reading-notes p{font-size:13px;margin:8px 0}.calculation-note{max-width:900px;margin:50px auto 80px;background:#fffef8;border:1px solid var(--ink);box-shadow:8px 8px 0 #dedfd3}.note-cap{display:flex;justify-content:space-between;gap:15px;background:#e6e7df;border-bottom:1px solid var(--ink);padding:18px 45px;font:11px Consolas,monospace;letter-spacing:1px}.note-title{padding:25px 45px;border-bottom:1px dashed var(--line)}.note-title h1{font:700 clamp(28px,3.5vw,43px)/1.4 'Malgun Gothic',sans-serif;letter-spacing:-1.5px}.lead{font-size:16px;line-height:1.9}.note-section{padding:30px 45px;border-bottom:1px dashed var(--line)}.note-section h2{font-size:23px;line-height:1.5;margin:0 0 20px}.pencil-mark{display:inline-block;margin-right:12px;font:24px Consolas,monospace;background:var(--lime);padding:2px 7px}.note-section p,.basic-body p{font-size:16px;line-height:1.95}.article-figure{margin:30px 0;padding:15px;border:1px solid var(--line);background:#fff}.article-figure img{display:block;max-width:100%;width:auto;height:auto;max-height:400px;object-fit:contain;margin:auto}.article-figure figcaption{font-size:11px;line-height:1.8;margin-top:15px;overflow-wrap:anywhere}table{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0;font-size:13px}caption{text-align:left;font-weight:bold;margin-bottom:10px}td,th{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left;overflow-wrap:anywhere}th{background:#e6e7df}.note-bottom{padding:25px 45px;font-size:13px}.basic-body{padding:15px 45px 35px}.basic-body h2{font-size:22px;margin-top:30px}.basic-body ul{padding-left:20px}.basic-body li{margin:12px 0;overflow-wrap:anywhere}.note-directory{margin:35px 0 55px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.note-directory a{display:block;background:#e6e7df;border-left:6px solid var(--lime);padding:22px;text-decoration:none}.note-directory h2{font-size:19px;margin:0 0 10px}.note-directory p{font-size:13px;margin:0}#search-input{display:block;width:100%;padding:14px;border:1px solid var(--ink);background:white;margin-top:8px}#search-count{font-size:13px}.search-list a{display:inline-block;padding:10px 0}footer{display:block}footer nav{margin:15px 0;gap:18px}footer p{font-size:11px}@media(max-width:900px){#keys{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){#keys{grid-template-columns:repeat(3,minmax(0,1fr))}.example-row{grid-template-columns:1fr;gap:15px}.example-row:nth-child(odd)>figure{order:0}.example-row h3{font-size:23px}.note-directory{grid-template-columns:1fr}.calculation-note{margin-top:30px;box-shadow:4px 4px 0 #dedfd3}.note-cap{padding:15px;font-size:9px}.note-title,.note-section,.basic-body{padding:22px 18px}.note-title h1{font-size:29px}.note-section h2{font-size:21px}.note-section p,.basic-body p{font-size:15px}.note-bottom{padding:22px 18px}.article-figure{padding:10px}.reading-notes li{grid-template-columns:45px 1fr;gap:15px}.reading-notes a{font-size:16px}td,th{padding:9px 5px;font-size:12px}}