/* Check The Tag 04 — field-guide identity / app enhancements. All assets local. */
:root{--ink:#1b2130;--ink-soft:#30364b;--paper:#f7f5f0;--white:#fffdf7;--border:#d8d9d4;--blue:#414fc6;--lime:#d8ed8e;--lime-pale:#f0f5dd;--peach:#f3dfd2;--danger:#ad3c31;--shadow:0 16px 52px #1a233016}
body{background:var(--paper);color:var(--ink)}
.announcement{background:#202438;color:#fff9ea;min-height:34px}
.announcement-left i{background:#d8ed8e;box-shadow:0 0 0 4px #d8ed8e29}
.announcement-divider{color:#d8ed8e}
.site-header{border-color:#d6d8d1;height:80px}.brand-mark{background:#d8ed8e;border-color:#212638;box-shadow:3px 3px 0 #d9dcd1;border-radius:0}
.brand-point{color:#4953cc}.main-nav a{font-size:12px;color:#43485b}.main-nav a:hover{color:#343dab}
.header-cta{background:#242944;border-radius:3px}.header-cta:hover{background:#424cc7}.round-arrow{background:#d8ed8e;border-radius:0}.install-btn{border-radius:0}
.hero{display:none}
.v4-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3.4vw,55px);padding-top:35px;padding-bottom:25px}
.v4-hero-main{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:16px 0 20px}
.v4-edition{display:flex;gap:10px;align-items:center;color:#525bd0;font-size:11px;font-weight:900;letter-spacing:.16em;max-width:700px}
.v4-edition .cross-star{font-size:25px;color:#4b53ca;font-weight:400;line-height:1}.edition-right{margin-left:auto;color:#868791}
.v4-hero h1{font-family:Arial,'Helvetica Neue',sans-serif;font-size:clamp(57px,6.1vw,108px);line-height:.99;letter-spacing:-.087em;font-weight:900;max-width:850px;margin:22px 0 22px}
.v4-hero h1 i{font-family:Georgia,'Iowan Old Style',serif;font-size:1.07em;line-height:.98;font-weight:400;letter-spacing:-.095em;color:#424cc7}
.period{color:#f18557}
.v4-hero-lead{font-size:clamp(16px,1.15vw,19px);line-height:1.55;color:#565b66;max-width:650px;margin:0 0 24px}.v4-hero-lead strong{color:#1b2130;font-weight:750}
.v4-lookup{width:100%;max-width:720px;background:#fffdf8;border:1.5px solid #2a2e47;box-shadow:7px 7px 0 #c9d0d1;position:relative}
.lookup-top{display:flex;justify-content:space-between;gap:16px;padding:12px 17px;border-bottom:1px solid #d8d9d5;color:#51576a;font-size:10px;letter-spacing:.14em;font-weight:850}
.lookup-top span:first-child{display:flex;align-items:center;gap:7px}.lookup-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#4e5ecc}
.lookup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px}
.lookup-form input{width:100%;min-width:0;border:1px solid #d4d6d9;background:#faf9f4;border-radius:2px;padding:15px 15px 15px 17px;outline-offset:2px;color:#252a38;font-size:15px}
.lookup-form input::placeholder{color:#838792}.lookup-form input:focus{border-color:#4b56c5;box-shadow:0 0 0 3px #4b56c525}
.lookup-form button{border:0;background:#20273f;color:#fff;padding:0 20px;font-weight:800;font-size:13px;white-space:nowrap}.lookup-form button:hover{background:#3e49bc}.lookup-form button span{color:#d8ed8e;margin-left:13px}
.lookup-help{padding:0 14px 14px;display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:#666d77;font-size:11px}.lookup-example{background:#f0f1ea;border:1px solid #e0e2de;color:#3c4052;font-size:10px;font-weight:700;padding:7px 9px;border-radius:2px}.lookup-example:hover{background:#e4ebca}
.lookup-results{border-top:1px solid #d8d9d5;padding:11px 13px 13px;min-height:74px;background:#f9f8f3}.lookup-results p{font-size:11px;color:#737783;margin:0 0 9px}
.lookup-hot{display:flex;flex-wrap:wrap;gap:6px}.lookup-hot a{font-size:11px;border-bottom:1px solid #adb3be;text-decoration:none;color:#3c4354;font-weight:700;padding:4px 5px}.lookup-hot a:hover{color:#343bae}
.lookup-match{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid #dbddd9;background:#fff;min-height:75px;text-decoration:none;margin-bottom:7px;transition:transform .18s,border-color .18s}.lookup-match:hover{border-color:#5560c3;transform:translateX(2px)}
.lookup-match img{height:45px;width:45px;object-fit:contain;flex:none;background:#f0f1ea;padding:5px}.lookup-match strong,.lookup-match small{display:block}.lookup-match strong{font-size:13px;color:#232945}.lookup-match small{font-size:11px;color:#6a6e78;margin-top:3px;line-height:1.35}.lookup-match .match-arrow{margin-left:auto;color:#414fc6}
.v4-below-lookup{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.v4-hero-primary{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:13px 15px 13px 20px;background:#d8ed8e;color:#202438;font-weight:850;text-decoration:none;font-size:13px;border:1px solid #232a35}.v4-hero-primary span{font-size:18px}.v4-hero-primary:hover{background:#c4e66d}
.v4-hero-secondary{font-size:12px;font-weight:800;color:#454fc0;border-bottom:1px solid #454fc0;text-decoration:none;padding-bottom:4px}
.v4-stamp-row{border-top:1px solid #d7d8d1;margin-top:25px;display:flex;justify-content:space-between;gap:15px;padding-top:13px;font-size:9px;letter-spacing:.16em;color:#7a7f80;font-weight:900}
.v4-hero-art{min-width:0;display:flex;flex-direction:column;background:#202d65;border:1px solid #2b324e;min-height:660px;box-shadow:12px 12px 0 #e0e0d9}
.v4-art-cap{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f7f8ed;background:#1e2440;padding:0 20px;font-size:10px;font-weight:800;letter-spacing:.13em}
.v4-satin-window{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:34px 16px;background:linear-gradient(165deg,#4754a98c,#1f2a69cc),url('/assets/satin-blue.webp') center/cover no-repeat;overflow:hidden}
.v4-satin-window:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(30deg,transparent 0 28px,#ffffff08 29px 30px);pointer-events:none}
.v4-vertical{position:absolute;left:12px;top:23px;writing-mode:vertical-rl;color:#fff9ee;font-size:9px;letter-spacing:.15em;font-weight:850;opacity:.8}
.v4-tag-overlay{width:min(80%,450px);background:#fffdf3;border:1px solid #d0d0c7;box-shadow:20px 24px 0 #101f4240,15px 28px 55px #131d3b72;transform:rotate(-5deg);padding:26px;position:relative}
.v4-tag-overlay:after{content:"";position:absolute;inset:7px;border:1px dashed #c6c7b9;pointer-events:none}
.v4-tag-corner{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#303747}.v4-tag-rule{height:1px;background:#333b4d;display:block;margin:23px 0}
.v4-tag-symbol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v4-tag-symbol svg{width:100%;height:auto;max-height:116px;padding:18px;border:1px solid #deddd2;background:#f7f6ef;color:#1b2130}
.v4-tag-warn{display:block;font-size:clamp(15px,1.8vw,27px);font-weight:900;letter-spacing:-.045em;line-height:1.1;margin:22px 0 10px}.v4-tag-small{font-size:12px;line-height:1.5;color:#676b73;display:block;max-width:340px}
.v4-art-bottom{background:#1e2440;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px 23px;gap:10px}.v4-art-bottom div span{display:block;color:#c8cee3;font-size:9px;font-weight:800;letter-spacing:.16em;margin-bottom:4px}.v4-art-bottom strong{font-family:Georgia,serif;font-size:clamp(16px,1.6vw,23px);font-weight:400}.v4-art-bottom a{width:44px;height:44px;background:#d8ed8e;color:#20283a;display:grid;place-items:center;font-size:22px;text-decoration:none}
.v4-value-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:17px;margin-bottom:36px;border:1px solid #d3d6d1}
.v4-value-nav a{padding:22px 20px;min-height:154px;display:flex;flex-direction:column;position:relative;text-decoration:none;border-right:1px solid #d3d6d1;background:#fffdf7;transition:background .2s}.v4-value-nav a:last-child{border-right:0}.v4-value-nav a:hover{background:#eff2df}
.v4-value-nav span{font-size:10px;font-weight:850;color:#535d83;letter-spacing:.13em}.v4-value-nav strong{font-size:20px;letter-spacing:-.04em;margin:22px 0 6px}.v4-value-nav small{font-size:11px;color:#697074}.v4-value-nav b{position:absolute;right:17px;top:17px;font-size:18px;color:#404bbb}
.v4-photo-row{border:1px solid #d9d9d2;border-top:4px solid #3e4baf;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;padding:24px 29px;margin-bottom:50px;background:#f0efe8}.v4-photo-row h2{font-size:clamp(25px,2.5vw,37px);line-height:1.14;letter-spacing:-.055em;margin:9px 0}.v4-photo-row h2 em{font-family:Georgia,serif;font-weight:400;color:#424ec3}.v4-photo-row p:not(.eyebrow){color:#5b6470;font-size:13px;line-height:1.65;max-width:550px}.v4-photo-row p strong{color:#242a3b}
.photo-assist{background:#fffdf6;border:1px solid #d7d7cf;padding:0}.photo-assist>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-weight:850;font-size:13px;color:#263157}.photo-assist>summary::-webkit-details-marker{display:none}.photo-assist>summary:hover{background:#edf0df}.photo-assist>summary span{font-size:18px;color:#4450c1}.photo-assist-body{border-top:1px solid #d9dbd4;padding:16px}.photo-file{display:block;background:#e1e8c2;border:1px dashed #818f6f;padding:12px;font-weight:800;cursor:pointer;font-size:12px}.photo-file input{display:block;width:100%;margin-top:7px;font-size:12px}.photo-stage{height:220px;margin:12px 0;background:repeating-conic-gradient(#e0e0da 0 25%,#f4f2ea 0 50%) 50%/18px 18px;display:grid;place-items:center;overflow:hidden}.photo-stage img{max-height:80%;max-width:80%;object-fit:contain;transition:transform .2s,filter .2s}.photo-tools{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:center}.photo-tools label{font-size:11px;color:#606774;font-weight:750}.photo-tools input{display:block;width:100%;accent-color:#4353c5}.photo-tools button{padding:9px 8px;border:1px solid #bbc0c6;background:#fff;font-size:11px;font-weight:750}.photo-tools button:hover{background:#e8ecdc}.photo-assist-body>small{display:block;margin-top:10px;color:#787d83}
.v4-editorial-index{padding:60px 0 38px}.v4-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v4-editorial-grid a{padding:25px 24px;background:#fdfaf0;text-decoration:none;border:1px solid #d8dbd2;display:flex;flex-direction:column;min-height:185px;position:relative;transition:transform .2s,border-color .2s}.v4-editorial-grid a:hover{transform:translateY(-4px);border-color:#4b56c6}.v4-editorial-grid span{font-size:10px;letter-spacing:.15em;color:#444fc1;font-weight:850}.v4-editorial-grid strong{font-size:21px;letter-spacing:-.04em;line-height:1.2;margin:28px 0 10px}.v4-editorial-grid small{font-size:12px;color:#767981}.v4-editorial-grid b{position:absolute;right:20px;top:20px;color:#424ec3}
.v4-inline-index{margin:24px 0 0}.v4-inline-index a{padding:14px 18px;display:inline-block;background:#dce7b3;font-size:13px;font-weight:850;text-decoration:none;color:#243042}.v4-inline-index a:hover{background:#c4dc8a}
/* Retain tested decoder mechanics; make the field guide feel like one coherent product. */
.decode-section{background:#e9e9e6;border-top:1px solid #dadbd5}.decode-heading h2 em,.library-heading h2 em,.method-header h2 em,.faq-title h2 em,.section-heading h2 em{color:#4852c0}
.eyebrow{color:#414dc0}.studio-panel{box-shadow:none}.result-panel{background:#202640}.result-top{background:#11172c}.result-actions .result-primary{background:#d8ed8e}
.library-card:hover,.symbol-option:hover{border-color:#4b57c4}.symbol-option.selected{border-color:#4553bb}
.brand,.main-nav,.header-actions{min-width:0}
.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-links{display:flex;flex-direction:column;gap:12px}
@media(max-width:1170px){.main-nav{gap:15px}.main-nav a{font-size:11px}.v4-hero{grid-template-columns:1fr .91fr}.v4-hero h1{font-size:clamp(55px,6vw,78px)}.v4-hero-art{min-height:620px}.v4-tag-overlay{width:84%;padding:17px}.v4-tag-symbol svg{padding:10px}.v4-value-nav strong{font-size:17px}}
@media(max-width:900px){.site-header{height:auto;min-height:75px;flex-wrap:wrap;padding:12px 0;gap:10px}.main-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:5px;gap:18px;display:flex!important;scrollbar-width:thin}.main-nav a{font-size:12px}.v4-hero{grid-template-columns:1fr;gap:20px;padding-top:22px}.v4-hero-main{padding:10px 0}.v4-hero h1{font-size:clamp(60px,10.5vw,95px);max-width:790px}.v4-hero-art{min-height:560px;max-height:650px}.v4-tag-overlay{width:min(77%,420px)}.v4-value-nav{grid-template-columns:1fr 1fr}.v4-value-nav a:nth-child(2){border-right:0}.v4-value-nav a:nth-child(-n+2){border-bottom:1px solid #d3d6d1}.v4-photo-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shell{width:calc(100% - 34px)}.announcement{padding:8px 17px}.announcement-right{display:none}.site-header{padding:10px 0}.brand-type{font-size:22px}.brand-mark{height:38px;width:38px}.brand-mark svg{height:24px;width:24px}.header-cta{font-size:10px;padding-left:10px;gap:8px}.header-cta>span:first-child{display:inline!important}.round-arrow{height:30px;width:30px}.install-btn{font-size:10px}.main-nav{gap:16px}.main-nav a{font-size:11px}.v4-hero h1{font-size:clamp(54px,12vw,70px);margin:15px 0 16px}.v4-edition{font-size:9px}.v4-hero-lead{font-size:15px;line-height:1.53}.lookup-top{padding:10px;font-size:8px}.lookup-top span:last-child{display:none}.lookup-form{grid-template-columns:1fr;gap:7px;padding:10px}.lookup-form input{padding:14px;font-size:14px}.lookup-form button{padding:13px;display:flex;justify-content:space-between}.lookup-help{padding:0 10px 12px}.v4-below-lookup{margin-top:18px;gap:15px}.v4-hero-art{min-height:410px;max-height:450px;box-shadow:6px 6px 0 #e0e0d9}.v4-art-cap{min-height:38px;font-size:8px;padding:0 13px}.v4-art-cap span:last-child{display:none}.v4-satin-window{padding:18px 10px}.v4-tag-overlay{width:78%;padding:16px}.v4-tag-corner{font-size:8px}.v4-tag-rule{margin:10px 0}.v4-tag-symbol{gap:7px}.v4-tag-symbol svg{padding:6px;max-height:80px}.v4-tag-warn{font-size:17px;margin:12px 0 7px}.v4-tag-small{font-size:10px}.v4-art-bottom{padding:12px 15px}.v4-art-bottom strong{font-size:15px}.v4-art-bottom a{height:36px;width:36px}.v4-value-nav{margin-top:14px;margin-bottom:22px}.v4-value-nav a{padding:15px 12px;min-height:141px}.v4-value-nav strong{font-size:15px;margin:18px 0 6px}.v4-value-nav span{font-size:8px}.v4-value-nav small{font-size:10px}.v4-value-nav b{top:9px;right:8px}.v4-photo-row{padding:18px 15px;margin-bottom:25px}.v4-photo-row h2{font-size:27px}.photo-tools{grid-template-columns:1fr}.v4-editorial-index{padding:33px 0 23px}.v4-editorial-grid{grid-template-columns:1fr}.v4-editorial-grid a{min-height:130px;padding:16px}.v4-editorial-grid strong{margin:12px 0 7px;font-size:19px}.footer-main{grid-template-columns:1fr}.v4-stamp-row{font-size:7px}.v4-vertical{font-size:7px;left:7px}}
@media(max-width:350px){.v4-hero h1{font-size:49px}.v4-hero-art{min-height:370px}.v4-tag-overlay{width:82%}}
@media(prefers-reduced-motion:reduce){.v4-tag-overlay{transition:none}.lookup-match:hover{transform:none}}
@media print{.v4-hero,.v4-value-nav,.v4-photo-row,.v4-editorial-index{display:none!important}}

@media(max-width:370px){.brand-type{font-size:19px}.brand-mark{height:34px;width:34px}.header-cta{padding-left:7px;font-size:9px;gap:5px}.round-arrow{width:27px;height:27px}}