/* v183 Learning Adventure: illustrated honeycomb navigation, independent from existing photo cards */
.sbs183-honey-section{padding-top:40px;padding-bottom:43px}
.sbs183-honey-heading{text-align:center;max-width:720px;margin:0 auto 22px}
.sbs183-honey-heading h2{font-family:Georgia,serif;font-size:clamp(1.9rem,3.9vw,2.95rem);line-height:1.13;color:#224b49;margin:9px 0 10px;letter-spacing:-.6px}
.sbs183-honey-heading p{font-size:1rem;color:#53726a;line-height:1.6;margin:0}
.sbs183-honey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px;max-width:980px;margin:25px auto 0}
.sbs183-honey-tile{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:#213d3e;padding:0 7px 12px;gap:7px;border-radius:20px;transition:transform .2s ease,background .2s ease;outline-offset:4px}
.sbs183-honey-tile:hover,.sbs183-honey-tile:focus-visible{background:rgba(255,255,255,.7);transform:translateY(-4px)}
.sbs183-honey-visual{width:min(100%,230px);aspect-ratio:1/1;display:grid;place-items:center;filter:drop-shadow(0 9px 10px #38635c27);background:transparent;position:relative}
.sbs183-honey-visual img{display:block;width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%)}
.sbs183-letter-tile .sbs183-honey-visual{clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);background:radial-gradient(circle at 50% 20%,#fff6cb,#c5e7d3 50%,#7eaf9c);border:5px solid transparent;outline:3px solid #cca76f;outline-offset:-8px}
.sbs183-arabic-true{font-family:'Noto Naskh Arabic',serif;font-size:clamp(2rem,5.7vw,4.3rem);color:#286052;line-height:1.7;font-weight:600;filter:drop-shadow(0 3px 1px #f3ffec)}
.sbs183-honey-tile strong{font-size:1.04rem;font-weight:800;letter-spacing:-.2px}
.sbs183-honey-tile small{font-size:.85rem;line-height:1.42;color:#60766d;max-width:220px}
.sbs183-honey-quiet{text-align:center;color:#5e7f72;font-size:.89rem;margin:18px auto 0}
@media(min-width:1150px){.sbs183-honey-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1180px;gap:14px}.sbs183-honey-tile strong{font-size:.9rem}.sbs183-honey-tile small{font-size:.75rem}}
@media(max-width:620px){.sbs183-honey-section{padding-top:27px;padding-bottom:30px}.sbs183-honey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.sbs183-honey-visual{max-width:164px}.sbs183-honey-tile{padding:0 2px 12px}.sbs183-honey-tile small{font-size:.78rem}.sbs183-honey-tile strong{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.sbs183-honey-tile{transition:none}}