.playground-hero{background:radial-gradient(circle at 80% 22%, #7857f447, transparent 30%), var(--surface-dark);padding-block:clamp(4.5rem,9vw,7.5rem);position:relative;overflow:hidden}.playground-hero:after{content:"";opacity:.12;pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000)}.playground-hero .container{z-index:1;position:relative}.playground-hero h1{max-width:820px;margin-bottom:var(--space-5);color:#fff;font-size:var(--text-h2)}.playground-hero p:not(.eyebrow){color:#ffffffb8;max-width:680px;font-size:var(--text-lg);margin-bottom:0}.playground-nav-shell{top:var(--header-height);z-index:10;border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(16px);background:#fbfcfbf0;position:sticky}.playground-nav{gap:var(--space-2);padding-block:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.playground-nav a{min-height:52px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink-800);font-size:var(--text-sm);text-align:center;justify-content:center;align-items:center;font-weight:750;display:flex}.playground-nav a:hover,.playground-nav a:focus-visible{color:var(--color-brand-600);background:#7857f417}.playground-section{scroll-margin-top:calc(var(--header-height) + 84px)}.playground-section:nth-of-type(2n){background:var(--surface-soft)}.playground-heading{max-width:760px;margin-bottom:var(--space-7)}.playground-heading h2{margin-bottom:var(--space-4);font-size:var(--text-h2)}.playground-heading>p:last-child{font-size:var(--text-lg)}.playground-doc-links{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.playground-doc-links a{align-items:center;min-height:44px;display:inline-flex}.playground-status{align-items:center;gap:var(--space-2);width:fit-content;margin-bottom:var(--space-4);border-radius:var(--radius-pill);color:#06675b;font-size:var(--text-xs);background:#23c9b21f;padding:.35rem .75rem;font-weight:800;display:inline-flex}.playground-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.playground-status.is-paused{color:#755c12;background:#f3efe2}.playground-grid{gap:var(--space-5);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;display:grid}.playground-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-elevated);min-width:0;box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,2rem)}.playground-panel-dark{background:var(--color-ink-950);color:#fff}.playground-panel-dark p{color:#ffffffad}.playground-panel h3{margin-bottom:var(--space-4);font-size:var(--text-h3)}.runtime-notice{min-height:260px;padding:var(--space-6);border:1px dashed var(--color-brand-300);border-radius:var(--radius-lg);text-align:center;background:#7857f40f;align-content:center;display:grid}.runtime-notice strong{margin-bottom:var(--space-3);color:var(--color-ink-950);font-size:var(--text-h3);display:block}.runtime-notice p{margin:0}.playground-form{gap:var(--space-4);display:grid}.playground-field{gap:var(--space-2);display:grid}.playground-field label{color:var(--color-ink-800);font-size:var(--text-sm);font-weight:750}.playground-field input,.playground-field select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:50px;color:var(--color-ink-950);background:#fff;padding:.7rem .9rem}.playground-field input:disabled{background:var(--surface-soft);color:var(--color-ink-600);cursor:not-allowed}.playground-field small{color:var(--color-ink-600)}.playground-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.playground-actions button{border:1px solid var(--color-brand-600);border-radius:var(--radius-pill);background:var(--color-brand-600);color:#fff;cursor:pointer;min-height:48px;padding:.65rem 1.2rem;font-weight:750}.playground-actions button[type=reset]{border-color:var(--border-subtle);color:var(--color-ink-950);background:#fff}.playground-actions button:disabled{opacity:.52;cursor:not-allowed}.playground-message{min-height:1.75rem;margin:var(--space-4) 0 0;color:var(--color-ink-800);font-size:var(--text-sm)}.playground-message[data-kind=error]{color:#a62b25;font-weight:700}.human-results{gap:var(--space-3);margin-bottom:var(--space-5);display:grid}.human-result{padding:var(--space-4);border:1px solid var(--border-dark);border-radius:var(--radius-md);background:#ffffff0d}.human-result strong,.human-result span{display:block}.human-result span{color:#ffffffad;font-size:var(--text-sm)}.json-result{max-height:380px;padding:var(--space-4);border:1px solid var(--border-dark);border-radius:var(--radius-md);color:#d8fff8;font-family:var(--font-mono);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word;background:#07171d;margin:0;line-height:1.65;overflow:auto}.autocomplete-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.autocomplete-fields .playground-field:last-child{grid-column:1/-1}.playground-concept{align-content:center;place-items:center;gap:var(--space-4);text-align:center;min-height:100%;display:grid}.playground-concept span,.playground-concept strong{width:min(100%,320px);padding:var(--space-4);border:1px solid var(--border-dark);border-radius:var(--radius-md);background:#ffffff0d}.playground-concept strong{color:var(--color-accent-400)}.playground-concept i{color:var(--color-brand-300);font-style:normal}.selector-mount postcodejp-address-selector{--pcjp-color-primary:var(--color-brand-600);--pcjp-color-primary-hover:var(--color-brand-500);--pcjp-radius:14px;--pcjp-font-family:var(--font-sans);width:100%;display:block}.search-presets{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-soft)}.search-presets h3{margin-bottom:var(--space-2);font-size:var(--text-h3)}.search-presets p{margin-bottom:var(--space-4)}.search-preset-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-preset-list button,.search-add-condition,.search-request-heading button,.search-pagination button,.search-remove-condition{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);min-height:44px;color:var(--color-ink-800);cursor:pointer;background:#fff;padding:.55rem .9rem;font-weight:750}.search-preset-list button:hover,.search-preset-list button:focus-visible,.search-add-condition:hover,.search-add-condition:focus-visible{border-color:var(--color-brand-500);color:var(--color-brand-600)}.search-playground-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start;display:grid}.search-builder-panel{padding:clamp(1.1rem,2.5vw,1.75rem)}.search-condition-fieldset{border:0;min-width:0;margin:0;padding:0}.search-condition-fieldset legend{margin-bottom:var(--space-3);color:var(--color-ink-950);font-size:var(--text-h3);font-weight:800}.search-condition-head,.search-condition-row{gap:var(--space-2);grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,1fr) auto;align-items:end;display:grid}.search-condition-head{color:var(--color-ink-600);font-size:var(--text-xs);padding-inline:.25rem;font-weight:750}.search-condition-list{gap:var(--space-3);margin-block:var(--space-2) var(--space-3);display:grid}.search-condition-item{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-soft);display:grid}.search-condition-row label,.search-connector{color:var(--color-ink-700);font-size:var(--text-xs);gap:.35rem;font-weight:750;display:grid}.search-condition-row select,.search-condition-row input,.search-connector select{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:48px;color:var(--color-ink-950);background:#fff;padding:.65rem .7rem}.search-connector{width:min(100%,220px)}.search-remove-condition{border-radius:var(--radius-sm);color:#8f2e29}.search-remove-condition:disabled,.search-add-condition:disabled,.search-pagination button:disabled,.search-request-heading button:disabled{opacity:.48;cursor:not-allowed}.search-advanced,.search-return-fields{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff}.search-advanced summary,.search-return-fields summary{min-height:48px;color:var(--color-ink-900);cursor:pointer;align-items:center;padding:.75rem 1rem;font-weight:800;display:flex}.search-advanced>:not(summary),.search-return-fields>:not(summary){margin-inline:var(--space-4)}.search-advanced>:last-child,.search-return-fields>:last-child{margin-bottom:var(--space-4)}.search-options-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.search-fields-mode{gap:var(--space-4);margin-block:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.search-fields-mode label,.search-field-choices label{align-items:center;gap:.5rem;min-height:44px;display:flex}.search-fields-mode input,.search-field-choices input{width:1.1rem;height:1.1rem}.search-field-choices{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.search-limit-field{max-width:180px}.search-request-preview{min-width:0;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#f4f7f8}.search-request-heading{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);align-items:center;display:flex}.search-request-heading h3{font-size:var(--text-h3);margin:0}.search-request-preview>code{max-width:100%;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-ink-950);color:#d8fff8;font-family:var(--font-mono);white-space:nowrap;display:block;overflow-x:auto}.search-request-preview dl{gap:var(--space-2);margin-block:var(--space-3);display:grid}.search-request-preview dl div{gap:var(--space-2);grid-template-columns:84px minmax(0,1fr);display:grid}.search-request-preview dt{color:var(--color-ink-600);font-size:var(--text-sm)}.search-request-preview dd{overflow-wrap:anywhere;min-width:0;margin:0}.search-normalization{padding:var(--space-3);border-left:3px solid var(--color-brand-500);color:var(--color-ink-800);font-size:var(--text-sm);background:#fff}.search-result-panel{min-width:0}.search-result-heading{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);align-items:baseline;display:flex}.search-result-heading h3,.search-result-heading p{margin:0}.search-result-heading p{color:#ffffffad;font-size:var(--text-xs);text-align:right}.human-result dl{gap:var(--space-2);margin:0;display:grid}.human-result dl div{gap:var(--space-3);grid-template-columns:minmax(80px,.4fr) minmax(0,1fr);display:grid}.human-result dt{color:#ffffff9e;font-size:var(--text-xs)}.human-result dd{overflow-wrap:anywhere;margin:0}.search-pagination{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.search-pagination button{border-color:var(--border-dark);color:#fff;background:#ffffff14;flex:1}@media (width<=780px){.playground-nav-shell{position:static}.playground-nav{grid-template-columns:1fr}.playground-nav a{border-radius:var(--radius-sm);justify-content:flex-start}.playground-grid,.search-playground-grid{grid-template-columns:1fr}.search-result-panel{position:static}}@media (width<=520px){.autocomplete-fields{grid-template-columns:1fr}.autocomplete-fields .playground-field:last-child{grid-column:auto}.playground-actions,.playground-actions button{width:100%}.search-preset-list{grid-template-columns:1fr 1fr;display:grid}.search-preset-list button{width:100%}.search-condition-head{display:none}.search-condition-row{grid-template-columns:1fr}.search-condition-row label{font-size:var(--text-sm)}.search-remove-condition{width:100%}.search-options-grid,.search-field-choices{grid-template-columns:1fr}.search-limit-field{max-width:none}.search-request-heading,.search-result-heading{align-items:flex-start}.search-request-heading{flex-direction:column}.search-request-heading button{width:100%}.search-result-heading{flex-direction:column}.search-result-heading p{text-align:left}.human-result dl div{grid-template-columns:1fr;gap:.15rem}}