.d-v3 .d3-browse{flex-direction:column;gap:36px;padding-block:8px 48px;display:flex}.d-v3 .d3-browse-views{border:1px solid var(--d-line2);border-radius:16px;align-self:flex-start;gap:4px;padding:4px;display:flex}.d-v3 .d3-browse-views a{min-block-size:44px;color:var(--d-ink2);border-radius:12px;align-items:center;gap:8px;padding-inline:16px;text-decoration:none;display:inline-flex}.d-v3 .d3-browse-views a[aria-current]{background:var(--d-gold-bg);color:var(--d-gold-ink);font-weight:600}.d-v3 .d3-browse-section{flex-direction:column;gap:18px;display:flex}.d-v3 .d3-browse-section h2{margin-block:0 6px}.d-v3 .d3-browse-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.d-v3 .d3-browse-start{border:1px solid var(--d-line);border-radius:var(--d-r-card);background:var(--d-card-grad);color:var(--d-ink);flex-direction:column;align-self:stretch;gap:12px;padding:24px;text-decoration:none;display:flex}.d-v3 .d3-browse-start p{color:var(--d-ink2);margin:0;line-height:1.6}.d-v3 .d3-browse-start>span{color:var(--d-gold-ink);align-items:center;gap:8px;margin-block-start:auto;font-weight:500;display:inline-flex}.d-v3 .d3-browse-directory-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.d-v3 .d3-browse-directory-head p{margin:0}.d-v3 .d3-browse-search{flex:0 420px;align-items:center;gap:10px;min-block-size:48px;min-inline-size:0;padding-inline:14px;display:flex}.d-v3 .d3-browse-search input{inline-size:100%;min-inline-size:0;color:var(--d-ink);font:inherit;background:0 0;border:0;padding-block:12px}.d-v3 .d3-browse-search:focus-within{outline:2px solid var(--d-gold);outline-offset:3px}.d-v3 .d3-browse-domain{border:1px solid var(--d-line2);border-radius:var(--d-r-card);background:var(--d-card);min-inline-size:0;padding:20px}.d-v3 .d3-browse-domain h3{margin-block:0 14px;line-height:1.6}.d-v3 .d3-browse-domain ul{margin:0;padding:0;list-style:none}.d-v3 .d3-browse-domain li+li{border-block-start:1px solid var(--d-line2)}.d-v3 .d3-browse-domain a{min-block-size:48px;color:var(--d-ink2);justify-content:space-between;align-items:center;gap:12px;padding-block:8px;line-height:1.7;text-decoration:none;display:flex}.d-v3 .d3-browse-domain a bdi{overflow-wrap:anywhere}.d-v3 .d3-browse-expand{min-block-size:44px;color:var(--d-gold-ink);font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:8px;margin-block-start:8px;display:inline-flex}.d-v3 .d3-browse-method{color:var(--d-muted);padding-block:12px;font-size:14px}.d-v3 .d3-browse-method summary{cursor:pointer;align-content:center;min-block-size:44px}.d-v3 .d3-browse-method p{max-inline-size:52em;line-height:1.7}.d-v3 .d3-browse-libraries{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.d-v3 .d3-browse-libraries a{border-block-end:1px solid var(--d-line2);color:var(--d-ink);align-items:center;gap:16px;padding-block:20px;text-decoration:none;display:flex}.d-v3 .d3-browse-libraries a>span{flex-direction:column;flex:1;gap:6px;display:flex}.d-v3 .d3-browse-libraries a>span>span{color:var(--d-ink2);font-size:14px;line-height:1.6}.d-v3 :is(.d3-browse-domain,.d3-browse-libraries) a:hover{color:var(--d-gold-ink)}@media (max-width:1050px){.d-v3 .d3-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767.98px){.d-v3 .d3-browse{gap:28px}.d-v3 .d3-browse-grid,.d-v3 .d3-browse-libraries{grid-template-columns:minmax(0,1fr)}.d-v3 .d3-browse-start{padding:20px}.d-v3 .d3-browse-search{flex-basis:100%}}.d-v3 .d3-browse>.d3-pg-head{border:1px solid var(--d-line2);background:radial-gradient(ellipse at 100% 0%,#818cf81f,transparent 65%),var(--d-card-grad);border-radius:22px;padding:clamp(20px,3vw,40px)}.d-v3 .d3-browse-start{border-block-start:3px solid var(--subject-color);background:linear-gradient(140deg,color-mix(in srgb,var(--subject-color) 8%,transparent),transparent 70%),var(--d-card)}.d-v3 .d3-browse-start:hover{border-color:var(--subject-color)}.d-v3 .d3-browse-start>.d3-subject-mark{margin:0}.d-v3 .d3-browse-domain{border-block-start:3px solid var(--subject-color)}.d-v3 .d3-browse-domain h3{font-size:16px}.d-v3 .d3-browse-domain a:hover{color:var(--d-ink);background:color-mix(in srgb,var(--subject-color) 8%,transparent)}.d-v3 .d3-browse-domain a bdi{flex:1}.d-v3 .d3-browse-count{font:11px var(--d-font-mono);color:var(--d-muted)}.d-v3 .d3-browse-libraries a>svg:first-child{color:var(--d-gold-ink)}.d-v3[dir=rtl] .d3-browse-domain h3{line-height:2.2}