/* BabyKaka V3.31 quiet-card edition. Scoped additions; original site styles stay intact. */
.bk-logic-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);align-items:center;gap:30px;padding:32px;margin:26px 0;border:1px solid #d9decd;border-radius:24px;background:#edf0e5;color:var(--ink,#343b32);text-decoration:none;overflow:hidden}
.bk-logic-feature .eyebrow{color:#637450;font-size:11px;letter-spacing:1.7px}
.bk-logic-feature-copy{min-width:0}
.bk-logic-feature h3{font:600 clamp(24px,2.8vw,35px)/1.5 var(--serif,serif);letter-spacing:.025em;margin:10px 0 12px;color:#394c39}
.bk-logic-feature-copy p{font-size:13px;line-height:1.95;color:#67715f;margin:0 0 18px;max-width:36em}
.bk-logic-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 20px}
.bk-logic-tags span{font-size:10px;line-height:1.5;padding:6px 9px;border:1px solid #d8ddc9;border-radius:20px;background:#fafaf3;color:#59654c}
.bk-logic-feature-link{font-size:13px;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #80916c;padding:0 0 7px;color:#41583c}
.bk-logic-feature-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;min-width:0}
.bk-logic-feature-art figure{margin:0;min-width:0;border:1px solid #ddd8c8;border-radius:12px;background:#fffdf6;padding:9px;box-shadow:0 6px 15px #4b55310c}
.bk-logic-feature-art img{display:block;width:100%;height:auto;aspect-ratio:3508/2480;object-fit:contain;background:white;border-radius:5px}
.bk-logic-feature-art figcaption{font-size:9px;color:#7c7865;line-height:1.65;text-align:center;padding:8px 0 2px;overflow-wrap:anywhere}
.bk-logic-feature:focus-visible{outline:3px solid #8c653d;outline-offset:4px}
.bk-logic-feature:hover .bk-logic-feature-link{color:#a26342;border-bottom-color:#a26342}
.quiet-category[data-type=logic] .quiet-category-preview{height:auto;aspect-ratio:3508/2480}
.quiet-category[data-type=logic] .quiet-category-preview img{object-fit:contain;width:100%;height:100%}
.quiet-sheet-thumb img.bk-landscape-image,.quiet-preview-page.bk-landscape-image{aspect-ratio:3508/2480;object-fit:contain;height:auto;width:100%;max-height:none}
.bk-logic-sheet .quiet-sheet-thumb{padding:12px;background:#eee9dd}
.bk-logic-sheet .quiet-sheet-info{flex:1}
.bk-logic-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 18px}
.bk-logic-topics a{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:8px 15px;border:1px solid #d5d9c8;border-radius:24px;font-size:12px;color:#4c5942;background:#fffdf7;text-decoration:none}
.bk-logic-topics a span{font-size:10px;opacity:.8}
.bk-logic-topics a[aria-current=page]{background:#4f6646;color:white;border-color:#4f6646}
.bk-logic-topics a:focus-visible{outline:3px solid #b9824f;outline-offset:3px}
.bk-logic-detail .quiet-preview-panel{position:sticky;top:110px;min-width:0}
.bk-logic-answer-note{font-size:12px;line-height:1.9;color:#78654d;background:#f8efde;border:1px solid #eadcc4;padding:13px 15px;border-radius:12px;margin:14px 0 0}
.bk-logic-detail .quiet-preview-mode{gap:10px;flex-wrap:wrap}
.bk-logic-detail .quiet-download-row .btn{white-space:normal;min-width:0;line-height:1.6}
.bk-logic-detail .quiet-download-panel small{line-height:1.95;display:block;margin-top:14px}
.bk-logic-pack-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:24px;margin:30px 0;border:1px solid #d9ddca;background:#edf0e6;border-radius:19px;align-items:center}
.bk-logic-pack-panel h2{font:600 25px/1.5 var(--serif,serif);margin:5px 0}
.bk-logic-pack-panel p{font-size:13px;line-height:1.9;color:#6c735f;margin:8px 0}
.bk-logic-pack-panel .quiet-pack-actions{min-width:0;align-items:center}
#mainDialog:has(.bk-logic-lightbox){width:min(1320px,calc(100% - 24px));max-height:92dvh}
.bk-logic-lightbox>p{font-size:12px;color:#7c6951}
.bk-logic-lightbox-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}
.bk-logic-lightbox-actions .btn{font-size:12px;min-height:42px}
.bk-logic-zoom-scroll{overflow:auto;max-height:64dvh;border:1px solid #e4ddcd;background:#fff;overscroll-behavior:contain;border-radius:8px}
.bk-logic-zoom-scroll img.quiet-preview-page{margin:0;box-shadow:none;max-width:none}
.bk-logic-zoom-scroll.is-zoomed img.quiet-preview-page{width:max(100%,1600px)}
.bk-logic-lightbox>small{display:block;color:#767c6a;line-height:1.9;margin-top:12px;font-size:11px}
@media(max-width:1020px){.bk-logic-feature{gap:22px;padding:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bk-logic-feature-art{gap:8px}.bk-logic-feature-art figure{padding:6px}.bk-logic-feature h3{font-size:28px}.bk-logic-pack-panel{grid-template-columns:1fr}.bk-logic-pack-panel .quiet-pack-actions{justify-content:flex-start}}
@media(max-width:760px){.bk-logic-feature{grid-template-columns:1fr;gap:20px;padding:22px 18px;border-radius:19px}.bk-logic-feature-art{order:-1;gap:11px}.bk-logic-feature h3{font-size:27px;margin-top:8px}.bk-logic-feature-copy p{font-size:12px}.bk-logic-feature-art figcaption{font-size:9px}.bk-logic-feature-copy .bk-logic-tags{margin-bottom:17px}.bk-logic-detail .quiet-preview-panel{position:static}.bk-logic-pack-panel{padding:20px}.bk-logic-topics a{font-size:11px;padding:8px 12px}.bk-logic-lightbox-actions .btn{padding:9px 12px}}
@media(max-width:380px){.bk-logic-feature{padding:17px 13px}.bk-logic-feature-art{gap:7px}.bk-logic-feature-art figcaption{font-size:8px}.bk-logic-feature h3{font-size:25px}.bk-logic-tags{gap:5px}.bk-logic-tags span{font-size:9px;padding:5px 7px}.bk-logic-detail .quiet-preview-mode strong{font-size:11px}.bk-logic-pack-panel .quiet-pack-actions .btn{white-space:normal;max-width:100%;line-height:1.7}.bk-logic-sheet .quiet-sheet-thumb{padding:7px}}
@media print{.bk-logic-feature,.bk-logic-pack-panel,.bk-logic-topics,.bk-logic-answer-note{display:none!important}.bk-logic-detail .quiet-preview-panel{position:static}}