.dv-basic-entry,
.dv-doc,
.dv-result-card,
.dv-listing-head,
.dv-error-panel,
.dv-comments,
.dv-component-section{
    color:var(--dv-text);
    background:var(--dv-surface);
    border:0px solid var(--dv-border);
    /* border-radius:var(--dv-radius-lg);     */                              
    box-shadow:var(--dv-shadow)
}

 .dv-basic-entry,
.dv-doc{
    padding:clamp(1.4rem,4vw,2.6rem)
}

.dv-basic-entry__header,
.dv-doc__header{
    margin-bottom:1.75rem;
    padding-bottom:1.25rem;
    border-bottom:0px solid var(--dv-border)
}

.dv-basic-entry__header h1,
.dv-doc__header .entry-title{
    margin:0;
    color:var(--dv-heading)
}

.dv-edit-link,
.entry-meta{
    margin-top:.5rem;
    color:var(--dv-muted);
    font-size:.78rem
}

.dv-basic-entry__image,
.dv-doc__image{
    margin-bottom:1.75rem
}

.dv-basic-entry__image img,
.dv-doc__image img{
    display:block;
    width:100%;
  /*  border-radius:var(--dv-radius) */
}

.dv-basic-entry__content,
.dv-doc__body,
.dv-character__prose{
    font-size:1.05rem;
    line-height:1.8
}


.dv-basic-entry__content>*:first-child,.dv-doc__body>*:first-child{
    margin-top:0
}

.dv-basic-entry__content>*:last-child,.dv-doc__body>*:last-child{
    margin-bottom:0
}


 .dv-sidebar__inner{
    padding:1.25rem;
    background:var(--dv-surface);
    border:0px solid var(--dv-border);
/*    border-radius:var(--dv-radius-lg); */
    box-shadow:var(--dv-shadow)
}




.widget{
    margin-bottom:1rem
}
.widget:last-child{
    margin-bottom:0
}
.widget-title{
    margin:0 0 .8rem;
    color:var(--dv-heading);
    font:700 1rem/1.3 Inter,ui-sans-serif,system-ui,sans-serif
}
.widget ul{
    margin:0;
    padding:0;
    list-style:none
}
.widget li{
    padding:.42rem 0;
    border-bottom:1px solid var(--dv-border)
}
.widget li:last-child{
    border-bottom:0
}
.widget a{
    text-decoration:none
}



 .dv-results{
    display:grid;
    gap:1rem
}
.dv-result-card{
    padding:1.5rem
}
.dv-result-card__meta,.dv-doc__eyebrow,.dv-kicker,.dv-toc__title{
    color:var(--dv-muted);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase
}
.dv-result-card h2{
    margin:.45rem 0 .4rem;
    font:700 1.45rem/1.25 Georgia,serif
}
.dv-result-card h2 a{
    color:var(--dv-heading);
    text-decoration:none
}
.dv-result-card p{
    color:var(--dv-muted)
}
.dv-result-card__link{
    font-size:.75rem;
    font-weight:800;
    text-decoration:none
}
.dv-result-card:hover{
    border-color:color-mix(in srgb,var(--dv-accent) 45%,var(--dv-border));
    box-shadow:var(--dv-shadow-lg)
}




 .dv-listing-head{
    margin-bottom:1.5rem;
    padding:1.75rem
}
.dv-listing-head h1{
    margin:.2em 0;
    color:var(--dv-heading)
}
.dv-listing-head p{
    margin:0;
    color:var(--dv-muted)
}




.dv-pagination{
    margin-top:1.5rem
}
.dv-pagination .nav-links{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem
}
.dv-pagination .page-numbers{
    display:grid;
    place-items:center;
    min-width:38px;
    height:38px;
    padding-inline:.6rem;
    text-decoration:none;
    background:var(--dv-surface);
    border:0px solid var(--dv-border);
   /* border-radius:var(--dv-radius) */
}

.dv-pagination .current{
    color:#fff;
    background:var(--dv-accent)
}





 .dv-comments{
    margin-top:1.5rem;
    padding:1.5rem
}
.dv-comment-list{
    margin:0;
    padding:0;
    list-style:none
}
.dv-comment-list>li{
    margin-bottom:1rem;
    padding:1rem;
    background:var(--dv-bg-alt);
  /*  border-radius:var(--dv-radius) */
}
.dv-comment-form label{
    display:block;
    margin-bottom:.3rem
}
.dv-comment-form input:not([type=submit]),.dv-comment-form textarea{
    width:100%
}




 .dv-callout{
    margin:1.25rem 0;
    padding:1rem 1.2rem;
    background:var(--dv-accent-soft);
    border-left:3px solid var(--dv-accent);
    border-radius:0 var(--dv-radius) var(--dv-radius) 0
}
.dv-callout--success{
    border-color:var(--dv-success)
}
.dv-callout--warning{
    border-color:var(--dv-peach)
}



.dv-badge{
    display:inline-block;
    padding:.25rem .55rem;
    color:var(--dv-accent);
    background:var(--dv-accent-soft);
    border:1px solid color-mix(in srgb,var(--dv-accent) 30%,transparent);
  /*  border-radius:0px; */
    font-size:.68rem;
    font-weight:800
}
.dv-badge--pink{
    color:var(--dv-pink)
}
.dv-badge--purple{
    color:var(--dv-purple)
}




 .dv-hex-button{
    display:inline-block;
    padding:.75rem 1.1rem;
    color:#fff!important;
    background:var(--dv-accent);
/*    border-radius:var(--dv-radius); */
    font-size:.78rem;
    font-weight:800;
    text-decoration:none
}
.dv-hex-button--secondary{
    color:var(--dv-accent)!important;
    background:transparent;
    border:1px solid var(--dv-accent)
}


 .dv-error-page,.dv-components-demo{
    width:min(960px,92%);
    margin-inline:auto;
    padding-block:4rem
}
.dv-error-panel{
    text-align:center;
    padding:3rem
}
.dv-error-code{
    color:var(--dv-accent);
    font-size:clamp(5rem,16vw,10rem);
    font-weight:900;
    line-height:.85
}



.dv-component-section{
    margin-block:1rem;
    padding:1.5rem
}
.dv-empty-state{
    padding:2.5rem;
    text-align:center;
    background:var(--dv-surface);
    border:1px dashed var(--dv-border);
    border-radius:var(--dv-radius-lg)
}


 .dv-footer-widget .widget{
    margin-bottom:1rem
}
.dv-footer-widget .widget-title{
    font-size:.92rem
}
.dv-footer-widget li{
    border:0
}
.dv-footer-copy{
    font-size:.78rem
}


 .dv-post-nav{
    margin-top:1.25rem
}
.dv-post-nav .nav-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1rem
}
.dv-post-nav a{
    display:grid;
    padding:1rem;
    text-decoration:none;
    background:var(--dv-surface);
    border:0px solid var(--dv-border);
   /* border-radius:var(--dv-radius) */
}
.dv-post-nav .nav-next{
    text-align:right
}



.nav-subtitle{
    color:var(--dv-muted);
    font-size:.7rem;
    text-transform:uppercase
}
.nav-title{
    color:var(--dv-heading);
    font-weight:700
}


.search-form{
    display:flex;
    gap:.5rem
}
.search-form label{
    flex:1
}
.search-form .search-field{
    width:100%
}


 @media(max-width:600px){
    .dv-post-nav .nav-links{
        grid-template-columns:1fr
    }
    .dv-post-nav .nav-next{
        text-align:left
    }
}