.za-level{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-ui);font-weight:var(--w-strong);line-height:1.35}.za-meter{display:inline-flex;gap:3px;flex:none}.za-meter i{width:6px;height:14px;background:var(--line-strong)}.za-meter i.is-on{background:var(--n-900)}.za-level{color:var(--n-900)}.za-tool__grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.za-ladder{min-width:0;margin:0;padding:0;border:0}@media (min-width: 901px){.za-ladder{position:sticky;top:96px}}.public-ui .za-ladder__title{float:left;width:100%;margin:0 0 18px;padding:0;font-size:var(--t-h2);font-weight:var(--w-strong);line-height:1.14;letter-spacing:-.03em;color:var(--surface)}.za-ladder__title+*{clear:both}.za-rung{position:relative;padding:14px 0 16px;border-top:1px solid var(--dark-line)}.za-rung__label{margin:0 0 10px}.za-ladder .za-level{color:var(--on-ink)}.za-ladder .za-meter i{background:var(--dark-line)}.za-ladder .za-meter i.is-on{background:var(--on-ink)}.za-panel .pu-link{color:var(--green-text)}.public-ui .za-panel .pf-action,.public-ui .za-panel .pf-action>span:not(.pf-action__icon){color:var(--n-900)}.za-panel .pf-action{color:var(--n-900)}.za-panel .pf-action__icon{color:var(--green-text)}.za-rung__options{display:flex;flex-wrap:wrap;gap:8px}.za-option{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid var(--dark-btn-line);border-radius:var(--r-sm);color:var(--dark-text);font-size:var(--t-ui);font-weight:var(--w-strong);line-height:1.3;cursor:pointer;transition:background var(--dur-1) ease,border-color var(--dur-1) ease,color var(--dur-1) ease,transform var(--dur-1) var(--ease-out)}.za-option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.za-option:has(input:focus-visible){outline:3px solid var(--mint);outline-offset:3px}.za-option:active{transform:scale(.97)}.za-option[data-checked=true]{border-color:var(--surface);background:var(--surface);color:var(--n-900)}@media (hover: hover) and (pointer: fine){.za-option:not([data-checked=true]):hover{border-color:var(--dark-muted);color:var(--surface)}}.za-panel{min-width:0;border-radius:var(--r-md);background:var(--surface);color:var(--n-900)}.za-panel__body{padding:clamp(22px,3vw,34px)}.public-ui .za-panel__name,.public-ui .guide-page .za-panel__name{margin:0;font-size:var(--t-h2);font-weight:var(--w-strong);line-height:1.15;letter-spacing:-.025em;color:var(--n-900)}.za-panel__level{margin:10px 0 0}.public-ui .za-panel__h3{margin:22px 0 8px;font-size:var(--t-body);font-weight:var(--w-strong);letter-spacing:-.01em;color:var(--n-900)}.za-panel__text{margin:0;font-size:var(--t-ui);line-height:1.6;color:var(--n-700)}.za-panel__more{margin:10px 0 0}.za-panel__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.za-panel__source{flex:1 1 260px;margin:0;font-size:var(--t-meta);line-height:1.5;color:var(--n-600)}.za-panel__source a{color:var(--green-text);text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}.za-table th a{color:var(--n-900);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:.22em}@media (hover: hover) and (pointer: fine){.za-table th a:hover{color:var(--green-text);text-decoration-color:currentColor}}.za-table tr[data-selected=true]>*{background:var(--tint)}.za-two{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px clamp(28px,5vw,56px);align-items:start}.za-two__lead{margin:12px 0 0;font-size:var(--t-ui);line-height:1.6;color:var(--n-600)}@media (max-width: 900px){.za-tool__grid,.za-two{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.za-table thead{display:none}.za-table,.za-table tbody,.za-table tr,.za-table th,.za-table td{display:block;width:100%}.za-table tr{padding:12px 0;border-bottom:1px solid var(--line)}.za-table th,.za-table td{padding:2px 0;border:0}.za-table td:before{content:attr(data-label) ": ";font-weight:var(--w-strong);color:var(--n-700)}.za-table tr[data-selected=true]{background:var(--tint);padding-inline:10px}.za-table tr[data-selected=true]>*{background:none;padding-left:0}}.za-panel :is(.pu-list li,.pu-facts dd){color:var(--n-700)}.za-panel .pu-facts>div>dt{color:var(--n-900)}@media (min-width: 901px){.za-two>:first-child{position:sticky;top:calc(var(--header-h) + var(--s-6))}}