.chip{transition:all .15s ease}.chip.selected{border-color:#1e40af;background:#eff6ff;box-shadow:0 0 0 2px #1e40af;color:#1e3a8a}.pj-size{display:flex;align-items:center;gap:.5rem;font-size:.875rem;flex:1 1 100%}@media(min-width:1024px){.pj-size{flex:0 0 auto}}.pj-size__label{color:#475569;white-space:nowrap}.pj-size__field{display:inline-flex;align-items:center;gap:.25rem;border:1px solid #cbd5e1;border-radius:.75rem;padding:.15rem .5rem .15rem .6rem;background:#fff}.pj-size__field:focus-within{border-color:#1e40af;box-shadow:0 0 0 2px #bfdbfe}.pj-size__field input{width:4.5rem;border:0;outline:none;padding:.35rem 0;font-size:.875rem;font-weight:600;color:#1e3a8a;background:transparent}.pj-size__unit{color:#64748b;font-size:.8125rem}.pj-size__clear{border:1px solid #cbd5e1;border-radius:999px;padding:.3rem .75rem;font-size:.8125rem;color:#1e3a8a;background:#f8fafc}.pj-size__clear:hover{background:#eff6ff;border-color:#1e40af}.pj-pick{display:flex;align-items:center;gap:.5rem;font-size:.875rem;flex:1 1 100%}@media(min-width:1024px){.pj-pick{flex:0 0 auto}}.pj-pick__box{position:relative;display:inline-flex;align-items:center}.pj-pick__sel{width:13rem;max-width:60vw;border:1px solid #cbd5e1;border-radius:.75rem;padding:.4rem 1.8rem .4rem .7rem;background:#fff;font-size:.875rem;font-weight:600;color:#1e3a8a}.pj-pick__sel::placeholder{color:#94a3b8;font-weight:400}.pj-pick__sel:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 2px #bfdbfe}.pj-pick__clear{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#e2e8f0;color:#475569;font-size:1rem;line-height:1;cursor:pointer}.pj-pick__clear:hover{background:#cbd5e1}.pj-pick__list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;margin:0;padding:.25rem;list-style:none;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem;box-shadow:0 10px 24px -8px #0f172a4d}.pj-pick__opt{padding:.45rem .6rem;border-radius:.5rem;font-size:.875rem;color:#1e293b;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-pick__opt:hover{background:#eff6ff;color:#1e3a8a}.pj-pick__empty{padding:.45rem .6rem;font-size:.8125rem;color:#94a3b8}.pj-diagname{margin:0 0 6px;min-height:18px;font-size:13px;font-weight:700;color:#1e3a8a;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.pj-diagname{font-size:12px;min-height:16px;line-height:16px}}#diagram{touch-action:none;display:block}#diagram text{font-family:ui-sans-serif,system-ui,sans-serif}#diagram [data-h]{cursor:grab}#diagram [data-h]:focus-visible,#diagram [data-bubble]:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}#diagram.dragging,#diagram.dragging [data-h]{cursor:grabbing}#diagram [data-bubble]{cursor:pointer}#waBtn.pj-wa{width:100%;justify-content:center;border:0;cursor:pointer}#diagram:empty{aspect-ratio:1 / 1.03}#bestCard:empty{min-height:534px}#altCards:empty{min-height:500px}#summary:empty{min-height:252px}@media(max-width:639px){#pj-controls.hidden:empty{display:block;min-height:242px}}#warnBox:empty{display:none}.pj-media{margin:0 0 13px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#eef2f7);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0f172a0d;overflow:hidden}.pj-media>img{display:block;width:100%;height:250px;object-fit:contain;padding:12px}.pj-media--icon{display:flex;align-items:center;justify-content:center;padding:22px}.pj-media--icon svg{width:60%;max-width:230px;height:auto;filter:drop-shadow(0 8px 14px rgba(15,23,42,.18))}.pj-media__main img{display:block;width:100%;height:250px;object-fit:contain;padding:12px}.pj-media__strip{display:flex;gap:6px;padding:8px;background:#ffffff8c;border-top:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:thin}.pj-thumb{flex:0 0 auto;width:48px;height:40px;padding:2px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .12s,box-shadow .12s}.pj-thumb img{width:100%;height:100%;object-fit:contain}.pj-thumb.is-active{border-color:#2563eb;box-shadow:0 0 0 2px #bfdbfe}.pj-altrow{display:flex;gap:12px;align-items:flex-start}.pj-altrow__body{flex:1;min-width:0}.pj-thumbimg{flex:0 0 76px;width:76px;height:76px;border:1px solid #e2e8f0;border-radius:10px;background:linear-gradient(180deg,#f8fafc,#eef2f7);display:flex;align-items:center;justify-content:center;overflow:hidden}.pj-thumbimg img{width:100%;height:100%;object-fit:contain;padding:6px}.pj-thumbimg--icon svg{width:82%;height:auto}.pj-buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;text-decoration:none;color:#fff;background:#1e3a8a;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.2;transition:background .12s}.pj-buy:hover{background:#1e40af}.pj-buy--block{display:flex;width:100%;margin-top:12px}.pj-buy--sm{padding:7px 12px;font-size:12px;border-radius:999px}:root{--pj-header-h: 65px}@media(min-width:768px){#pj-grid{--pj-diag-top: 330px;grid-template-columns:minmax(0,var(--pj-diag-col)) minmax(0,1fr);--pj-diag-col: max(420px, min(62%, calc((100vh - var(--pj-diag-top) - 130px) / .8743 + 56px)))}#pj-left{position:sticky;top:calc(var(--pj-header-h) + 12px);align-self:start;z-index:2}}@media(min-width:1024px){#pj-grid{--pj-diag-top: 350px}.pj-head{display:flex;align-items:baseline;gap:1.25rem;flex-wrap:wrap}.pj-head h1,.pj-head__sub{margin:0}}@media(max-width:767px){:root{--pj-header-h: 61px}#pj-left{display:contents}#pj-diagcard{position:sticky;top:var(--pj-header-h);z-index:3;align-self:start;margin-inline:-4px;padding:.25rem .75rem;box-shadow:0 6px 14px -10px #0a254059}#diagram{touch-action:pan-y}#diagram [data-h],#diagram [data-bubble]{touch-action:none}#pj-diagcard .pj-diaghead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}#pj-diagcard .pj-key{margin-top:.25rem;font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj-head h1{margin-bottom:.25rem}}.pj-key__short{display:none}@media(max-width:479px){.pj-key__long{display:none}.pj-key__short{display:inline}}@media(max-width:639px){.pj-bar{gap:.5rem;padding:.5rem}#placeBar,#lightBar{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}#placeBar::-webkit-scrollbar,#lightBar::-webkit-scrollbar{display:none}#placeBar .chip,#lightBar .chip{white-space:nowrap;flex:none;padding:.375rem .625rem}}.pj-learn{padding:3rem 0 3.5rem;margin-top:2rem;background:var(--surface, #fff);border-top:1px solid var(--line, #e5e7eb)}.pj-learn h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0 0 1rem}.pj-lead{max-width:70ch;font-size:1.0625rem;line-height:1.6;color:var(--muted);margin:0}.pj-note{max-width:70ch;margin:2rem 0 0;font-size:.9375rem;color:var(--muted)}.pj-faq-title{margin-top:3rem!important}.pj-faq{max-width:820px}.pj-faq details>p{margin:0 0 .75rem;line-height:1.6}.pj-faq details>p:last-child{padding-bottom:18px;margin-bottom:0}.pj-faq a,.pj-related a{color:var(--teal-deep);text-decoration:underline;text-underline-offset:3px}.pj-related{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:2.25rem 0 0;font-size:.9375rem}.pj-updated{margin:1.5rem 0 0;color:var(--muted);font-size:.8125rem}#pj-controls .pj-row{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .25rem;border-radius:.5rem}#pj-controls .pj-row+.pj-row{border-top:1px solid #f1f5f9}#pj-controls .pj-row.is-active{background:#eff6ff;box-shadow:inset 0 0 0 1px #bfdbfe}#pj-controls .pj-row__label{flex:1 1 auto;font-size:.875rem;color:#334155}#pj-controls .pj-row__val{min-width:4.5rem;text-align:center;font-size:.875rem;font-weight:600;color:#1e3a8a;border:1px solid #cbd5e1;border-radius:.5rem;padding:.35rem .5rem;background:#fff}#pj-controls .pj-row__steps{display:flex;gap:.375rem}#pj-controls .pj-step{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;border:1px solid #cbd5e1;border-radius:.5rem;background:#f8fafc;color:#1e3a8a}#pj-controls .pj-step:active{background:#e2e8f0}#pj-controls .pj-step--off{color:#cbd5e1;border-color:transparent;background:transparent;width:44px;height:44px}