/* Shared visual polish only: page content and interactions remain unchanged. */
:root{--yellow:#ffc625;--yellow-d:#b77800;--dark:#121820;--cream:#fff;--cream2:#f7f8fa;--grey:#647084;--border:#e3e7ed}
body{background:#fff;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}
.nav{background:#fff;border-bottom:1px solid #edf0f3;box-shadow:none}.nav .logo .bee{animation:none}.links .megabtn{background:#fff;border-color:var(--border);border-radius:10px}.links .megabtn:hover{background:#fff9e9}.trend-link{background:#fff5d5;border-width:1px;box-shadow:none}.trend-link .fire{animation:none}.gsearch{box-shadow:none}.gsearch:focus-within{border-color:#e5a400}.nav-in{min-height:70px}
.ex,.dt{padding-top:32px;padding-bottom:44px}.ex h1,.dt h1{color:#121820;font-weight:800;letter-spacing:-.8px;line-height:1.2}.ex h1{margin-bottom:10px}.crumb{color:#647084;line-height:1.6}.crumb a:hover{color:#a86b00}.lastmod{color:#7d8794}
.pcard,.card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:none;overflow:hidden}.pcard:hover,.card:hover{border-color:#d7b967;box-shadow:0 5px 16px #16233a0b}.pcard .bd{padding:14px}.pcard h3{line-height:1.4}.pcard .im{background:#f4f6f8}.pcard .bd p{color:var(--grey)}
.btn,.abtn,.copybtn{border-radius:10px;line-height:1.4;min-height:44px}.btn-yellow{background:#ffc625;color:#121820;box-shadow:0 3px 10px #d6a62016}.btn-ghost,.abtn{border-color:var(--border);background:#fff}.btn:hover,.abtn:hover{filter:brightness(.98)}.chip,.tagchip,.mchip{border-color:var(--border);background:#fff;color:#475569;border-radius:10px}.chip,.tagchip{display:inline-flex;align-items:center;min-height:42px}.chip.on{background:#fff2c7;border-color:#e8bc47;color:#744b00}.chip:hover,.tagchip:hover{background:#fff8e5;border-color:#e2c26a}.filters,.tagrow{gap:9px}.pager a{border-color:var(--border);min-width:42px;min-height:44px;text-align:center;border-radius:9px}.pager a.on{background:#ffc625;color:#121820}
.cat-intro,.srch-detail,.pbox,.compat{background:#fafbfd;border:1px solid var(--border);border-radius:14px;box-shadow:none}.cat-intro p,.srch-detail p,.compat p{color:#4b596c}.pbox p{color:#243142}.pbox h3,.compat h3{color:#647084;font-weight:700;letter-spacing:.4px}.dhero,.dhero.sq img{border-radius:14px}.meta{gap:8px}.empty{border:1px dashed #dce2ea;border-radius:14px;background:#fafbfd}.gsuggest{border:1px solid var(--border);box-shadow:0 12px 28px #14203014;border-radius:12px}.gsuggest .sitem{min-height:54px}.gsuggest .sitem:hover,.gsuggest .sitem.active{background:#fff6da}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d99b00;outline-offset:3px}button{font-family:inherit}button:disabled{cursor:wait}.site-footer{margin-top:16px}.site-footer .footer-brand img{max-width:100%;height:40px}
@media(max-width:768px){.nav-in{min-height:60px}.ex,.dt{padding-top:24px;padding-bottom:32px}.ex h1,.dt h1{font-size:26px;letter-spacing:-.5px}.pcard .bd{padding:11px}.cat-intro,.srch-detail,.compat{padding:18px}.pbox{padding:18px}.chip,.tagchip{font-size:13px;padding:8px 12px}.pager{gap:6px}.site-footer{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Avoid continuous paint work from decorative search and card effects. */
.gsearch::before,.gsearch::after{display:none!important}.pcard .im,.logo .bee,.trend-link .fire{animation:none!important}.pcard .im{background:#f4f6f8}.pb-home .mockscene,.pb-home .discovery,.pb-home .howto{content-visibility:visible;contain-intrinsic-size:none}
@media(max-width:700px){.pb-home .mock{transform:rotate(4deg);box-shadow:0 8px 20px #dbaa3020}.pb-home .note{box-shadow:none}}
/* Closed navigation drawers need no initial layout or paint work. */
.mmenu:not(.open){display:none}.mmenu.open{display:block}.pb-home .mock{transform:rotate(5deg);box-shadow:0 10px 24px #dbaa3020}
/* Show the complete homepage image instead of cropping it to a shallow strip. */
.pb-home #latest .card>a:first-child{display:flex;align-items:center;justify-content:center;background:#f4f6f8;aspect-ratio:1/1;overflow:hidden}.pb-home #latest .card img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}.pb-home #latest .card{align-self:start}
.home-card-category{display:block;font-size:11px;font-weight:700;color:#916000;margin:0 34px 7px 0}.pb-home #latest .cardbody{min-height:112px}
/* Clear, aligned homepage benefits. */
.pb-home .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.pb-home .benefit{display:flex;align-items:flex-start;gap:15px;min-width:0}.pb-home .benefit i{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;background:#ffdf75;color:#9b6500;border-radius:50%}.pb-home .benefit svg{width:27px;height:27px}.pb-home .benefit strong{display:block;font-size:16px;line-height:1.35;margin:3px 0 7px}.pb-home .benefit p{font-size:14px;line-height:1.6;margin:0;color:#536176;max-width:36ch}.pb-home .benefit+.benefit{padding-left:24px;border-left:1px solid #dce2ea}@media(max-width:900px){.pb-home .benefits{grid-template-columns:1fr;gap:20px}.pb-home .benefit+.benefit{padding:18px 0 0;border-left:0;border-top:1px solid #e3e7ed}.pb-home .benefit p{max-width:none}.pb-home .benefit strong{font-size:15px}.pb-home .benefit p{font-size:13px}}
.live-trending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.live-trending-card{border:1px solid #e3e7ed;border-radius:12px;overflow:hidden;background:#fff;min-width:0}.live-trending-image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f4f6f8}.live-trending-image img{display:block;width:100%;height:100%;object-fit:contain}.live-trending-body{padding:14px}.live-trending-body>span{font-size:11px;color:#926000;font-weight:700}.live-trending-body h3{font-size:14px;line-height:1.4;margin:6px 0}.live-trending-card details{font-size:11px;color:#647084;padding:0 14px 14px}.live-trending-card summary{cursor:pointer}.live-trending-card details p{margin:8px 0 0}.trend-source{margin-top:16px;font-size:12px;color:#647084}.trend-source summary{cursor:pointer}.trend-source p{margin:10px 0;max-width:85ch}.trend-empty{padding:25px;border:1px dashed #dce2ea;border-radius:12px}.trend-empty a{font-weight:600}@media(max-width:900px){.live-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.live-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-trending-body{padding:10px}.live-trending-body h3{font-size:12px}}
/* Keep homepage search suggestions visible beyond the hero boundary. */
.pb-home .hero:has(.homepage-search .gsuggest.show){overflow:visible}
.nav .links .megaitem{white-space:normal;align-items:center}.nav .links .megaitem>span:nth-child(2){flex:1;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.nav .links .megaitem .cnt{margin-left:0;flex-shrink:0;min-width:20px;text-align:center}
/* Category-aware previews: full images, with a frame suited to the category. */
.ex[data-image-layout] .pcard .im{aspect-ratio:var(--category-image-ratio,1);background:#f4f6f8;display:flex;align-items:center;justify-content:center}.ex[data-image-layout] .pcard .im img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.ex[data-image-layout=landscape] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pcard .im img{object-fit:contain}.dhero.sq img{object-fit:contain}@media(max-width:1024px){.ex[data-image-layout=landscape] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ex[data-image-layout=landscape] .grid{grid-template-columns:minmax(0,1fr)}}
/* Homepage: separate portrait, square and landscape rows with clear actions. */
.pb-home .prompt-shape-group{margin-top:28px}.pb-home .prompt-shape-title{font-size:19px;line-height:1.3;letter-spacing:-.3px;margin:0 0 15px;font-weight:700}.pb-home #latest .shape-portrait .card>a:first-child{aspect-ratio:3/4}.pb-home #latest .shape-square .card>a:first-child{aspect-ratio:1}.pb-home #latest .shape-landscape .card>a:first-child{aspect-ratio:16/9}.pb-home #latest .shape-landscape .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-home #latest .card h4.home-prompt-title{font-size:14px;line-height:1.4;margin:0 34px 10px 0;letter-spacing:0}.pb-home #latest .cardbody{min-height:0;display:flex;flex-direction:column;height:auto}.pb-home .home-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid #edf0f3}.pb-home .home-card-actions a{display:flex;align-items:center;justify-content:center;flex:1 1 100px;min-height:42px;padding:9px 8px;border-radius:8px;font-size:12px;line-height:1.3;font-weight:600;text-align:center;white-space:normal}.pb-home .home-view-post{background:#ffc625;color:#17202b;border:1px solid #e8b11b}.pb-home .home-view-category{background:white;color:#344155;border:1px solid #dce2ea}.pb-home .home-card-actions a:hover{filter:brightness(.97)}.pb-home #latest .card{height:100%;display:flex;flex-direction:column}.pb-home #latest .cardbody{flex:1}.pb-home #latest .home-card-actions{margin-top:auto}.pb-home #latest .tags{margin-bottom:12px}@media(max-width:1000px) and (min-width:701px){.pb-home #latest .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pb-home #latest .shape-landscape .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.pb-home #latest .shape-landscape .cards{grid-template-columns:minmax(0,1fr)}.pb-home .prompt-shape-title{font-size:17px}.pb-home #latest .card h4.home-prompt-title{font-size:12px}.pb-home .home-card-actions{gap:7px}.pb-home .home-card-actions a{min-height:42px;font-size:11px;padding:8px 6px}.pb-home .prompt-shape-group{margin-top:24px}}
/* Keep the decorative hero preview compact; long post titles cannot stretch it. */
.pb-home .hero .mockgrid p{font-size:11px;line-height:1.35;margin:5px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;height:30px;max-width:100%;color:#17202b}.pb-home .mockgrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.pb-home .mockgrid>a{min-width:0}.pb-home .mockgrid img{object-fit:contain;background:#f7f8fa}.pb-home .mockaside strong{font-size:12px;line-height:1.4;white-space:nowrap}.pb-home .mock h4{font-size:13px;line-height:1.3}
@media(max-width:700px){.pb-home .mockscene{margin:26px auto 0;padding:12px 14px;max-width:370px}.pb-home .mock{grid-template-columns:65px minmax(0,1fr);gap:10px;min-height:0;padding:16px 12px;transform:rotate(3deg);border-radius:18px}.pb-home .mockaside{font-size:9px;line-height:2.8}.pb-home .mockaside strong{font-size:10px;margin-bottom:15px;white-space:normal}.pb-home .mockgrid{gap:12px 9px}.pb-home .mockgrid img{height:84px;max-height:84px}.pb-home .hero .mockgrid p{font-size:10px;line-height:1.3;height:26px;margin-top:4px}.pb-home .mocksearch{font-size:9px;padding:8px}.pb-home .mock h4{font-size:12px;margin:12px 0 9px}.pb-home .note{font-size:15px;padding:12px;left:0;bottom:0;line-height:1.15;transform:rotate(-7deg)}.pb-home .flyingbee{width:42px;right:10px;top:-14px}}
@media(max-width:700px){.pb-home .note{display:none}}

/* Mobile navigation: a persistent close control and readable, independent scrolling. */
.mmenu.open .mmenu-panel{display:flex;flex-direction:column;padding:0;width:360px;max-width:calc(100vw - 24px);height:100%;height:100dvh;overflow:hidden}
.mmenu-heading{display:flex;align-items:center;justify-content:space-between;flex:none;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid #e5e7eb;background:#fff}
.mmenu-heading strong{font-size:20px}
.mmenu .mmenu-close{float:none;margin:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #e5e7eb;border-radius:12px;font-size:28px;color:#17202b;background:#fff;flex-shrink:0}
.mmenu-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 20px max(20px,env(safe-area-inset-bottom))}
.mmenu .mcat-grid{grid-template-columns:minmax(0,1fr);gap:2px}
.mmenu .mcat-grid a{min-height:48px;padding:10px 8px!important;white-space:normal;overflow-wrap:anywhere;font-size:15px!important;line-height:1.4}
.mmenu .mcat-grid .micon{flex:0 0 30px;width:30px;height:30px}
.mmenu-content>a{min-height:48px;display:flex;align-items:center;gap:8px}
.mmenu a:focus-visible,.mmenu button:focus-visible{outline:3px solid #b77900;outline-offset:-3px}
@media(max-width:768px){input[type=search],input[type=text],input[type=email],textarea,select{font-size:16px}.burger{min-width:44px;min-height:44px;flex-shrink:0}.nav-in{flex-wrap:nowrap}.nav .logo{flex-shrink:1;min-width:0}.nav .logo img{max-width:100%;object-fit:contain}.nav .links{min-width:0}.nav .links .megabtn{min-height:44px} }
@media(max-width:360px){.nav-in{gap:8px!important;padding-left:10px!important;padding-right:10px!important}.nav .logo img{width:118px;height:auto}.nav .links .megabtn{font-size:13px;padding:8px!important;gap:5px}.nav .links .megabtn svg{width:18px;height:18px}}