/* SEGNO V12 — refinement of the approved museum design. All existing search data and handlers remain. */
:root{--s12-ink:#241e1b;--s12-wine:#751329;--s12-line:#dacbbd;--s12-paper:#f9f1e7;--s12-muted:#675e56}
html,body{overflow-x:clip}
body.v11.v12{font-size:16px!important;line-height:1.48!important;background:#eee4d8!important;color:var(--s12-ink)!important}
.v12 button,.v12 a,.v12 input,.v12 select{touch-action:manipulation}
.v12 button:focus-visible,.v12 a:focus-visible,.v12 input:focus-visible,.v12 select:focus-visible,.v12 summary:focus-visible{outline:3px solid #9f5c68!important;outline-offset:2px}
.v12 button,.v12 input,.v12 select{font-size:inherit}
.v11.v12 .shell,.v11.v12 .v11HeroInner,.v11.v12 main.shell.v11Main{width:min(calc(100% - 60px),1360px)!important;max-width:1360px!important}
.v11.v12 nav.shell{height:72px!important;min-height:72px!important}
.v11.v12 .brand{font-size:45px!important}
.v11.v12 .segnoTagline{font-size:13px!important;max-width:270px!important}
.v11.v12 .v11Hero{height:262px!important;min-height:262px!important;background-position:center,center 53%!important;background-size:cover!important}
.v11.v12 .v11HeroInner{height:262px!important;min-height:262px!important}
.v11.v12 .v11Headline{margin-top:30px!important}
.v11.v12 .v11Headline h1{font-size:clamp(43px,4.3vw,58px)!important;line-height:.99!important;margin-bottom:10px!important}
.v11.v12 .v11Headline p{font-size:15px!important;max-width:420px!important;line-height:1.46!important}
.v11.v12 main.shell.v11Main{margin-top:-37px!important;padding-bottom:26px!important}
.v11.v12 #searchView>.panel{border-radius:19px!important;box-shadow:0 14px 36px #4030231b!important}
.v11.v12 .v11Flow{grid-template-columns:142px minmax(0,.96fr) minmax(0,1.04fr)!important}
.v11.v12 .v11Rail{padding:20px 14px!important}
.v11.v12 .v11Step{font-size:13px!important;gap:7px!important;padding:7px 0 13px!important;line-height:1.25!important}
.v11.v12 .v11StepDot{width:28px!important;height:28px!important;font-size:14px!important}
.v11.v12 .v11Step:not(:last-child):before{left:13px!important;top:30px!important}
.v11.v12 .v11PhotoPane,.v11.v12 .v11LettersPane{padding:21px 21px 17px!important;align-self:start}
.v11.v12 .v11PaneHeading{margin-bottom:12px!important}
.v11.v12 #searchView .v11PaneHeading h2{font-size:21px!important;line-height:1.17!important}
.v11.v12 .v11PaneHeading p{font-size:13px!important;line-height:1.4!important}
.v11.v12 .v11PhotoFrame{height:170px!important;background:#e7d7c5!important;border:1px solid #d1bda8!important}
.v11.v12 .v11ExampleImg{object-fit:contain!important;max-width:100%!important;filter:none!important}
.v11.v12 .v11ExampleMark{font-size:10px!important;letter-spacing:0!important;background:#312920ad!important}
.v11.v12 .v11PhotoActions{margin-top:9px!important}
.v11.v12 .v11PhotoButton{min-height:45px!important;padding:9px 8px!important;font-size:14px!important}
.v11.v12 #searchView .formline{margin:0 0 12px!important}
.v11.v12 #searchView .selectbox .label,.v11.v12 #searchView .v11SlotsBox .label{font-size:14px!important}
.v11.v12 #searchView #length{height:44px!important;min-width:114px!important;font-size:15px!important}
.v11.v12 #searchView .tol{font-size:12px!important;padding:9px!important;color:#7c453e!important}
.v11.v12 #searchView .poshelp{font-size:12px!important;margin-bottom:8px!important}
.v11.v12 #searchView .cells{gap:7px!important}
.v11.v12 #searchView .cell{height:48px!important;font-size:22px!important}
.v11.v12 #searchView .cellNum{font-size:11px!important}
.v11.v12 #searchView .segnoDoubt{min-height:27px!important;min-width:27px!important}
.v11.v12 #searchView .segnoDoubtHelp{font-size:12px!important;line-height:1.38!important;padding-top:6px!important}
.v11.v12 .v11NameAnchor{margin-top:7px!important;padding-top:11px!important}
.v11.v12 .v11SectionCaption{font-size:14px!important}
.v11.v12 #initial{font-size:17px!important;width:135px!important;height:44px!important}
.v11.v12 #searchView .segnoAdvanced summary{font-size:13px!important;padding:8px 0!important}
.v11.v12 #searchView .submit{min-height:52px!important;height:52px!important;font-size:17px!important;margin-top:12px!important;box-shadow:0 3px 11px #5b122521!important}
.v11.v12 #searchView .actions{margin-top:9px!important}
.v11.v12 #searchView .actionPill{font-size:12px!important}
.v11.v12 #searchView>.catalog.v11CatalogStrip{background:#253b2f!important;padding:13px 22px!important;border-radius:0 0 16px 16px!important;box-shadow:0 8px 20px #16191710}
.v11.v12 #searchView>.catalog.v11CatalogStrip b{font-size:15px!important}
.v11.v12 #searchView>.catalog.v11CatalogStrip .muted{font-size:12px!important}
.v11.v12 .v11CatalogStrip button{font-size:13px!important;min-height:42px!important}
.v11.v12 .v12OfflineLimited{background:#f2e9df!important;color:#65534b!important}
.v11.v12 .v12OfflineLimited b{color:#382e29!important}
.v11.v12 .v12OfflineLimited .muted{color:#65534b!important}
.v11.v12 .v12OfflineLimited #download{display:none!important}
/* Search results: no hero and no fake signature thumbnails; genuine visual match explanation instead. */
.v11.v12.v11ShowingResults .v11Hero{display:none!important}
.v11.v12.v11ShowingResults main.shell.v11Main{margin:20px auto 0!important}
.v11.v12.v11ShowingResults .v11Workbench{grid-template-columns:235px minmax(0,1fr)!important;gap:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.v11.v12 .v11QuerySummary{padding:19px!important;background:#fff8f0!important;top:18px!important}
.v11.v12 .v11QueryTitle{font-size:20px!important;margin-bottom:7px!important}
.v11.v12 .v11QueryPattern{font-size:26px!important;letter-spacing:.13em!important;margin:4px 0!important}
.v11.v12 .v11QueryPhoto img{max-height:95px!important}
.v11.v12 .v11EditSearch{min-height:43px!important;font-size:14px!important}
.v11.v12 .v11ResultsContent{min-width:0!important}
.v11.v12 .segnoResultsHeadline{padding:0 0 9px!important;margin:0 0 4px!important}
.v11.v12 .segnoResultsHeadline h2{font-size:36px!important}
.v11.v12 .segnoResultsHeadline #resultTitle{font-size:14px!important}
.v11.v12 #resultInfo{font-size:12px!important;line-height:1.4!important}
.v11.v12 .segnoResultsHint{display:none!important}
.v11.v12 .segnoFilterDetails{margin:12px 0 16px!important;box-shadow:none!important;border-radius:11px!important}
.v11.v12 .segnoFilterDetails summary{font-size:15px!important;min-height:48px!important;display:flex!important;align-items:center!important}
.v11.v12 .segnoNearTitle{font-size:21px!important}
.v11.v12 .segnoNearSubtitle{font-size:13px!important;max-width:570px!important}
.v11.v12 #segnoNearSection{padding:0!important;margin:20px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.v11.v12 .segnoNearHead{margin:0 0 10px!important}
.v11.v12 .segnoNearCount{font-size:12px!important}
.v11.v12 .segnoNearList{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.v11.v12 #segnoExactHeading{font-size:21px!important;margin:13px 0 10px!important}
.v11.v12 .segnoExactHeading small{font-size:12px!important}
.v11.v12 .person,.v11.v12 .segnoNearPerson{min-height:0!important;background:#fffbf6!important;padding:12px 15px!important;border-radius:11px!important;display:block!important;box-shadow:none!important}
.v11.v12 #resultList{display:grid!important;gap:9px!important}
.v11.v12 #segnoExactTable{border:none!important;background:none!important;box-shadow:none!important}
.v11.v12 #segnoExactTable>.th{display:none!important}
.v11.v12 .segnoResultCard{display:block!important}
.v11.v12 .segnoSigPreview{display:none!important}
.v11.v12 .segnoCardHead{align-items:center!important;gap:10px!important}
.v11.v12 .segnoArtistName{font:600 23px/1.16 Georgia,serif!important}
.v11.v12 .segnoArtistYears{font-size:13px!important;margin:2px 0 6px!important}
.v11.v12 .segnoLetterCompare{gap:5px!important;margin:5px 0!important}
.v11.v12 .segnoTile{min-width:29px!important;height:32px!important;display:grid!important;place-items:center!important;font-size:16px!important}
.v11.v12 .segnoMatchReason{font-size:13px!important;line-height:1.38!important}
.v11.v12 .segnoMatchBadge{font-size:11px!important;padding:5px 10px!important}
.v11.v12 #segnoNearSection .segnoMatchBadge{display:none!important}
.v11.v12 .v12MatchGuide{font-size:12px;color:#6f554e;margin:0 0 10px}
.v11.v12 .drawer{background:#fff9f2!important;box-shadow:-8px 0 35px #0002!important}
.v11.v12 .drawerTop{padding:18px 24px!important}
.v11.v12 .drawerBody{padding:22px 24px 30px!important}
.v11.v12 .drawer h3{font-size:34px!important;line-height:1.06!important}
.v11.v12 .drawer .caption{font-size:12px!important;margin:18px 0 9px!important}
.v11.v12 .drawer .detail{font-size:15px!important}
.v11.v12 .v12DrawerCompare{border:1px solid #dfcdbf;background:#fffcf7;border-radius:12px;padding:13px;margin:14px 0}
.v11.v12 .v12DrawerCompare h4{margin:0 0 8px;font:600 16px Georgia,serif}
.v11.v12 .v12DrawerCompare p{font-size:13px;color:#6a5951;margin:8px 0 0}
.v11.v12 .v12CompareTiles{display:flex;flex-wrap:wrap;gap:5px}
.v11.v12 .v12CompareTiles span{min-width:30px;height:33px;border:1px solid #d3c4b6;border-radius:6px;background:#fff;display:grid;place-items:center;font:600 17px Georgia,serif}
.v11.v12 .v12CompareTiles span.is-different{background:#f6ded5;border:1.5px dashed #ae5c62;color:#811d32}
.v11.v12 .v12CompareTiles span.is-uncertain{background:#f1e8dc;color:#795341}
.v11.v12 .drawer .segnoSignatureActions{gap:8px!important}
.v11.v12 .drawer .segnoSignatureActions a{min-height:48px!important;font-size:14px!important}
.v11.v12 .drawer .links{gap:8px!important}
.v11.v12 .drawer .links a{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.v11.v12 .v12LinkNote{font-size:12px;color:#766b64;line-height:1.4;margin:4px 0 10px}
.v11.v12 footer{font-size:12px!important}
@media(max-width:1100px){
 .v11.v12 .shell,.v11.v12 .v11HeroInner,.v11.v12 main.shell.v11Main{width:min(calc(100% - 34px),900px)!important}
 .v11.v12 .v11Hero{height:168px!important;min-height:168px!important;background-position:center,right center!important}
 .v11.v12 .v11HeroInner{height:168px!important;min-height:168px!important}
 .v11.v12 .v11Headline h1{font-size:42px!important}
 .v11.v12 .v11Headline{margin-top:19px!important}
 .v11.v12 .v11Flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .v11.v12 .v11Rail{display:none!important}
 .v11.v12 .v11PhotoPane,.v11.v12 .v11LettersPane{padding:18px!important}
 .v11.v12 .v11PhotoPane{border-right:1px solid var(--s12-line)!important;border-bottom:0!important}
 .v11.v12 .v11MobileSteps{padding:8px!important}
 .v11.v12 .v11MobileSteps span{font-size:11px!important}
 .v11.v12 .v11MobileSteps b{width:25px!important;height:25px!important}
 .v11.v12.v11ShowingResults .v11Workbench{grid-template-columns:195px minmax(0,1fr)!important}
}
@media(max-width:680px){
 body.v11.v12{font-size:16px!important}
 .v11.v12 .shell,.v11.v12 .v11HeroInner,.v11.v12 main.shell.v11Main{width:calc(100% - 20px)!important}
 .v11.v12 nav.shell{height:60px!important;min-height:60px!important}
 .v11.v12 .brand{font-size:35px!important}
 .v11.v12 .v11Hero{height:98px!important;min-height:98px!important;background-position:center,right center!important}
 .v11.v12 .v11HeroInner{height:98px!important;min-height:98px!important}
 .v11.v12 .v11Headline{margin-top:14px!important}
 .v11.v12 .v11Headline h1{font-size:29px!important;line-height:1.02!important;letter-spacing:-1px!important}
 .v11.v12 main.shell.v11Main{margin:-7px auto 0!important;padding-bottom:15px!important}
 .v11.v12 #searchView>.panel{border-radius:16px!important}
 .v11.v12 .v11Flow{display:flex!important;flex-direction:column!important}
 .v11.v12 .v11MobileSteps{padding:8px 4px!important;gap:0!important}
 .v11.v12 .v11MobileSteps b{width:23px!important;height:23px!important;font-size:13px!important}
 .v11.v12 .v11MobileSteps span{font-size:10px!important;white-space:normal!important}
 .v11.v12 .v11PhotoPane,.v11.v12 .v11LettersPane{padding:13px 14px!important}
 .v11.v12 .v11PhotoPane{border-right:0!important;border-bottom:1px solid #e0cfc0!important}
 .v11.v12 .v11PaneHeading{margin-bottom:8px!important}
 .v11.v12 #searchView .v11PaneHeading h2{font-size:18px!important}
 .v11.v12 .v11PaneHeading p{font-size:13px!important}
 .v11.v12 .v11PhotoFrame{height:106px!important}
 .v11.v12 .v11PhotoActions{margin-top:7px!important;gap:8px!important}
 .v11.v12 .v11PhotoButton{min-height:44px!important;font-size:13px!important;padding:9px 5px!important}
 .v11.v12 #searchView .formline{margin-bottom:10px!important}
 .v11.v12 #searchView .selectbox .label{font-size:13px!important;max-width:125px!important}
 .v11.v12 #length{min-width:110px!important;font-size:16px!important}
 .v11.v12 #searchView .tol{font-size:11px!important}
 .v11.v12 #searchView .cells{grid-template-columns:repeat(var(--v12-cols,4),minmax(0,1fr))!important;gap:7px!important}
 .v11.v12 #searchView .cell{height:46px!important;font-size:21px!important}
 .v11.v12 #searchView .segnoDoubt{width:30px!important;height:30px!important}
 .v11.v12 #searchView .cellNum{font-size:11px!important}
 .v11.v12 #searchView .v11SlotsBox .label{font-size:14px!important}
 .v11.v12 #searchView .segnoDoubtHelp{font-size:12px!important;margin-top:7px!important}
 .v11.v12 .v11NameAnchor{margin-top:7px!important;padding-top:10px!important}
 .v11.v12 #initial{height:44px!important;min-width:105px!important}
 .v11.v12 #searchView .submit{min-height:52px!important;height:52px!important;margin-top:12px!important;font-size:17px!important}
 .v11.v12 #searchView>.catalog.v11CatalogStrip{padding:12px 15px!important;gap:10px!important}
 .v11.v12 #searchView>.catalog.v11CatalogStrip b{font-size:13px!important}
 .v11.v12 #searchView>.catalog.v11CatalogStrip .muted{font-size:12px!important}
 .v11.v12 .v11CatalogStrip button{font-size:12px!important}
 .v11.v12 .v11MobileHelpers{margin:7px 0!important}
 .v11.v12 .v11HowBtn{min-height:48px!important}
 .v11.v12.v11ShowingResults .v11Hero{display:none!important}
 .v11.v12.v11ShowingResults main.shell.v11Main{margin:10px auto 0!important}
 .v11.v12.v11ShowingResults .v11Workbench{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important}
 .v11.v12 .v11QuerySummary{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:11px 12px!important;position:static!important}
 .v11.v12 .v11QueryTitle{font-size:14px!important;margin:0!important}
 .v11.v12 .v11QueryKicker,.v11.v12 .v11QueryInitial{display:none!important}
 .v11.v12 .v11QueryPattern{font-size:19px!important;margin:0!important;letter-spacing:.09em!important}
 .v11.v12 .v11QueryPhoto{display:none!important}
 .v11.v12 .v11EditSearch{min-height:40px!important;width:auto!important;margin-left:auto!important;padding:8px 11px!important;font-size:13px!important}
 .v11.v12 .v11QueryTitle{display:none!important}
 .v11.v12 .segnoResultsHeadline h2{font-size:27px!important}
 .v11.v12 .segnoResultsHeadline #resultTitle{font-size:13px!important}
 .v11.v12 .segnoResultsHeadline{display:flex!important;align-items:baseline!important;gap:9px!important}
 .v11.v12 #resultInfo{display:none!important}
 .v11.v12 .segnoFilterDetails{margin:7px 0 14px!important}
 .v11.v12 .segnoNearTitle{font-size:20px!important}
 .v11.v12 .segnoNearSubtitle{font-size:12px!important}
 .v11.v12 .segnoArtistName{font-size:21px!important}
 .v11.v12 .segnoMatchReason{font-size:12px!important}
 .v11.v12 .segnoMatchBadge{font-size:10px!important}
 .v11.v12 .drawer{width:100vw!important;max-width:100vw!important;min-width:0!important;height:100dvh!important;max-height:100dvh!important;inset:0 0 0 auto!important;border-radius:0!important}
 .v11.v12 .drawerTop{padding:15px 18px!important}
 .v11.v12 .drawerBody{padding:16px 18px 25px!important}
 .v11.v12 .drawer h3{font-size:31px!important}
 .v11.v12 .drawer .links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .v11.v12 .drawer .links a:last-child{grid-column:1/-1}
 .v11.v12 footer{padding:20px 0 30px!important}
}
@media(prefers-reduced-motion:reduce){.v12 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Accessible in-app mobile option picker; native select retained for non-touch and desktop. */
.v12OptionBackdrop{position:fixed;inset:0;z-index:3000;background:#17120fcc;display:flex;align-items:flex-end;justify-content:center}
.v12OptionSheet{background:#fff9f2;border-radius:20px 20px 0 0;width:100%;max-width:580px;max-height:min(78dvh,670px);overflow:auto;box-shadow:0 -10px 35px #0003;padding:16px 18px max(18px,env(safe-area-inset-bottom))}
.v12OptionHead{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:6px}
.v12OptionHead h3{margin:0;font:600 22px Georgia,serif}
.v12OptionClose{background:none;border:0;min-width:46px;min-height:46px;font-size:25px;color:#3e2e2a}
.v12OptionItem{display:flex;width:100%;padding:15px 10px;justify-content:space-between;gap:15px;text-align:left;align-items:center;border:0;border-bottom:1px solid #eadbd0;background:none;color:#352824;font-size:17px!important;min-height:54px}
.v12OptionItem.is-selected{color:#7a112a;font-weight:750}
.v12OptionItem.is-selected:after{content:'✓';font-size:20px}
@media(max-width:680px){.v11.v12 .v12DrawerCompare{padding:12px!important}.v11.v12 .drawer .segnoSignatureHelp{font-size:12px!important}}
/* Local HTTP cannot use Cache Storage: show a neutral status, never a broken green download strip. */
.v11.v12 #searchView>.catalog.v11CatalogStrip.v12OfflineLimited{background:#f7eee4!important;color:#433a34!important;border:1px solid #ded1c2!important;box-shadow:none!important}
.v11.v12 #searchView>.catalog.v11CatalogStrip.v12OfflineLimited b{color:#362d28!important}
.v11.v12 #searchView>.catalog.v11CatalogStrip.v12OfflineLimited .muted{color:#685d55!important}