.linker-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.linker-intro img{width:100%;border-radius:20px}.workshop{background:#eef6f0;border:2px solid #b7d2cb;border-radius:20px;padding:22px;margin:18px 0;text-align:center}.workshop .glyph{font-size:68px}.pair{display:flex;direction:rtl;justify-content:center;gap:30px;align-items:center}.pair>div{background:#fff;border-radius:14px;padding:10px 24px}.pair small{display:block;font-size:13px}.word-model,.built-word{font:64px/1.8 Arabic,serif;direction:rtl;unicode-bidi:isolate;letter-spacing:0}.built-word{min-height:110px;border:2px dashed #86aaa3;border-radius:16px;background:#fff}.letter-rack{display:flex;flex-wrap:wrap;direction:rtl;gap:10px;justify-content:center;margin:18px 0}.letter-rack button{font:48px/1.4 Arabic,serif;min-width:70px;padding:8px}.join-choices{display:flex;gap:12px;flex-wrap:wrap}.join-choices button{flex:1}.linker-guide{padding:18px;border-left:4px solid #ffb617;background:#fff5d8;margin:18px 0}.linker-guide p:last-child{margin-bottom:0}.linker-reference{display:flex;gap:12px;flex-wrap:wrap}.linker-reference>div{flex:1 1 130px;background:#eef6f0;border-radius:14px;padding:12px;text-align:center}.linker-reference .glyph{font-size:48px}.lesson-tip{font-size:14px;color:#536d79}.linker-number{color:#087c78;font-weight:700}html[data-theme=dark] .workshop,html[data-theme=dark] .linker-reference>div{background:#173d3d;color:#f0f5f7}html[data-theme=dark] .pair>div,html[data-theme=dark] .built-word{background:#193b50;color:#fff}html[data-theme=dark] .linker-guide{background:#3a321d;color:#fff0c9}html[data-theme=dark] .lesson-tip{color:#b6c9d5}@media(max-width:600px){.linker-intro{grid-template-columns:1fr}.pair{gap:12px}.pair>div{padding:8px 16px}.word-model,.built-word{font-size:52px}.workshop{padding:16px}.join-choices button{flex:1 1 100%}}

.linker-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-bottom:24px}.linker-intro img{display:block;width:100%;height:auto;min-height:0;max-height:290px;aspect-ratio:3/2;object-fit:contain;align-self:center;background:#fff4df}.linker-intro>div{min-width:0}.linker-reference>div{min-width:0}.workshop{padding:16px}.workshop .glyph{font-size:60px}
@media(max-width:600px){.linker-intro{grid-template-columns:1fr;gap:18px}.linker-intro img{max-height:220px}.pair>div{min-width:0}.linker-reference>div{flex-basis:120px}}

/* v0.7.2 reduce unused space while keeping Arabic legible. */
.surface:has(.round-nav) .workshop{margin:8px 0 10px;padding:8px 14px}
.surface:has(.round-nav) .workshop>p{font-size:13px;margin:0 0 4px}
.surface:has(.round-nav) .workshop>.glyph{display:inline-block;vertical-align:middle;font-size:54px;line-height:1.15;margin-inline-end:14px}
.surface:has(.round-nav) .workshop>strong{font-size:14px}
.surface:has(.round-nav) .pair{gap:18px}.surface:has(.round-nav) .pair>div{display:flex;gap:10px;align-items:center;padding:4px 16px}
.surface:has(.round-nav) .pair .glyph{font-size:50px;line-height:1.2}.surface:has(.round-nav) .pair small{font-size:12px}
.surface:has(.round-nav) .join-choices button{min-height:48px;padding:8px 16px}
.surface:has(.round-nav) .word-model,.surface:has(.round-nav) .built-word{font-size:46px;line-height:1.25}
.surface:has(.round-nav) .built-word{min-height:58px}
.surface:has(.round-nav) .letter-rack{margin:8px 0;gap:8px}.surface:has(.round-nav) .letter-rack button{font-size:34px;min-width:52px;min-height:48px;padding:3px 10px}
.surface:has(.round-nav) .join-example{font-size:12px}.join-example [lang=ar]{font:30px/1.2 Arabic,serif;vertical-align:middle;unicode-bidi:isolate}
@media(max-width:600px){.surface:has(.round-nav) .pair>div{padding:4px 8px;gap:6px}.surface:has(.round-nav) .pair .glyph{font-size:42px}.surface:has(.round-nav) .join-choices button{flex:1 1 40%;font-size:14px}.surface:has(.round-nav) .workshop{padding:8px}.surface:has(.round-nav) .word-model,.surface:has(.round-nav) .built-word{font-size:42px}}