/* Shared recognition summary: transient, pinned and continuous guide. */
.hover-card,.pinned-card{padding:0;border:1px solid var(--line,#d8e1d5);border-radius:12px;box-shadow:0 8px 28px #133f3430;pointer-events:auto;background:var(--surface,#fffef9);color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin}
.hover-card{overflow:auto!important}.hover-card[hidden]{display:none!important}.hover-card:not([hidden]){display:block!important}
.rec-overview{container:recognition/inline-size;color:var(--ink,#24473f);padding:8px;font-size:12px;line-height:1.3}
.rec-body>section{margin:7px 0 0}.rec-overview button{font-family:inherit;color:inherit;cursor:pointer;touch-action:manipulation}
.rec-identification{display:block;width:100%;margin:4px 0 0;padding:0;border:0;background:none;text-align:left;font:500 11.5px/1.35 Manrope,sans-serif;overflow-wrap:anywhere;color:var(--muted);border-radius:3px}
.rec-overview .rec-identification:hover{text-decoration:underline;text-underline-offset:2px;background:none}
.rec-header{display:flex;align-items:flex-start;gap:5px;min-width:0}
.rec-identity{display:flex;align-items:center;gap:7px;text-align:left;border:0;background:none;padding:0;min-width:0;flex:1}
.rec-flag{width:40px;height:30px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 1px #15352c20)}
.rec-flag-unknown{display:grid;place-items:center;border:1px dashed var(--line);border-radius:4px;color:var(--muted);font-size:25px}
.rec-identity>span{min-width:0}.rec-identity strong{display:block;font:750 19px/1.16 Manrope,sans-serif}
.rec-identity-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 7px}.rec-native{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.rec-identity small{color:var(--muted,#61776c);font-size:11px;line-height:1.3}
.rec-close,.rec-pin,.rec-adjust-toggle,.rec-move-handle{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:4px;border:0;border-radius:5px;background:none;color:var(--muted);cursor:pointer}
.rec-close{font-size:22px;line-height:1}.rec-pin svg,.rec-adjust-toggle svg,.rec-move-handle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rec-pin[aria-pressed=true]{color:var(--green);background:var(--soft)}
.rec-overview .rec-facts{display:grid;grid-template-columns:minmax(0,.85fr) minmax(44px,.5fr) minmax(0,1.65fr);gap:5px;margin:6px 0 0;padding:0 0 5px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.3}
.rec-overview .rec-facts>span:first-child{grid-column:auto}.rec-facts>span{min-width:0;overflow-wrap:anywhere}.rec-overview .rec-facts small{display:block;font-size:10px;letter-spacing:0;color:var(--muted);margin:0 0 1px}.rec-overview .rec-currency{line-height:1.3}
.rec-overview .rec-label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px!important;line-height:1.25;font-weight:700;letter-spacing:0;margin:0 0 3px!important}
.rec-label>span{font-size:10px;font-weight:400;color:var(--muted)}
.rec-language .rec-label{justify-content:flex-start;gap:3px;flex-wrap:wrap}.rec-language-names{min-width:0;overflow-wrap:anywhere;font-weight:500}
.rec-language-grid{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.rec-language-item{flex:0 1 auto;max-width:100%;min-width:0;min-height:34px;display:flex;align-items:center;justify-content:center;padding:1px 4px;border:0;border-radius:4px;background:transparent;text-align:center}
.rec-language-item>.rec-script{font-size:20px;line-height:1.35;overflow-wrap:anywhere;word-break:normal}
.rec-language-item .rec-script:is([lang=bn],[lang=ar],[lang=fa],[lang=ur],[lang=th],[lang=km],[lang=si],[lang=ta],[lang=hi],[lang=ne],[lang=dz],[lang=ja],[lang=zh-Hans],[lang=zh-Hant],[lang=ko]){font-size:22px;line-height:1.5}
.rec-language-item small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rec-script mark{background:#e0eacf;color:#143f35;border-radius:3px;padding:0 1px;font-weight:650}
.rec-road-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 3px}
.rec-tile{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px auto;justify-content:stretch;justify-items:center;align-content:start;align-items:center;gap:2px;min-width:0;min-height:0;padding:2px;border:0;border-radius:5px;background:transparent;text-align:center}
.rec-traffic-tile,.rec-stop-tile,.rec-bollard-tile{grid-column:span 2}.rec-plate-tile,.rec-road-tile{grid-column:span 3;grid-template-rows:auto 49px auto}
.rec-tile>small:first-child{font-size:10px;line-height:1.2;letter-spacing:0}.rec-tile b{font-size:11px;line-height:1.25}
.rec-tile-art{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;min-width:0}
.rec-tile-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1px 3px;width:100%;min-height:12px;align-self:end}
.rec-overview svg{flex:none;max-width:100%}.rec-overview .rec-traffic{width:62px;height:42px}.rec-overview .stop-diagram{width:48px;height:44px}.rec-overview .furniture-diagram{width:35px;height:44px}.rec-overview .road-diagram{width:100%;height:49px;max-height:none}
.rec-plates{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;width:100%}
.rec-plate-face{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;min-height:22px;min-width:0}
.rec-plate-face>small{font-size:9px;line-height:1.1;max-width:36px;flex:0 0 30px;text-align:right;color:var(--muted)}
.rec-overview .rec-plate-face .plate-diagram{height:auto;max-height:23px;width:calc(100% - 36px);max-width:132px;object-fit:contain;min-width:0}
.rec-overview .plate-color-example{justify-content:center;max-width:none}.rec-overview .plate-color-example>span:last-child{display:none}.rec-overview .color-sample{width:27px;height:20px;min-width:27px;border:1px solid #91a18f;border-radius:3px}.rec-overview .color-sample i{width:14px;height:4px}
.rec-note,.rec-variant{font-size:10px;line-height:1.2;color:var(--muted)}.rec-variant{white-space:nowrap}
.rec-unverified{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.3;color:var(--muted);gap:1px;text-align:center;min-width:0}.rec-unverified>span{font-size:15px;opacity:.65}.rec-language-grid>.rec-unverified{width:100%;padding:4px;min-height:34px}
.rec-road-colors{display:flex;gap:6px;align-items:center}.rec-road-colors span{display:flex;flex-direction:column;align-items:center;gap:3px}.rec-road-colors i{width:17px;height:17px;border:1px solid #94a38e;border-radius:50%}.rec-road-colors small{font-size:10px}
.rec-pointers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 3px}
.rec-pointer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;justify-content:stretch;justify-items:center;align-items:start;align-content:start;gap:2px;min-width:0;padding:2px;border:0;border-radius:5px;background:transparent;text-align:center}
.rec-pointer-art{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:27px}
.rec-overview .rec-pointer svg,.rec-overview .rec-pointer img{width:46px;height:29px;object-fit:contain;max-width:100%}
.rec-pointer strong{font-size:11px;line-height:1.2;font-weight:600;overflow-wrap:anywhere}.rec-pointer small{font-size:10px;line-height:1.2;color:var(--muted);align-self:end}
.rec-category-icon{color:var(--muted)}.rec-pointer-plates{display:flex;flex-direction:column;gap:2px;width:100%;align-items:center}.rec-overview .rec-pointer-plates svg{height:13px;width:92px}
.rec-pointer-script{font-size:17px;line-height:1.3;overflow-wrap:anywhere}.rec-pointer-script:is([lang=bn],[lang=ja]){font-size:20px;line-height:1.45}
.rec-pointer-empty{grid-column:1/-1;grid-template-columns:32px 1fr auto;align-items:center;min-height:34px}.rec-pointer-empty .rec-pointer-art{min-height:0}.rec-pointer-empty small{align-self:center}
@supports(grid-template-rows:subgrid){.rec-pointer:not(.rec-pointer-empty){grid-row:span 3;grid-template-rows:subgrid}.rec-pointer-art{align-self:stretch}}
.rec-more{font:600 11px/1.3 Manrope,sans-serif;padding:2px 4px;min-height:24px;border:0;border-radius:4px;background:none;color:var(--green)}
.rec-overview .rec-footer{display:flex;align-items:center;gap:3px;min-height:30px;margin-top:6px;padding-top:3px;border-top:1px solid var(--line)}
.rec-guide-link{margin-left:auto;border:0;background:none;padding:4px 2px;font:400 11px/1.3 Manrope,sans-serif;color:var(--muted);min-height:28px;text-align:right;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.rec-guide-link:hover{text-decoration-color:currentColor}.rec-parent{font-size:11px;background:none;border:0;padding:4px;color:var(--muted);text-align:left}
.rec-overview button:hover{background:var(--raised,#edf3e7)}
.rec-overview button:focus-visible,.rec-guide-nav button:focus-visible,.rec-window-controls button:focus-visible,.rec-resize:focus-visible{outline:2px solid var(--accent,#cf8649);outline-offset:2px}
.rec-overview button:active{background:var(--soft)}
/* Card-sized queries: larger pinned windows gain one road row and larger artwork. */
@container recognition (min-width:480px){.rec-road-grid{grid-template-columns:.9fr .9fr .9fr 1.6fr 1.3fr;gap:6px}.rec-tile{grid-column:auto;grid-template-rows:auto 72px auto}.rec-overview .rec-traffic{width:82px;height:58px}.rec-overview .stop-diagram{width:66px;height:64px}.rec-overview .furniture-diagram{width:46px;height:64px}.rec-overview .road-diagram{height:66px}.rec-plates{gap:6px}.rec-overview .rec-plate-face .plate-diagram{max-height:29px}.rec-overview .rec-pointer svg,.rec-overview .rec-pointer img{height:43px;width:66px}.rec-overview .rec-pointer-plates svg{height:20px;width:126px}.rec-pointer-script{font-size:22px}.rec-pointer strong{font-size:12px}.rec-pointers{gap:4px 8px}.rec-language-item{padding:3px 6px}.rec-language-item>.rec-script{font-size:23px}}
@container recognition (max-width:290px){.rec-overview .rec-facts{grid-template-columns:1fr 1.7fr}.rec-overview .rec-facts>span:first-child{grid-column:1/-1}.rec-pointers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.rec-language-item{min-height:40px}.rec-close,.rec-pin,.rec-adjust-toggle{width:34px;height:34px}.rec-guide-link{min-height:34px}.rec-tile{min-height:78px}.rec-overview button{touch-action:manipulation}}
@media(prefers-reduced-motion:no-preference){.rec-overview button{transition:background-color .12s}}
.rec-script{font-family:'Recognition Latin','Recognition Arabic','Recognition Hebrew','Recognition Georgian','Recognition Armenian','Recognition Ethiopic','Recognition Syriac','Recognition Tifinagh','Recognition Gurmukhi','Recognition Bengali','Recognition Devanagari','Recognition Tamil','Recognition Sinhala','Recognition Thai','Recognition Khmer','Recognition Lao','Recognition Myanmar','Recognition Tibetan','Recognition Thaana','Recognition Japanese','Recognition Chinese','Recognition Korean',sans-serif}
.rec-script[lang=ja]{font-family:'Recognition Japanese',sans-serif}.rec-script[lang=bn]{font-family:'Recognition Bengali',sans-serif}.rec-script[lang=ko]{font-family:'Recognition Korean',sans-serif}.rec-script[lang=ka]{font-family:'Recognition Georgian',sans-serif}.rec-script[lang=zh-Hans]{font-family:'Recognition Chinese',sans-serif}.rec-script[lang=zh-Hant]{font-family:'Recognition Chinese Traditional',sans-serif}
#panel>.rec-overview{padding:0}.rec-detail h2{font-size:23px;margin:12px 0 16px}.rec-back{border:0;background:none;padding:4px 0;color:#527659;font:600 12px/1.4 Manrope,sans-serif;cursor:pointer}.rec-large-visual{padding:24px 16px;margin:16px 0;background:#f2f5ec;border:1px solid #e0e6d8;border-radius:12px;text-align:center;overflow-wrap:anywhere}.rec-large-visual>.rec-script{font-size:44px;line-height:1.7}.rec-large-visual svg{width:200px;height:180px;max-width:100%}.rec-detail-flag{width:150px;height:95px;object-fit:contain}.rec-native-detail>.rec-script{font-size:25px;display:block}.rec-native-detail small{font-size:12px;color:#70816d}.rec-explanation{margin-top:20px}.rec-explanation h3{font-size:13px;margin-bottom:7px}.rec-explanation p{font-size:14px;line-height:1.6}.rec-guide-extract>[data-guide-section]{display:none}.rec-guide-extract[data-guide-target=guide-stops]>#guide-stops,.rec-guide-extract[data-guide-target=guide-plates]>#guide-plates,.rec-guide-extract[data-guide-target=guide-roads]>#guide-roads,.rec-guide-extract[data-guide-target=guide-furniture]>#guide-furniture{display:block}.rec-guide-extract>section:not([data-guide-section]),.rec-guide-extract>.note-box{display:none}.rec-detail .sign-display svg{width:170px;height:160px}.rec-detail .furniture-display svg{width:175px;height:194px}
.rec-guide-extract .section{margin-top:0}.rec-detail .plate-diagram{max-width:100%;height:auto}.rec-detail .rec-guide-extract .meta{line-height:1.5}
/* Independent non-modal windows. Header/footer stay reachable when content scrolls. */
.pinned-card{position:absolute;z-index:1200;overflow:visible;min-width:0;touch-action:auto}
.pinned-card .rec-overview{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:inherit;padding:9px}
.pinned-card .rec-header{flex:none;cursor:grab;touch-action:none}.pinned-card .rec-identity{cursor:pointer;touch-action:auto}
.pinned-card .rec-body{touch-action:pan-y;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}
.pinned-card .rec-footer{flex:none}.pinned-card .rec-move-handle{width:24px;cursor:grab;touch-action:none}
.rec-manipulating,.rec-manipulating *{cursor:grabbing;user-select:none}
.rec-resize{position:absolute;width:18px;height:18px;padding:0;border:0;background:transparent;touch-action:none;border-radius:5px;z-index:2}
.rec-resize:after{content:'';position:absolute;inset:5px;border:1px solid var(--muted);border-radius:2px;opacity:.3}
.rec-resize:hover:after,.rec-resize:focus-visible:after{opacity:1}.rec-resize-nw{left:-8px;top:-8px;cursor:nwse-resize}.rec-resize-ne{right:-8px;top:-8px;cursor:nesw-resize}.rec-resize-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.rec-resize-se{right:-8px;bottom:-8px;cursor:nwse-resize}
.rec-window-controls{position:absolute;inset:auto 10px 46px;max-height:calc(100% - 110px);overflow:auto;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface,#fffef9);box-shadow:0 5px 16px #0002;z-index:3;font-size:12px}
.rec-window-controls[hidden]{display:none}.rec-window-controls>div{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0 8px}.rec-window-controls button{border:1px solid var(--line);border-radius:4px;min-height:30px;min-width:30px;padding:4px 7px;background:var(--soft)}
/* Summary-first guide: stable entry-specific anchors, continuous reading. */
.rec-guide-summary>.rec-overview{padding:0}.rec-guide-summary:focus,.rec-guide-section:focus{outline:0}.rec-guide-section:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.rec-guide-tools{display:flex;align-items:center;gap:4px;margin:10px 0 5px;flex-wrap:wrap}.rec-guide-tools button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:5px;padding:4px 8px;min-height:30px;cursor:pointer;font:500 12px/1.4 Manrope,sans-serif}.rec-guide-tools button:first-child{font-size:19px;min-width:32px}
.rec-guide-nav{display:flex;gap:2px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line);margin-bottom:16px}.rec-guide-nav button{padding:5px 7px;min-height:30px;background:transparent;border:0;border-radius:4px;color:var(--green);cursor:pointer;font:600 12px/1.4 Manrope,sans-serif}.rec-guide-nav button:hover,.rec-guide-tools button:hover{background:var(--soft)}
.rec-continuous-guide>.rec-guide-section{margin:25px 0 0;padding:18px 0 0;border-top:1px solid var(--line);scroll-margin-top:8px}.rec-guide-section h2{font-size:20px;line-height:1.25;margin:0 0 12px}.rec-guide-section .rec-detail h2{font-size:17px;margin-top:22px}.rec-guide-section p{font-size:14px;line-height:1.6;text-align:left}.rec-guide-section .meta{font-size:12px}.rec-guide-section .rec-explanation{margin-top:14px}.rec-guide-section .rec-explanation h3{font-size:13px}.rec-guide-section .rec-large-visual{margin:12px 0;padding:16px 12px}.rec-guide-section .section{margin-top:12px}.rec-guide-section .sign-display svg{width:170px;height:160px}.rec-guide-section .furniture-display svg{width:175px;height:194px}.rec-guide-section .plate-diagram{height:auto;max-width:100%}.rec-detail .rec-pointer-script{font-size:38px}.rec-detail .rec-pointer-plates{gap:12px}.rec-detail .rec-pointer-plates svg{height:auto;width:220px}.rec-detail .rec-category-icon{width:120px;height:100px}
@media(max-width:800px){.rec-guide-tools button,.rec-guide-nav button{min-height:36px}}

.rec-script[lang=pa]{font-family:'Recognition Gurmukhi',sans-serif}.rec-script[lang=as]{font-family:'Recognition Bengali',sans-serif}

/* Expanded source diagrams retain their intrinsic proportions; compact cards are unchanged. */
.rec-detail .rec-large-visual > img.furniture-diagram{width:100%;max-width:280px;height:200px;object-fit:contain}