
/* NC Additional Notes - NCRLAP Master-1 */

.notes-page{padding:0 15px}
.notes-page h1{margin:20px 0 22px}
.notes-intro-row{margin-bottom:26px}

/* Introductory dynamic text */
.notes-dynamic-content{margin-bottom:22px;line-height:1.5;color:#292929;overflow-wrap:anywhere}
.notes-block-item{margin-bottom:16px}
.notes-block-item p{margin:0 0 14px}
.notes-block-item img{max-width:100%;height:auto}
.notes-block-item ul,.notes-block-item ol{padding-left:28px;margin:12px 0 16px}
.notes-block-item h2{font-size:24px;color:#002b57}
.notes-block-item h3{font-size:20px;color:#002b57}

/* Topics on this page */
.notes-topics{margin:0 0 22px;padding:20px 26px;border:2px solid #ccc;border-radius:24px;background:#fff}
.notes-topics-title{margin:0 0 10px;color:#333;font-size:20px;font-weight:700;line-height:1.3}
.notes-topics-list{display:block;list-style:disc outside;margin:0;padding-left:28px}
.notes-topics-list li{display:list-item;margin:4px 0;padding:0;line-height:1.4}
.notes-topics .notes-topics-list a{display:inline;color:#2879b9;font-size:16px;line-height:1.4;text-decoration:none}
.notes-topics .notes-topics-list a:hover{color:#002b57;text-decoration:underline}
.notes-topics[hidden]{display:none!important}

/* Sidebar photograph */
.notes-photo{margin:0;text-align:center}
.notes-photo img,.notes-photo-content img{display:block;width:100%;max-width:100%;height:auto;margin:auto;border-radius:8px}
.notes-photo-content p,.notes-photo-content figure{margin:0}
.notes-photo-content{overflow-wrap:anywhere}

/* Downloadable resources */
.notes-resources{margin:0 0 32px}
.notes-resources h2,.notes-faq > h2{margin:0 0 18px;color:#002b57;font-size:24px;line-height:1.3}
.resource-list{list-style:disc outside;margin:10px 0 18px;padding-left:26px}
.resource-item{margin:0 0 12px;line-height:1.5;overflow-wrap:anywhere}
.resource-link{color:#004b87;text-decoration:underline;text-underline-offset:2px}
.resource-count{color:#555;font-size:14px}
.resource-details{display:block;margin:5px 0 8px}
.resource-details summary{display:list-item;width:max-content;max-width:100%;padding:3px 4px;color:#004b87;cursor:pointer}
.resource-description{margin:8px 0 10px;padding:10px 14px;border-left:3px solid #ccc;background:#f7f7f7}
.resource-description p:last-child{margin-bottom:0}

/* FAQ content */
.notes-faq{margin:0 0 30px}
.faq-item{margin:0 0 28px;color:#292929;line-height:1.5;overflow-wrap:anywhere}
.faq-item h2{margin:20px 0 12px;color:#002b57;font-size:24px}
.faq-item h3{margin:18px 0 10px;color:#002b57;font-size:20px}
.faq-item p{margin:0 0 14px}
.faq-item ul,.faq-item ol{margin:12px 0 18px;padding-left:28px}
.faq-item li{margin-bottom:8px}
.faq-item img{max-width:100%;height:auto}

/* Sticky header offset */
.notes-page h2[id],.notes-page h3[id],.notes-page article[id]{scroll-margin-top:60px}

/* Administration */
.notes-edit{margin:8px 0 12px}
.notes-edit a,.resource-edit{display:inline-block;padding:5px 7px}
.notes-manager{margin:16px auto;padding:12px;text-align:center;font-size:14px}
.notes-manager p{margin:0 0 8px}

/* Links and keyboard accessibility */
.notes-page a{color:#004b87}
.notes-page a:hover{color:#002b57}
.notes-page a:focus-visible,.notes-page summary:focus-visible{outline:3px solid #005fcc;outline-offset:3px}
.notes-topics .notes-topics-list a:focus-visible{text-decoration:underline}

/* Responsive layout */
@media(max-width:767px){
    .notes-page{padding:0 10px}
    .notes-intro-row{margin-bottom:20px}
    .notes-topics{margin:0 0 20px;padding:18px 20px;border-radius:20px}
    .notes-topics-title{font-size:19px}
    .notes-topics-list{padding-left:22px}
    .notes-topics .notes-topics-list a{font-size:16px}
    .notes-photo{margin-top:16px}
    .notes-resources h2,.notes-faq > h2{font-size:22px}
}
/* Topics menu - distinguish H2 and H3 headings */
.notes-topics-list li.notes-topic-h2{
    margin:6px 0;
}

.notes-topics-list li.notes-topic-h3{
    margin:3px 0 3px 24px;
    font-size:14px;
}

.notes-topics .notes-topics-list li.notes-topic-h3 a{
    font-size:14px;
    line-height:1.4;
}