#hero-section{scroll-margin-top:calc(var(--toolbox-header-height, 64px) + var(--toolbox-navigation-height, 61px) + 16px)}#main-content>section[id]:not(#hero-section){scroll-margin-top:calc(var(--toolbox-header-height, 64px) + var(--toolbox-navigation-height, 61px) + 16px)}.tool-chooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;padding-top:.5rem}.tool-chooser a{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 0;border-bottom:1px solid #dfceb4;color:#292524;font-size:.875rem}.tool-chooser strong{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tool-chooser a>span{font-size:.8125rem;color:#57534e;line-height:1.6}.tool-chooser a:hover strong{color:#92400e;text-decoration:underline;text-underline-offset:4px}.tool-print-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:.5rem;color:#57534e;font-size:.8125rem}.tool-print-shortcuts button{min-height:44px;padding:.5rem .75rem;border:1px solid #dfceb4;border-radius:10px;color:#78350f;background:#fff;font-weight:700}.tool-print-shortcuts button:hover{background:#fef3c7;border-color:#b45309}.zhuyin-symbol-grid,.abc-letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}#main-content>section button,#main-content>section a:not(.tool-chooser a){min-height:44px}#main-content>section a:not(.tool-chooser a){display:inline-flex;align-items:center}#main-content button:focus-visible,#main-content a:focus-visible,#main-content select:focus-visible,#main-content input:focus-visible{outline:3px solid #b45309;outline-offset:3px}.btn-mult-a[aria-pressed=true],.btn-mult-a[aria-pressed=true]:hover{background:#1e40af;color:#fff}.btn-mult-b[aria-pressed=true],.btn-mult-b[aria-pressed=true]:hover{background:#3730a3;color:#fff}.btn-abc-pill[aria-pressed=true],.btn-abc-pill[aria-pressed=true]:hover{background:#065f46;color:#fff}#btn-stop-audio:disabled{opacity:.5;cursor:default}#abc-glyph-svg{min-width:0}@media (min-width: 640px){.zhuyin-symbol-grid,.abc-letter-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}@media (max-width: 639px){.tool-chooser{grid-template-columns:1fr}#main-content>section:not(#hero-section){padding-top:2.5rem;padding-bottom:2.5rem}#abc-detail-card{padding:.75rem}#abc-detail-card>.grid>.md\:col-span-5{padding:1rem .75rem;min-width:0}#abc-detail-card .btn-audio-play{padding-left:.5rem;padding-right:.5rem}#multiplication-grid .p-6{padding:1rem}}@media (prefers-reduced-motion: reduce){#main-content *,#print-modal *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#preview-content-slot .a4-page{width:210mm;height:295mm;max-height:295mm;box-sizing:border-box;overflow:hidden}body[data-print-target=abc-cards] #preview-content-slot .a4-page{padding:1rem}.font-kaiti[data-astro-cid-zhsxhseh]{font-family:TW-Kai,BiauKai,DFKai-SB,標楷體,Kaiti TC,KaiTi,PingFang TC,serif}.a4-page[data-astro-cid-zhsxhseh]{width:210mm;height:295mm;max-height:295mm;padding:6mm 12mm 5mm;box-sizing:border-box;page-break-after:always;-moz-column-break-after:page;break-after:page;overflow:hidden}.font-kaiti[data-astro-cid-wgaa7rak]{font-family:TW-Kai,BiauKai,DFKai-SB,標楷體,Kaiti TC,KaiTi,PingFang TC,serif}.a4-page[data-astro-cid-wgaa7rak]{width:210mm;height:295mm;max-height:295mm;padding:7mm 12mm 6mm;box-sizing:border-box;page-break-after:always;-moz-column-break-after:page;break-after:page;overflow:hidden}.box-p1[data-astro-cid-wgaa7rak]{width:22mm;height:22mm}.font-p1[data-astro-cid-wgaa7rak]{font-size:15mm}.box-p2[data-astro-cid-wgaa7rak]{width:20.5mm;height:20.5mm}.font-p2[data-astro-cid-wgaa7rak]{font-size:14mm}.box-p3[data-astro-cid-wgaa7rak]{width:19mm;height:19mm}.font-p3[data-astro-cid-wgaa7rak]{font-size:13mm}.print-abc-cards-container[data-astro-cid-w3jnd5ki]{width:210mm;margin:0 auto}#toolbox-navigation[data-astro-cid-qko6alxt]{position:sticky;top:var(--toolbox-header-height, 64px);z-index:30;background:#faf8f5;border-bottom:1px solid #dfceb4}.toolbox-navigation-inner[data-astro-cid-qko6alxt]{max-width:72rem;margin:auto;padding:.5rem 1.5rem;display:flex;gap:.75rem;align-items:center;font-size:.875rem;color:#44403c}label[data-astro-cid-qko6alxt]{font-weight:700;flex-shrink:0}select[data-astro-cid-qko6alxt]{min-width:0;max-width:21rem;flex:1;min-height:44px;border:1px solid #dfceb4;border-radius:10px;padding:.5rem 2rem .5rem .75rem;background:#fff;font:inherit;color:#292524}a[data-astro-cid-qko6alxt]{min-height:44px;display:inline-flex;align-items:center;margin-left:auto;color:#7e5d3f;font-weight:700;text-underline-offset:4px}a[data-astro-cid-qko6alxt]:hover{text-decoration:underline}@media (max-width: 639px){.toolbox-navigation-inner[data-astro-cid-qko6alxt]{padding:.5rem 1rem;gap:.5rem;font-size:.75rem}label[data-astro-cid-qko6alxt]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}a[data-astro-cid-qko6alxt]{flex-shrink:0}}@media print{#toolbox-navigation[data-astro-cid-qko6alxt]{display:none!important}}#modal-preview-stage[data-astro-cid-nmmzncj3]{scrollbar-gutter:stable}.print-dialog[data-astro-cid-nmmzncj3]{height:94vh;height:94dvh}.print-actions[data-astro-cid-nmmzncj3]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.print-control[data-astro-cid-nmmzncj3]{min-height:44px;min-width:44px;padding:.5rem .75rem;border:1px solid #d6d3d1;border-radius:8px;background:#fff;font-weight:700}.print-control[data-astro-cid-nmmzncj3]:hover:not(:disabled){background:#f5f5f4}.print-control[data-astro-cid-nmmzncj3]:disabled{opacity:.4;cursor:default}@media (max-width: 639px){#btn-do-print[data-astro-cid-nmmzncj3]{width:100%}}@page{size:A4 portrait;margin:0}@media print{body>:not(#main-content),#main-content>:not(#print-source-wrapper){display:none!important}#main-content{display:block!important;padding:0!important;margin:0!important}html,body{width:210mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#print-source-wrapper{display:block!important;width:210mm!important;margin:0!important;padding:0!important}body[data-print-target=abc-cards] .print-target-abc-cards{display:block!important}body[data-print-target=abc-cards] .print-target-poster,body[data-print-target=abc-cards] .print-target-tracing{display:none!important}body[data-print-target=poster] .print-target-poster{display:block!important}body[data-print-target=poster] .print-target-tracing,body[data-print-target=poster] .print-target-abc-cards{display:none!important}body[data-print-target=tracing] .print-target-tracing{display:block!important}body[data-print-target=tracing] .print-target-poster,body[data-print-target=tracing] .print-target-abc-cards{display:none!important}body:not([data-print-target]) .print-target-poster{display:block!important}body:not([data-print-target]) .print-target-tracing,body:not([data-print-target]) .print-target-abc-cards{display:none!important}.a4-page{width:210mm!important;height:295mm!important;max-height:295mm!important;box-sizing:border-box!important;overflow:hidden!important;page-break-after:always!important;-moz-column-break-after:page!important;break-after:page!important;margin:0 auto!important;border:none!important;box-shadow:none!important}.a4-page:last-child{page-break-after:avoid!important;-moz-column-break-after:avoid!important;break-after:avoid!important}}