/*
Theme Name: Nancy's Notions
Description: An owned editorial block theme for Nancy's Notions. Staging prototype.
Version: 0.4.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: nancys-notions
License: GPL-2.0-or-later
*/
html { scroll-behavior: smooth; }
body { overflow-wrap: anywhere; }
a { text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #432369; outline-offset: 4px; }
.nn-header { border-bottom: 1px solid #ded7cc; }
.nn-footer { border-top: 1px solid #ded7cc; }
.nn-card .wp-block-post-featured-image img { aspect-ratio: 4 / 3; object-fit: cover; }
.nn-card { padding-bottom: 1.5rem; border-bottom: 1px solid #ded7cc; }
.nn-hero { padding-block: clamp(3rem, 8vw, 7rem); }
.wp-block-post-content img { max-width: 100%; height: auto; }
@media (max-width: 600px) { .wp-block-post-template.is-layout-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Familiar Library: original brand assets, native editorial blocks. */
:root{--nn-purple:#432369;--nn-cyan:#00b7d6;--nn-link:#007f95;--nn-rule:#dddde3}
body{background:#fff;color:#17171d;font-family:Arial,sans-serif}
.nn-brand-header,.nn-home,.nn-brand-footer{max-width:1240px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
.nn-masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:22px}
.nn-logo{width:270px;flex-shrink:0;margin:0}.nn-logo img{width:100%;height:auto}
.nn-sister{margin:0!important;text-align:right}.nn-sister>p{font-size:14px;margin:0 0 16px}.nn-sister>p a{color:var(--nn-link);font-weight:700;text-decoration:none}
.nn-shop-row{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:0!important}
.nn-shop-buttons{display:flex;gap:10px!important;flex-wrap:wrap}.nn-shop-buttons a{font-size:14px;padding:10px 15px;border-radius:7px;color:#fff;text-decoration:none;line-height:1.4}
.nn-shop-purple a{background:#432369}.nn-shop-turquoise a{background:#007f95}.nn-shop-burgundy a{background:#8e0103}
.nn-social{margin:0!important;gap:8px!important}.nn-social svg{width:18px;height:18px}.nn-social .wp-social-link{font-size:24px}
.nn-nav-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-block:1px solid var(--nn-rule);padding-block:10px;margin:0!important}
.nn-nav-row .wp-block-navigation{font-size:15px;flex:1}.nn-nav-row .wp-block-navigation__container{gap:24px}.nn-nav-row a{color:#17171d;text-decoration:none}
.nn-header-search{width:240px;margin:0!important;flex-shrink:0}.nn-header-search input{min-width:0;border:1px solid var(--nn-rule);font:inherit;font-size:13px;padding:10px;width:100%}.nn-header-search button{padding:10px 14px;font-size:13px;background:#007f95;color:#fff;border:0;margin-left:0}
.nn-home{display:grid;grid-template-columns:minmax(0,3.25fr) minmax(0,1fr);gap:38px;padding-top:12px;padding-bottom:28px}
.nn-editorial,.nn-sidebar{margin:0!important;min-width:0}.nn-featured{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:20px}
.nn-featured-side{margin:0!important}.nn-home .wp-block-query,.nn-home .wp-block-post-template{margin:0;padding:0;list-style:none}.nn-home .nn-story{margin:0;padding:0}
.nn-home .wp-block-post-featured-image{margin:0 0 9px}.nn-home .wp-block-post-featured-image img{display:block;width:100%;object-fit:cover}
.nn-lead img{aspect-ratio:6/5}.nn-side-story img{aspect-ratio:2/1}.nn-side-story+.nn-side-story{margin-top:20px!important}
.nn-home .wp-block-post-title{font-size:17px;line-height:1.25;margin:0 0 6px}.nn-home .nn-lead .wp-block-post-title{font-size:25px;line-height:1.15}.nn-home .wp-block-post-title a{color:#17171d;text-decoration:none}.nn-home .wp-block-post-title a:hover{color:var(--nn-purple);text-decoration:underline}
.nn-home .wp-block-post-date{font-size:13px;color:#62616c;margin:0}
.nn-library-section{margin-top:30px!important}.nn-section-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--nn-purple);margin:0 0 14px!important;gap:12px}.nn-section-bar h2{font-size:21px;margin:0;padding:6px 13px;background:var(--nn-purple);color:#fff;font-weight:600}.nn-section-bar p{margin:0;font-size:12px;text-transform:uppercase;white-space:nowrap}.nn-section-bar a{color:var(--nn-purple);font-weight:700;text-decoration:none}
.nn-section-turquoise{border-color:var(--nn-cyan)}.nn-section-turquoise h2{background:#007f95}.nn-section-turquoise a{color:var(--nn-link)}
.nn-story-grid .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nn-story-grid img{aspect-ratio:3/2}.nn-story-grid .wp-block-post-title{font-size:16px}
.nn-sidebar .nn-legacy-photo{margin:0 0 16px}.nn-legacy-photo img{display:block;width:100%;height:auto}.nn-sidebar h2{font-size:18px;line-height:1.15;margin:0 0 12px}.nn-sidebar p{font-size:15px;line-height:1.45;color:#62616c;margin:0 0 16px}.nn-sidebar p a{color:var(--nn-link);font-weight:600}.nn-browse{border-top:2px solid var(--nn-purple);padding-top:16px;margin-top:30px!important}.nn-browse h2{color:var(--nn-purple);font-size:20px}.nn-browse ul{list-style:none;padding:0;margin:0}.nn-browse li{margin:0;padding:6px 0}.nn-browse a{color:#575565;text-decoration:none;font-size:15px}.nn-browse a:hover{text-decoration:underline;color:var(--nn-purple)}
.nn-brand-footer{border-top:2px solid var(--nn-purple);padding-top:25px}.nn-footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.2fr;gap:24px;margin:0!important}.nn-footer-logo{max-width:240px;margin:0}.nn-footer-nav{list-style:none;padding:0;margin:0;font-size:13px;line-height:1.7}.nn-footer-nav a{color:#62616c;text-decoration:none}.nn-contact,.nn-msqc{border-left:1px solid var(--nn-rule);padding-left:25px;margin:0!important}.nn-contact h2,.nn-msqc h2{font-size:14px;color:var(--nn-purple);margin:0 0 12px}.nn-contact p{font-size:13px;color:#62616c;margin:0 0 10px}.nn-contact a{color:var(--nn-link);text-decoration:none;font-weight:600}.nn-msqc-logo{margin:0}.nn-msqc-logo img{width:100%;height:auto}.nn-footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--nn-rule);margin:20px 0 0!important;padding-block:10px}.nn-footer-bottom p{margin:0;font-size:12px;color:#62616c}.nn-footer-bottom a{color:#62616c}
@media(max-width:1000px){.nn-logo{width:220px}.nn-sister>p{max-width:460px}.nn-nav-row .wp-block-navigation__container{gap:14px}.nn-home{gap:24px;grid-template-columns:minmax(0,2.7fr) minmax(0,1fr)}.nn-shop-row{gap:10px}.nn-social{display:none!important}.nn-header-search{width:190px}}
@media(max-width:780px){.nn-masthead{flex-direction:column;gap:16px;padding-block:18px}.nn-sister{text-align:center}.nn-shop-row{justify-content:center}.nn-home{display:block}.nn-sidebar{margin-top:30px!important;max-width:600px}.nn-legacy-photo{max-width:260px;float:left;margin-right:22px!important}.nn-browse{clear:both}.nn-footer-columns{grid-template-columns:1fr 1fr}.nn-footer-logo{max-width:210px}.nn-contact,.nn-msqc{padding-left:0;border:0}.nn-nav-row{gap:10px}.nn-header-search{width:min(260px,70%)}.nn-brand-header,.nn-home,.nn-brand-footer{padding-inline:18px}}
@media(max-width:600px){.nn-nav-row .wp-block-navigation__responsive-container-open{display:flex}.nn-nav-row .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.nn-featured{display:block}.nn-featured-side{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px!important}.nn-side-story+.nn-side-story{margin-top:0!important}.nn-home .nn-lead .wp-block-post-title{font-size:24px}.nn-side-story img{aspect-ratio:4/3}.nn-story-grid .wp-block-post-template{grid-template-columns:1fr!important;gap:22px}.nn-story-grid .wp-block-post-title{font-size:19px}.nn-section-bar h2{font-size:17px;padding:7px 10px}.nn-section-bar p{font-size:11px}.nn-legacy-photo{float:none;margin-inline:auto!important}.nn-footer-columns{gap:24px}.nn-footer-bottom{display:block}.nn-footer-bottom p+p{margin-top:8px}}

/* Keep the native search icon compact and align story thumbnails. */
.nn-header-search .wp-block-search__inside-wrapper{padding:0;height:36px}.nn-header-search button{flex-shrink:0;width:38px;padding:5px}.nn-header-search input{padding:7px 10px}.nn-story-grid .wp-block-post-featured-image,.nn-home .wp-block-post-template>li{margin-top:0!important}.nn-home{margin-top:0!important}.nn-nav-row{padding-block:6px}.nn-msqc-logo{max-width:240px}

main.wp-block-group:not(.nn-home){padding-inline:24px;box-sizing:border-box}
@media(max-width:780px){main.wp-block-group:not(.nn-home){padding-inline:18px}}
@media(max-width:600px){.nn-shop-buttons{gap:8px!important;flex-wrap:nowrap}.nn-shop-buttons a{font-size:12px;padding:9px 11px;white-space:nowrap}.nn-shop-row{width:100%}}

.nn-brand-footer{border-top:0;padding-top:0}.nn-footer-columns{border-top:2px solid var(--nn-purple);padding-top:25px}

/* Selected attachment: welcoming resource library. */
.nn-brand-header,.nn-library-home,.nn-library-footer{width:calc(100% - 70px);max-width:1180px;padding-inline:0;margin-inline:auto;box-sizing:border-box}
.nn-masthead{padding-block:14px;gap:24px}.nn-logo{width:225px}.nn-sister{position:relative;padding-right:34px}.nn-sister>p{font-size:13px;max-width:none;margin-bottom:14px}.nn-shop-row{gap:0}.nn-shop-buttons a{font-size:13px;padding:8px 12px}.nn-shop-buttons .dashicons{font-size:16px;width:16px;height:16px;vertical-align:middle}
.nn-social{display:flex!important;position:absolute;right:0;top:0;flex-direction:column;gap:4px!important}.nn-social .wp-social-link{font-size:14px}.nn-social svg{width:12px;height:12px}.nn-social .wp-social-link a{padding:4px}.nn-social .wp-social-link-instagram{background:#262d39}
.nn-nav-row .wp-block-navigation{font-size:14px}.nn-nav-row .wp-block-navigation__container{gap:25px}.nn-header-search{width:200px}
.nn-library-home{padding:0!important;margin-top:0!important}.nn-library-home>*{margin:0}.nn-library-intro{display:grid;grid-template-columns:.8fr 1fr;gap:24px;padding-top:16px;align-items:center}
.nn-intro-copy{margin:0!important}.nn-intro-copy h1{color:#432369;font-size:clamp(30px,3.6vw,44px);line-height:1.18;margin:0 0 16px}.nn-intro-copy p{font-size:16px;line-height:1.25;margin:0 0 17px}.nn-intro-copy .wp-block-buttons{margin:0}.nn-intro-copy .wp-block-button__link{background:#007f95;color:#fff;font-size:16px;border-radius:6px;padding:12px 23px}
.nn-library-hero-photo{margin:0!important}.nn-library-hero-photo img{display:block;width:100%;aspect-ratio:478/280;object-fit:cover}
.nn-library-topics{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:21px!important;scroll-margin-top:16px}.nn-topic{margin:0!important;border-top:4px solid #432369;padding-top:8px}.nn-topic-sewing{border-color:#00b7d6}.nn-topic figure{margin:0 0 10px}.nn-topic img{display:block;width:100%;aspect-ratio:421/207;object-fit:cover}.nn-topic h2{font-size:22px;color:#432369;line-height:1.2;margin:0 0 4px}.nn-topic p{font-size:16px;line-height:1.25;margin:0 0 12px}.nn-topic a{color:#007f95;font-weight:600;text-decoration:none;font-size:15px}.nn-library-home a:hover{text-decoration:underline}.nn-library-home .dashicons-arrow-right-alt2{vertical-align:middle;margin-left:5px}
.nn-library-latest{margin-top:16px!important;border-top:1px solid #d3d3db;padding-top:14px}.nn-library-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px!important}.nn-library-title h2{font-size:24px;line-height:1.2;color:#432369;margin:0}.nn-library-title p{margin:0;font-size:12px;white-space:nowrap;text-transform:uppercase}.nn-library-title a{color:#007f95;font-weight:600;text-decoration:none}
.nn-library-home .wp-block-query,.nn-library-home .wp-block-post-template{margin:0;padding:0;list-style:none}.nn-library-home .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.nn-library-home .wp-block-post-template>li{margin:0!important}.nn-library-story{margin:0!important}.nn-library-story figure{margin:0 0 10px}.nn-library-story img{display:block;width:100%;object-fit:cover;aspect-ratio:1.9}.nn-library-story h3{font-size:16px;font-weight:500;line-height:1.2;margin:0}.nn-library-story h3 a{color:#17171d;text-decoration:none}
.nn-library-bottom{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(0,1fr);gap:38px;margin-top:30px!important}.nn-library-bottom-left{display:flex;flex-direction:column;min-width:0;margin:0!important}.nn-library-free{border-top:1px solid #d3d3db;padding-top:16px;margin:0}.nn-library-free .nn-library-title h2{font-size:23px}.nn-free-query img{aspect-ratio:4/3}.nn-free-query h3{font-size:14px;font-weight:400}.nn-library-legacy{border-left:1px solid #d3d3db;padding-left:20px;margin:0!important}.nn-library-legacy figure{margin:0 0 12px}.nn-library-legacy img{display:block;width:100%;height:auto}.nn-library-legacy h2{font-size:14px;line-height:1.05;margin:0 0 7px}.nn-library-legacy p{font-size:12px;line-height:1.12;color:#5b5b65;margin:0 0 9px}.nn-library-legacy p a{color:#997100;text-decoration:none}
.nn-newsletter{display:flex;align-items:center;gap:12px;border-block:1px solid #d3d3db;padding:17px 0;margin-top:auto!important}.nn-newsletter-icon{width:50px;height:50px;flex:0 0 50px;background:#432369;color:white;border-radius:50%;font-size:28px;line-height:50px}.nn-newsletter-copy{margin:0!important;flex:1}.nn-newsletter-copy h2{font-size:17px;color:#432369;line-height:1.2;margin:0 0 3px}.nn-newsletter-copy p{font-size:11px;line-height:1.2;margin:0}.nn-newsletter-form{display:flex;position:relative;width:235px;flex-shrink:0;flex-wrap:wrap}.nn-newsletter-form input[type=email]{border:1px solid #d3d3db;min-width:0;width:calc(100% - 87px);box-sizing:border-box;padding:10px;font:11px Arial,sans-serif}.nn-newsletter-form button{width:87px;background:#007f95;color:#fff;border:0;border-radius:0 3px 3px 0;font:12px Arial,sans-serif;cursor:pointer}.nn-honeypot{position:absolute;left:-5000px}.nn-newsletter-status{font-size:12px!important;width:100%;margin:10px 0 0!important;color:#432369}.nn-newsletter-status[hidden]{display:none}
.nn-library-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d3d3db;padding-block:12px;margin-top:16px!important}.nn-footer-horizontal-logo{display:flex;gap:6px;align-items:center;margin:0!important;flex-shrink:0}.nn-footer-horizontal-logo figure{margin:0}.nn-footer-horizontal-logo figure:first-child{width:75px}.nn-footer-horizontal-logo figure:last-child{width:140px}.nn-footer-horizontal-logo img{display:block;width:100%;height:auto}.nn-library-footer>p{font-size:11px;margin:0;text-align:center}.nn-library-footer>p a{color:#383844;text-decoration:none}.nn-footer-sister{margin:0!important;max-width:170px}.nn-footer-sister p{font-size:10px;margin:0 0 4px;text-align:center}.nn-footer-sister-logo{margin:0}.nn-footer-sister img{width:100%;height:auto}
@media(min-width:1100px){.nn-logo{width:250px}.nn-intro-copy p{font-size:18px}.nn-library-legacy h2{font-size:17px}.nn-library-legacy p{font-size:14px;line-height:1.25}.nn-library-story h3{font-size:18px}}
@media(max-width:1000px){.nn-nav-row .wp-block-navigation__container{gap:22px}.nn-shop-row{gap:0}.nn-social{display:flex!important}.nn-header-search{width:200px}.nn-shop-buttons{gap:10px!important}.nn-library-title h2{font-size:24px}.nn-newsletter-form{width:225px}.nn-newsletter{gap:10px}.nn-newsletter-copy h2{font-size:16px}.nn-newsletter-icon{width:45px;height:45px;flex-basis:45px;line-height:45px}}
@media(max-width:780px){.nn-brand-header,.nn-library-home,.nn-library-footer{width:calc(100% - 36px)}.nn-masthead{flex-direction:column;gap:12px}.nn-sister{padding-right:0}.nn-social{display:none!important}.nn-sister>p{max-width:none}.nn-shop-row{justify-content:center}.nn-library-intro{grid-template-columns:1fr;gap:20px}.nn-intro-copy h1{font-size:34px}.nn-library-hero-photo{order:2}.nn-library-topics{gap:20px}.nn-library-bottom{grid-template-columns:1fr;gap:25px}.nn-library-legacy{border-left:0;border-top:1px solid #d3d3db;padding:20px 0 0}.nn-library-legacy figure{max-width:230px;margin-inline:auto}.nn-library-legacy h2{font-size:18px;line-height:1.2}.nn-library-legacy p{font-size:15px;line-height:1.4}.nn-newsletter{margin-top:30px!important}.nn-library-footer{flex-wrap:wrap;justify-content:center}.nn-library-footer>p{width:100%;order:3}}
@media(max-width:600px){.nn-library-topics{grid-template-columns:1fr;gap:22px}.nn-library-home .wp-block-post-template{grid-template-columns:1fr;gap:22px}.nn-library-story h3{font-size:18px}.nn-library-title{align-items:flex-start}.nn-library-title h2,.nn-library-free .nn-library-title h2{font-size:21px}.nn-library-title p{font-size:11px}.nn-library-title .dashicons{width:16px;font-size:16px}.nn-newsletter{flex-wrap:wrap}.nn-newsletter-copy{flex-basis:calc(100% - 70px)}.nn-newsletter-form{width:100%;margin-top:6px}.nn-newsletter-form input[type=email]{font-size:14px;padding:12px}.nn-newsletter-form button{font-size:14px}.nn-social{display:none!important}.nn-shop-buttons a{font-size:12px;padding:8px 10px}.nn-nav-row .wp-block-navigation__container{gap:16px}.nn-nav-row .wp-block-navigation-item__label{color:#17171d}}

@media(min-width:781px) and (max-width:1099px){.nn-latest-query h3{font-size:17px}.nn-newsletter-icon{width:50px;height:50px;flex-basis:50px;line-height:50px}.nn-newsletter-form{width:235px}.nn-newsletter{gap:12px}}

/* Keep the article lead image compact without shrinking gallery/content images. */
.nn-post-hero{width:50%;max-width:550px;margin-inline:auto!important}
.nn-post-hero img{display:block;width:100%;height:auto}
@media(max-width:600px){.nn-post-hero{width:100%;max-width:550px}}

.wp-block-post-author-name{font-size:14px;color:#555;margin-block:8px 16px}.nn-author-bio{margin-block:18px;line-height:1.6}