.ahak-book *{box-sizing:border-box}body{margin:0;color:#202d32;background:#faf9f5;font:17px/1.7 system-ui,sans-serif}main.ahak-book{max-width:1184px;margin:auto;padding:24px}.ahak-book a{color:#087c92}.ahak-book h1{font-size:52px;line-height:1.2;margin:14px 0}.ahak-book h2{font-size:28px;margin:0}.ahak-book .intro{display:grid;grid-template-columns:240px 1fr;gap:56px;padding:40px 0}.ahak-book .cover{background:#e3d3b1;border:1px solid #ac9976;box-shadow:10px 12px 0 #ddd3bf;display:grid;place-content:center;text-align:center;min-height:300px}.ahak-book .cover strong{font:56px serif;writing-mode:vertical-rl;letter-spacing:12px}.ahak-book .cover small{margin-top:20px}.ahak-book .tag{color:#726447;font-size:14px}.ahak-book .lead{font-size:23px}.ahak-book .button,.ahak-book button{border:1px solid #ccd5d4;border-radius:10px;background:white;padding:12px 18px;font:inherit;cursor:pointer}.ahak-book .primary{background:#126c73;color:white;text-decoration:none;display:inline-block}.ahak-book .workspace{display:grid;grid-template-columns:1fr 360px;gap:24px;margin:24px 0}.ahak-book .panel{background:white;border:1px solid #deded8;border-radius:18px;padding:26px}.ahak-book .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.ahak-book .tile{padding:12px 4px}.ahak-book .tile strong{display:block;font:40px serif}.ahak-book .tile small{display:block;font-size:14px}.ahak-book .tile.active{background:#e7f2ee;border-color:#126c73}.ahak-book .big{font:100px serif;text-align:center;padding:24px}.ahak-book .meaning{text-align:center;font-size:22px}.ahak-book input{width:100%;font:24px serif;padding:14px;border:1px solid #b8c8c5;border-radius:10px;margin-top:18px}.ahak-book .muted{font-size:15px;color:#64736f}.ahak-book .nav{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.ahak-book .status{min-height:30px;color:#126c73}@media(max-width:760px){.ahak-book h1{font-size:36px}.ahak-book .intro{grid-template-columns:130px 1fr;gap:24px;padding:28px 0}.ahak-book .cover{min-height:220px}.ahak-book .cover strong{font-size:40px}.ahak-book .lead{font-size:19px}.ahak-book .workspace{grid-template-columns:1fr}.ahak-book .grid{grid-template-columns:repeat(4,1fr)}main.ahak-book{padding:18px}.ahak-book .panel{padding:18px}}

.ahak-book{width:100%;min-width:0}.ahak-book .workspace>*{min-width:0}.ahak-book button:disabled{opacity:.45;cursor:default}.ahak-book button:focus-visible,.ahak-book a:focus-visible,.ahak-book input:focus-visible{outline:3px solid #2196f3;outline-offset:3px}

main.ahak-book{box-sizing:border-box;width:min(calc(var(--dh-page-width,1240px) - 2 * var(--dh-page-gutter,28px)),calc(100% - 2 * var(--dh-page-gutter,28px)));padding:24px 0;margin-inline:auto}.ahak-book .intro>div{min-width:0}@media(max-width:400px){.ahak-book .intro{grid-template-columns:100px 1fr;gap:18px}.ahak-book .cover strong{font-size:34px}.ahak-book .button{padding:10px;font-size:16px}}

.ahak-book .ahak-source-figure{margin:0;align-self:start}.ahak-book .ahak-source-cover{display:block;width:100%;height:auto;aspect-ratio:0.7;object-fit:cover;object-position:center}.ahak-book .ahak-source-figure figcaption{font-size:13px;color:#64736f;margin-top:10px;line-height:1.5}