.technical-shell{max-width:1060px;margin:auto;padding:2rem 1.25rem 4rem}.technical-shell h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:2rem 0 1rem}.technical-shell h2{font-size:1.5rem;margin:1.4rem 0 .7rem}.technical-shell p{margin:.7rem 0;line-height:1.65}.technical-shell a{color:#126482;text-decoration:underline}.technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.technical-panel{background:#fff;border:1px solid #d5dfeb;border-radius:18px;padding:1.4rem;margin:1.3rem 0}.technical-card{display:block;padding:1.2rem;border:1px solid #d5dfeb;border-radius:16px;background:#fff}.technical-card strong{display:block}.technical-card span{display:block;color:#475569;font-size:1rem;margin-top:.4rem;text-decoration:none}.technical-shell code,.technical-shell pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f8;padding:1rem;border-radius:10px;font-family:monospace}.technical-shell button{background:#0f766e;color:white;border-radius:9px;padding:.6rem 1rem;margin:.5rem .6rem .5rem 0;font-weight:600}.technical-shell label{display:block;margin:.8rem 0 .3rem;font-weight:600}.technical-shell input,.technical-shell textarea{display:block;width:100%;padding:.8rem;border:1px solid #94a3b8;border-radius:8px;font-family:monospace}.technical-shell :focus-visible{outline:3px solid #0891b2;outline-offset:3px}.technical-shell [hidden]{display:none!important}.technical-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;padding:0}.technical-results dt{font-weight:600;margin-top:1rem}.technical-results dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.technical-error{color:#9f1239}.technical-shell ul{list-style:disc;padding-left:1.3rem}.technical-shell .technical-copy{font-size:.9rem}.technical-toolbar{display:flex;flex-wrap:wrap;gap:.3rem}@media(max-width:640px){.technical-grid{grid-template-columns:1fr}.technical-panel{padding:1rem}.technical-shell{padding:1.5rem 1rem}}

.technical-shell .url-anatomy{font-size:clamp(.95rem,1.4vw,1.15rem);line-height:2.1;background:#f8fafc;padding:1rem}.url-anatomy>span{padding:.3rem 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}.url-tone-scheme{background:#dbeafe;color:#1e40af}.url-tone-host{background:#ccfbf1;color:#115e59}.url-tone-port{background:#fef3c7;color:#92400e}.url-tone-path{background:#ede9fe;color:#5b21b6}.url-tone-query{background:#fce7f3;color:#9d174d}.url-tone-fragment{background:#e2e8f0;color:#334155}.url-parts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.url-parts-group{min-width:0;border:1px solid #d5dfeb;border-radius:12px;padding:1rem}.url-parts-group h3{font-size:1.05rem;font-weight:700;margin:0 0 1.1rem}.url-parts-group dt{margin-top:1.1rem;font-weight:600}.url-part-marker{display:inline-block;border-radius:4px;padding:.15rem .4rem}.url-parts-group dd{margin:.5rem 0 0}.technical-shell .url-parts-group code{display:inline-block;padding:.25rem .4rem;font-size:.95rem}.technical-shell .url-parts-group p{font-size:1rem;margin:.5rem 0 0;line-height:1.5}@media(max-width:800px){.url-parts-grid{grid-template-columns:1fr}}

.technical-shell a.technical-card{text-decoration:none}.technical-card strong{text-decoration:underline;text-underline-offset:.15em}.technical-card:hover strong{text-decoration-thickness:2px}.url-parts-grid{grid-template-columns:repeat(var(--example-columns,3),minmax(0,1fr))}@media(max-width:800px){.url-parts-grid{grid-template-columns:1fr}}
