/* Make node--view-mode-full wider */
.grid-full.layout--pass--content-medium .node--view-mode-full {
    max-width: calc(var(--default-max-width) - var(--container-padding) * 3);
    margin: 0 auto;
    padding: var(--container-padding);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}

/* for the content inside the .node__content */
.block.block-layout-builder > .block__content > span{
    color: white;
    font-size: 2rem;
    line-height: 1.25;
    margin: 0 0 0.5rem 0;
  }

 .layout--twocol-section.layout--twocol-section--50-50{
   
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "copyright download-files";
    gap: 1rem;
 }

 .layout--twocol-section--50-50  .layout__region--second{
    grid-area: download-files;
    
 }

  
 .layout--twocol-section--50-50 .layout__region.layout__region--first{
    grid-area: copyright;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "library-code author";
    gap: 1rem;
}


.field--name-field-library-code{
    color: var(--front-color);
}
.field--name-field-author{
    color: var(--front-color);
}

.layout--twocol-section--50-50  .layout__region--second .field--name-field-pdf-doc a {
    text-decoration: none;
}

/* ========================================
   移动端响应式样式 (Mobile Responsive)
   ======================================== */

@media (max-width: 768px) {
    /* 50-50 布局改为单列 */
    .layout--twocol-section.layout--twocol-section--50-50 {
        display: block !important;
        grid-template-columns: 1fr;
    }

    .layout--twocol-section--50-50 .layout__region.layout__region--first {
        display: block;
        grid-template-columns: 1fr;
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .layout--twocol-section--50-50 .layout__region--second {
        width: 100%;
    }

    /* 节点容器调整 */
    .grid-full.layout--pass--content-medium .node--view-mode-full {
        max-width: 100% !important;
        padding: 1rem !important;
        margin: 0 !important;
        box-shadow: none;
        border-radius: 0;
    }

    /* 块内容调整 */
    .block.block-layout-builder > .block__content > span {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 0.75rem;
    }

    /* 字段内容调整 */
    .field--name-field-library-code,
    .field--name-field-author {
        margin-bottom: 1rem;
        display: block;
        width: 100%;
    }
}

@media (max-width: 480px) {
    /* 块内容进一步调整 */
    .block.block-layout-builder > .block__content > span {
        font-size: 1.3rem;
    }

    /* 节点容器内边距调整 */
    .grid-full.layout--pass--content-medium .node--view-mode-full {
        padding: 0.75rem !important;
    }
}