a.button {border-radius:3px !important}

/* Comment form styling (recipe posts only). Plain form + Jetpack comment box. Added 4 Nov 2026. */
.single-post #respond .comment-reply-title{margin-bottom:14px}
.single-post #respond .jetpack-comments:not(.is-mounted){display:grid;grid-template-columns:1fr;gap:14px 16px}
.single-post #respond .jetpack-comments:not(.is-mounted)>p{margin:0!important}
@media (min-width:768px){
.single-post #respond .jetpack-comments:not(.is-mounted){grid-template-columns:repeat(3,minmax(0,1fr))}
.single-post #respond .jetpack-comments:not(.is-mounted)>.comment-form-comment,.single-post #respond .jetpack-comments:not(.is-mounted)>.form-submit{grid-column:1/-1}}
.single-post #respond .comment-form label{display:block;margin:0 0 6px;font-size:15px;font-weight:700;color:#3a3a3a;line-height:1.3}
.single-post #respond .jetpack-comments:not(.is-mounted) textarea,.single-post #respond .jetpack-comments:not(.is-mounted) input[type=text],.single-post #respond .jetpack-comments:not(.is-mounted) input[type=email],.single-post #respond .jetpack-comments:not(.is-mounted) input[type=url]{display:block;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:12px 14px;background:#fff;border:1px solid #d6cdb8;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.5;color:#222;transition:border-color .2s,box-shadow .2s}
.single-post #respond .jetpack-comments:not(.is-mounted) textarea{min-height:130px;resize:vertical}
.single-post #respond .jetpack-comments:not(.is-mounted) textarea:hover,.single-post #respond .jetpack-comments:not(.is-mounted) input:hover{border-color:#bfb294}
.single-post #respond .jetpack-comments:not(.is-mounted) textarea:focus,.single-post #respond .jetpack-comments:not(.is-mounted) input:focus{border-color:#A88400;box-shadow:0 0 0 3px rgba(208,162,21,.35);outline:2px solid transparent;background:#fff}
.single-post #respond .jetpack-comments__box{border:1px solid #d6cdb8!important;border-radius:10px!important;background:#fff!important;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.single-post #respond .jetpack-comments__box:hover{border-color:#bfb294!important}
.single-post #respond .jetpack-comments__box:focus-within{border-color:#A88400!important;box-shadow:0 0 0 3px rgba(208,162,21,.35)}
.single-post #respond .jetpack-comments__textarea{font-family:inherit;font-size:16px;color:#222}
.single-post #respond .jetpack-comments__textarea:focus{outline:none;box-shadow:none}
.single-post #respond input#submit{background:#D0A215;color:#fff;border:0;border-radius:6px;padding:12px 28px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;cursor:pointer;transition:background-color .2s}
.single-post #respond input#submit:hover,.single-post #respond input#submit:focus{background:#664D01;color:#fff}
.single-post #respond input#submit:focus-visible{outline:3px solid #664D01;outline-offset:2px}

/* Author (Maria) comments: soft gold card + Author tag. .mm-author covers her old guest comments. Added 4 Nov 2026. */
.single-post .comment.bypostauthor>.comment-body>.comment-content,.single-post .comment.mm-author>.comment-body>.comment-content{background:#FCF6E4;border:1px solid #EEDDA8;border-left:4px solid #D0A215;border-radius:8px}
.single-post .comment.bypostauthor>.comment-body .comment-author .fn::after,.single-post .comment.mm-author>.comment-body .comment-author .fn::after{content:"Author";display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#664D01;color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em;vertical-align:middle;line-height:1.5}

/* Comments as speech bubbles: rounded box with a small tail pointing up at the commenter's picture. Added 4 Nov 2026. */
.single-post .comment-body>.comment-content{position:relative;margin-top:16px;background:#fff;border:1px solid #E4DCCB;border-radius:14px}
.single-post .comment-body>.comment-content::before,.single-post .comment-body>.comment-content::after{content:"";position:absolute;left:16px;width:0;height:0;border-style:solid;border-color:transparent}
.single-post .comment-body>.comment-content::before{top:-11px;border-width:0 11px 11px;border-bottom-color:#E4DCCB}
.single-post .comment-body>.comment-content::after{top:-9px;left:17px;border-width:0 10px 10px;border-bottom-color:#fff}
.single-post .comment.bypostauthor>.comment-body>.comment-content::before{border-bottom-color:#EEDDA8}
.single-post .comment.bypostauthor>.comment-body>.comment-content::after{border-bottom-color:#FCF6E4}

/* Reply threads: dotted line from the parent comment bending into each reply's picture. Added 4 Nov 2026. */
.single-post .comment-list .children{border:0!important;margin-left:24px;padding-left:30px}
.single-post .comment-list .children>li.comment{position:relative}
.single-post .comment-list .children>li.comment::before{content:"";position:absolute;top:0;left:-30px;width:28px;height:55px;border-left:2px dotted #BFAD7A;border-bottom:2px dotted #BFAD7A;border-bottom-left-radius:12px}
.single-post .comment-list .children>li.comment:not(:last-child)::after{content:"";position:absolute;top:55px;bottom:0;left:-30px;border-left:2px dotted #BFAD7A}
@media (max-width:768px){
.single-post .comment-list .children{margin-left:16px;padding-left:18px}
.single-post .comment-list .children>li.comment::before{left:-18px;width:16px}
.single-post .comment-list .children>li.comment:not(:last-child)::after{left:-18px}}

/* Comments on phones: less padding, 40px pictures, smaller reply indent, name beside picture. Added 4 Nov 2026. */
@media (max-width:768px){
.single-post .comment-list .comment-body{padding:18px 0}
.single-post .comment-list .comment-meta{display:flex;align-items:flex-start;gap:10px}
.single-post .comment-list .comment-meta .avatar{float:none;margin:0;flex:0 0 40px;width:40px;height:40px}
.single-post .comment-list .comment-author-info{flex:1 1 auto;min-width:0}
.single-post .comment-list .comment-metadata{font-size:14px}
.single-post .comment-body>.comment-content{padding:14px 16px;margin-top:14px}
.single-post .comment-body>.comment-content::before{left:8px}
.single-post .comment-body>.comment-content::after{left:9px}
.single-post .comment-list .children{margin-left:14px;padding-left:14px}
.single-post .comment-list .children>li.comment::before{left:-14px;width:12px;height:38px}
.single-post .comment-list .children>li.comment:not(:last-child)::after{left:-14px;top:38px}}

/* AddToAny horizontal share bars: equal-width buttons that fill the row (in-post bar + mobile bottom bar). Added 4 Nov 2026. */
.single-post .addtoany_share_save_container{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.single-post .addtoany_share_save_container .addtoany_header{flex:0 0 auto}
.single-post .addtoany_share_save_container .a2a_kit{flex:1 1 320px;display:flex!important;gap:8px;line-height:0}
.single-post .addtoany_share_save_container .a2a_kit a{flex:1 1 0;display:block!important;padding:0!important;min-width:0}
.single-post .a2a_kit a .a2a_svg{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:44px!important;border-radius:10px!important}
.single-post .a2a_kit a .a2a_svg svg{width:26px!important;height:26px!important}
.single-post .a2a_floating_style.a2a_default_style{font-size:0;padding:6px 8px!important;box-sizing:border-box}
.single-post .a2a_floating_style.a2a_default_style a{display:inline-block!important;width:calc((100% - 42px)/7);margin:0 3px!important;padding:0!important;float:none!important;vertical-align:middle}
.single-post .a2a_floating_style.a2a_default_style a .a2a_svg{height:40px!important}
.single-post .a2a_vertical_style a .a2a_svg{width:32px!important;height:32px!important;border-radius:8px!important}
.single-post .a2a_vertical_style a .a2a_svg svg{width:22px!important;height:22px!important}
@media (max-width:600px){.single-post .addtoany_share_save_container .addtoany_header{flex-basis:100%}}

/* Related recipes (Jetpack Related Posts): clickable cards. Added 4 Nov 2026. */
.single-post #jp-relatedposts{margin:36px 0 12px;padding-top:0}
.single-post #jp-relatedposts h3.jp-relatedposts-headline{display:block;float:none;margin:0 0 16px;padding:0;border:0;font-size:14px;font-weight:700;letter-spacing:.08em;color:#664D01}
.single-post #jp-relatedposts h3.jp-relatedposts-headline em{font-style:normal}
.single-post #jp-relatedposts h3.jp-relatedposts-headline em::before{content:"";display:block;position:static;width:48px;min-width:0;height:3px;margin:0 0 10px;border:0;background:#D0A215;border-radius:2px}
.single-post #jp-relatedposts .jp-relatedposts-items-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{float:none;width:auto;margin:0;padding:0;opacity:1;display:flex;flex-direction:column;background:#fff;border:1px solid #EFE6D2;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(102,77,1,.08);transition:transform .2s,box-shadow .2s}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(102,77,1,.18)}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post>a.jp-relatedposts-post-a{display:block;line-height:0}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:7/4;object-fit:cover;margin:0;border-radius:0}
.single-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{margin:0;padding:12px 14px 14px;font-size:16px;line-height:1.35;font-weight:700}
.single-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a{color:#3a3a3a;text-decoration:none}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover h4.jp-relatedposts-post-title a{color:#664D01}
.single-post #jp-relatedposts .jp-relatedposts-post-excerpt,.single-post #jp-relatedposts .jp-relatedposts-post-date,.single-post #jp-relatedposts .jp-relatedposts-post-context{display:none}
@media (max-width:640px){
.single-post #jp-relatedposts .jp-relatedposts-items-visual{grid-template-columns:1fr;gap:12px}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{flex-direction:row;align-items:stretch}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post>a.jp-relatedposts-post-a{flex:0 0 120px}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-img{height:100%;aspect-ratio:auto;min-height:90px}
.single-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{display:flex;flex-direction:column;justify-content:center;padding:10px 14px}}

/* Comments: tighter spacing so less scrolling. Overrides the padding above. Added 4 Nov 2026. */
.single-post .comment-list .comment-body{padding:14px 0}
.single-post .comment-body>.comment-content{padding:14px 20px;margin-top:12px}
.single-post .comment-body>.comment-content p{margin-bottom:10px}
.single-post .comment-body>.comment-content>*:last-child,.single-post .comment-body>.comment-content p:last-of-type{margin-bottom:0}
.single-post .comment-body>.comment-content .reply{margin-top:8px;line-height:1.2}
.single-post .comment-list .children>li.comment::before{height:39px}
.single-post .comment-list .children>li.comment:not(:last-child)::after{top:39px}
@media (max-width:768px){
.single-post .comment-list .comment-body{padding:10px 0}
.single-post .comment-body>.comment-content{padding:12px 14px;margin-top:12px}
.single-post .comment-list .children>li.comment::before{height:30px}
.single-post .comment-list .children>li.comment:not(:last-child)::after{top:30px}}

/* Fix: thread line starts at the parent bubble's bottom edge; bubble tip centred under the picture with a small gap; Maria's bubble without the thick left border. Added 4 Nov 2026. */
.single-post .comment-list .children{margin-top:-14px}
.single-post .comment-body>.comment-content{margin-top:24px}
.single-post .comment-body>.comment-content::before{left:13px}
.single-post .comment-body>.comment-content::after{left:14px}
.single-post .comment.bypostauthor>.comment-body>.comment-content{border-left-width:1px;border-left-color:#EEDDA8}
@media (max-width:768px){
.single-post .comment-list .children{margin-top:-10px}
.single-post .comment-body>.comment-content{margin-top:10px}
.single-post .comment-body>.comment-content::before{left:8px}
.single-post .comment-body>.comment-content::after{left:9px}}

/* Footer columns 2-3: Popular recipes (Jetpack Top Posts) + Maria's eBooks. Added 4 Nov 2026. */
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin:0}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-item{margin:0!important;padding:0!important;width:auto!important;max-width:none!important}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-thumbnail-link{display:block;line-height:0}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-thumbnail{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin:0;transition:transform .2s,box-shadow .2s}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-item:hover .jetpack-top-posts-thumbnail{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.35)}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-title{display:block;margin-top:6px;font-size:13px;line-height:1.3}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;text-decoration:none}
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-title a:hover{color:#E8C24A}
.site-footer .mm-ebooks{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.site-footer .mm-ebook{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:12px;padding:12px 10px 14px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.site-footer .mm-ebook:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.site-footer .mm-ebook img{display:block;width:100%;height:120px;object-fit:contain;margin:0}
.site-footer .mm-ebook-title{display:block;margin:8px 0 10px;font-size:14px;font-weight:700;line-height:1.3;color:#3a3a3a}
.site-footer .mm-ebook-btn{display:inline-block;margin-top:auto;padding:7px 12px;border-radius:6px;background:#D0A215;color:#fff;font-size:13px;font-weight:700;line-height:1.2}
.site-footer .mm-ebook:hover .mm-ebook-btn{background:#664D01}

/* Category & tag pages: recipe tiles matching the Recipe Index (/browse). Added 4 Nov 2026. */
.category .generate-columns-container,.tag .generate-columns-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.category .generate-columns-container>.page-header,.tag .generate-columns-container>.page-header,.category .generate-columns-container>.paging-navigation,.tag .generate-columns-container>.paging-navigation{grid-column:1/-1;width:auto;margin:0}
.category .page-header,.tag .page-header{padding:28px 32px}
.category .page-header .page-title,.tag .page-header .page-title{margin:0 0 14px;padding-bottom:.4rem;border-bottom:3px solid #D0A215;font-size:2rem;color:#222}
.category .taxonomy-description,.tag .taxonomy-description{font-size:1rem;line-height:1.6;color:#444}
.category .taxonomy-description p:last-child,.tag .taxonomy-description p:last-child{margin-bottom:0}
.category .generate-columns-container>article,.tag .generate-columns-container>article{float:none;width:auto!important;margin:0!important;padding:0!important}
.category .generate-columns-container>article .inside-article,.tag .generate-columns-container>article .inside-article{position:relative;height:auto;padding:0!important;margin:0;background:#eee;border-radius:10px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.category .generate-columns-container>article .inside-article:hover,.tag .generate-columns-container>article .inside-article:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.category article .post-image,.tag article .post-image{position:absolute;inset:0;margin:0!important;line-height:0}
.category article .post-image a,.tag article .post-image a{display:block;width:100%;height:100%}
.category article .post-image img,.tag article .post-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.category article .entry-header,.tag article .entry-header{position:absolute;left:0;right:0;bottom:0;padding:1.8rem .8rem .7rem;margin:0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.category article .entry-title,.tag article .entry-title{margin:0;font-size:1.05rem;line-height:1.25;font-weight:700}
.category article .entry-title a,.tag article .entry-title a{color:#fff;text-decoration:none;pointer-events:auto}
.category article .entry-summary,.category article .entry-meta,.category article footer.entry-meta,.tag article .entry-summary,.tag article .entry-meta{display:none}
.category .paging-navigation,.tag .paging-navigation{padding:20px 0;background:none}
.category .paging-navigation .page-numbers,.tag .paging-navigation .page-numbers{display:inline-block;margin:0 4px 6px 0;padding:.4rem .85rem;border:1px solid #D0A215;border-radius:999px;color:#664D01;font-weight:700;text-decoration:none;background:#fff}
.category .paging-navigation .page-numbers.current,.category .paging-navigation a.page-numbers:hover,.tag .paging-navigation .page-numbers.current,.tag .paging-navigation a.page-numbers:hover{background:#D0A215;color:#fff}
@media (max-width:600px){
.category .generate-columns-container,.tag .generate-columns-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.category .page-header,.tag .page-header{padding:20px 18px}
.category .page-header .page-title,.tag .page-header .page-title{font-size:1.6rem}
.category article .entry-header,.tag article .entry-header{padding:1.4rem .55rem .5rem}
.category article .entry-title,.tag article .entry-title{font-size:.9rem}}
.category .load-more,.tag .load-more{grid-column:1/-1;text-align:center;margin:8px 0 0}
.category .load-more .button,.tag .load-more .button{display:inline-block;padding:.6rem 1.6rem!important;border-radius:999px!important;background:#D0A215;color:#fff;font-weight:700;font-size:1rem;text-decoration:none}
.category .load-more .button:hover,.tag .load-more .button:hover{background:#664D01;color:#fff}
@media (max-width:600px){
.category .generate-columns-container,.tag .generate-columns-container{padding:0 10px}
.category .generate-columns-container>.page-header,.tag .generate-columns-container>.page-header{margin:0 -10px}}

/* Footer search: rounded box, visible gold Search button, gold focus glow. Added 4 Nov 2026. */
.site-footer .widget_search .search-form{display:flex;gap:8px;align-items:stretch}
.site-footer .widget_search .search-form label{flex:1 1 auto;min-width:0;margin:0}
.site-footer .widget_search .search-field{width:100%;height:46px;box-sizing:border-box;padding:10px 14px;background:#fff;border:1px solid #fff;border-radius:8px;color:#222;font-size:16px;transition:border-color .2s,box-shadow .2s}
.site-footer .widget_search .search-field::placeholder{color:#777}
.site-footer .widget_search .search-field:focus{outline:2px solid transparent;border-color:#D0A215;box-shadow:0 0 0 3px rgba(208,162,21,.6);background:#fff;color:#222}
.site-footer .widget_search .search-submit{display:block!important;flex:0 0 auto;height:46px;padding:0 20px;border:0;border-radius:8px;background:#D0A215;color:#fff;font-size:16px;font-weight:700;line-height:46px;cursor:pointer;transition:background-color .2s}
.site-footer .widget_search .search-submit:hover{background:#B88E0F;color:#fff}
.site-footer .widget_search .search-submit:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Category & tag pages: side margin for tiles on tablets. Added 4 Nov 2026. */
@media (min-width:601px) and (max-width:1100px){
.category .generate-columns-container,.tag .generate-columns-container{padding:0 14px}
.category .generate-columns-container>.page-header,.tag .generate-columns-container>.page-header{margin:0 -14px}}

/* Related recipes: overlay tiles (title on a dark fade over the photo), same as category pages. Overrides the card style above. Added 4 Nov 2026. */
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{position:relative;display:block;aspect-ratio:4/3;border:0;border-radius:10px;background:#eee;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post>a.jp-relatedposts-post-a{position:absolute;inset:0;display:block}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-img{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;min-height:0;object-fit:cover}
.single-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{position:absolute;left:0;right:0;bottom:0;display:block;margin:0;padding:1.8rem .8rem .7rem;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:1rem;line-height:1.25;font-weight:700;pointer-events:none}
.single-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title a,.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover h4.jp-relatedposts-post-title a{color:#fff;pointer-events:auto}
@media (max-width:640px){
.single-post #jp-relatedposts .jp-relatedposts-items-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post{display:block}
.single-post #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:first-child{grid-column:1/-1;aspect-ratio:16/9}
.single-post #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title{display:block;padding:1.4rem .6rem .5rem;font-size:.9rem}}

/* Jetpack subscribe box: rounded email field, gold button, gold focus glow (matches the comment form). Added 4 Nov 2026. */
.wp-block-jetpack-subscriptions__form-elements{display:flex;gap:10px;align-items:stretch}
.wp-block-jetpack-subscriptions__form-elements p{margin:0}
.wp-block-jetpack-subscriptions__form-elements input[type=email]{height:48px;box-sizing:border-box;padding:12px 16px!important;background:#fff!important;border:1px solid #d6cdb8!important;border-radius:8px!important;color:#222;font-size:16px!important;transition:border-color .2s,box-shadow .2s}
.wp-block-jetpack-subscriptions__form-elements input[type=email]:focus{border-color:#A88400!important;box-shadow:0 0 0 3px rgba(208,162,21,.35);outline:2px solid transparent}
.wp-block-jetpack-subscriptions__form-elements button{height:48px;margin:0!important;padding:0 24px!important;border:0!important;border-radius:8px!important;background:#D0A215!important;color:#fff!important;font-size:16px!important;font-weight:700;line-height:1;cursor:pointer;transition:background-color .2s}
.wp-block-jetpack-subscriptions__form-elements button:hover,.wp-block-jetpack-subscriptions__form-elements button:focus{background:#664D01!important}
.wp-block-jetpack-subscriptions__form-elements button:focus-visible{outline:3px solid #664D01;outline-offset:2px}
@media (max-width:480px){
.wp-block-jetpack-subscriptions__form-elements{flex-direction:column}
.wp-block-jetpack-subscriptions__form-elements button{width:100%}}

/* Softer corners in the footer and on the + More button, to match the rest of the site. Added 4 Nov 2026. */
.site-footer .wp-block-jetpack-top-posts .jetpack-top-posts-thumbnail{border-radius:6px}
.site-footer .mm-ebook{border-radius:8px}
.site-footer .mm-ebook-btn{border-radius:4px}
.site-footer .widget_search .search-field,.site-footer .widget_search .search-submit{border-radius:6px}
.category .load-more .button,.tag .load-more .button{border-radius:6px!important}

/* Search results: same recipe tiles as the category pages. Added 4 Nov 2026. */

.search-results .generate-columns-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.search-results .generate-columns-container>.page-header,.search-results .generate-columns-container>.paging-navigation{grid-column:1/-1;width:auto;margin:0}
.search-results .page-header{padding:28px 32px}
.search-results .page-header .page-title{margin:0 0 14px;padding-bottom:.4rem;border-bottom:3px solid #D0A215;font-size:2rem;color:#222}
.search-results .taxonomy-description{font-size:1rem;line-height:1.6;color:#444}
.search-results .taxonomy-description p:last-child{margin-bottom:0}
.search-results .generate-columns-container>article{float:none;width:auto!important;margin:0!important;padding:0!important}
.search-results .generate-columns-container>article .inside-article{position:relative;height:auto;padding:0!important;margin:0;background:#eee;border-radius:10px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.search-results .generate-columns-container>article .inside-article:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.search-results article .post-image{position:absolute;inset:0;margin:0!important;line-height:0}
.search-results article .post-image a{display:block;width:100%;height:100%}
.search-results article .post-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.search-results article .entry-header{position:absolute;left:0;right:0;bottom:0;padding:1.8rem .8rem .7rem;margin:0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.search-results article .entry-title{margin:0;font-size:1.05rem;line-height:1.25;font-weight:700}
.search-results article .entry-title a{color:#fff;text-decoration:none;pointer-events:auto}
.search-results article .entry-summary,.search-results article .entry-meta,.search-results article footer.entry-meta{display:none}
.search-results .paging-navigation{padding:20px 0;background:none}
.search-results .paging-navigation .page-numbers{display:inline-block;margin:0 4px 6px 0;padding:.4rem .85rem;border:1px solid #D0A215;border-radius:999px;color:#664D01;font-weight:700;text-decoration:none;background:#fff}
.search-results .paging-navigation .page-numbers.current,.search-results .paging-navigation a.page-numbers:hover{background:#D0A215;color:#fff}
@media (max-width:600px){
.search-results .generate-columns-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.search-results .page-header{padding:20px 18px}
.search-results .page-header .page-title{font-size:1.6rem}
.search-results article .entry-header{padding:1.4rem .55rem .5rem}
.search-results article .entry-title{font-size:.9rem}}
.search-results .load-more{grid-column:1/-1;text-align:center;margin:8px 0 0}
.search-results .load-more .button{display:inline-block;padding:.6rem 1.6rem!important;border-radius:999px!important;background:#D0A215;color:#fff;font-weight:700;font-size:1rem;text-decoration:none}
.search-results .load-more .button:hover{background:#664D01;color:#fff}
@media (max-width:600px){
.search-results .generate-columns-container{padding:0 10px}
.search-results .generate-columns-container>.page-header{margin:0 -10px}}


@media (min-width:601px) and (max-width:1100px){
.search-results .generate-columns-container{padding:0 14px}
.search-results .generate-columns-container>.page-header{margin:0 -14px}}
.search-results .load-more .button{border-radius:6px!important}
.search-results .generate-columns-container>article:not(.has-post-thumbnail) .inside-article{background:#664D01}

/* Hide the AddToAny floating share bars while the off-canvas menu is open (they sat on top of it). Added 4 Nov 2026. */
html.slide-opened .a2a_floating_style,body.offside-js--is-open .a2a_floating_style{display:none!important}

/* Fix: comment form full-width rows written as :first-child/:last-child so WP Rocket's Used CSS keeps them. Added 4 Nov 2026. */
@media (min-width:768px){
.single-post #respond .jetpack-comments:not(.is-mounted)>p:first-child,.single-post #respond .jetpack-comments:not(.is-mounted)>p:last-child{grid-column:1/-1}}

/* Footer: eBook cards and search box in the soft gold of Maria's comment bubbles instead of white. Added 4 Nov 2026. */
.site-footer .mm-ebook{background:#FCF6E4}
.site-footer .mm-ebook img{mix-blend-mode:multiply}
.site-footer .widget_search .search-field{background:#FCF6E4;border-color:#FCF6E4}
.site-footer .widget_search .search-field:focus{background:#FCF6E4}

/* Content tables (e.g. /conversions): soft gold header, rounded corners, light row lines, zebra rows; scroll sideways on phones. Added 4 Nov 2026. */
.entry-content table.wp-block-table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 1.8em;border:1px solid #EEDDA8;border-radius:8px;overflow:hidden;font-size:15px;background:#fff}
.entry-content table.wp-block-table th,.entry-content table.wp-block-table td{padding:10px 14px;border:0;border-bottom:1px solid #F1E8D2;text-align:left;vertical-align:top}
.entry-content table.wp-block-table thead th{background:#FCF6E4;color:#664D01;font-weight:700;border-bottom:2px solid #D0A215}
.entry-content table.wp-block-table tbody tr:nth-child(even) td{background:#FFFCF4}
.entry-content table.wp-block-table tbody tr:last-child td{border-bottom:0}
.entry-content table.wp-block-table tbody tr:hover td{background:#FCF6E4}
.entry-content table.wp-block-table th+th,.entry-content table.wp-block-table td+td{border-left:1px solid #F1E8D2}
@media (max-width:600px){
.entry-content table.wp-block-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
.entry-content table.wp-block-table th,.entry-content table.wp-block-table td{padding:9px 12px;white-space:nowrap}}

/* Pages: featured image fills the content width (no white side gaps). Added 4 Nov 2026. */
.page .featured-image.page-header-image img{display:block;width:100%;height:auto}

/* Contact form (Jetpack, /contact): fields, buttons and progress bar matching the comment form. Added 4 Nov 2026. */
.jetpack-contact-form-container .grunion-field-label{font-weight:700;color:#3a3a3a;margin-bottom:6px}
.jetpack-contact-form-container input.grunion-field,.jetpack-contact-form-container textarea.grunion-field{background:#fff!important;border:1px solid #d6cdb8!important;border-radius:8px!important;padding:12px 14px!important;font-size:16px!important;color:#222!important;transition:border-color .2s,box-shadow .2s}
.jetpack-contact-form-container input.grunion-field:hover,.jetpack-contact-form-container textarea.grunion-field:hover{border-color:#bfb294!important}
.jetpack-contact-form-container input.grunion-field:focus,.jetpack-contact-form-container textarea.grunion-field:focus{border-color:#A88400!important;box-shadow:0 0 0 3px rgba(208,162,21,.35);outline:2px solid transparent}
.jetpack-contact-form-container .jetpack-form-progress-indicator-steps::before{background:#F1E8D2!important;border-radius:999px}
.jetpack-contact-form-container .jetpack-form-progress-indicator-progress{background:#D0A215!important;border-radius:999px}
.jetpack-contact-form-container .wp-block-button .wp-block-button__link{background:#D0A215!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:11px 26px!important;font-weight:700;transition:background-color .2s}
.jetpack-contact-form-container .wp-block-button .wp-block-button__link:hover,.jetpack-contact-form-container .wp-block-button .wp-block-button__link:focus{background:#664D01!important}
.jetpack-contact-form-container .wp-block-button .wp-block-button__link:focus-visible{outline:3px solid #664D01;outline-offset:2px}
.jetpack-contact-form-container .form-button-previous .wp-block-button__link{background:#fff!important;color:#664D01!important;box-shadow:inset 0 0 0 1px #D0A215}
.jetpack-contact-form-container .form-button-previous .wp-block-button__link:hover{background:#FCF6E4!important}

/* Contact form: clear "message sent" box after submitting, and hide the form then. Written with :not()/:has() so WP Rocket Used CSS keeps it. Added 4 Nov 2026. */
.jetpack-contact-form-container > .contact-form-submission:not([aria-hidden=true]){position:relative;margin:0 0 24px;padding:24px 24px 22px 84px;background:#FCF6E4;border:1px solid #EEDDA8;border-radius:10px;box-shadow:0 2px 10px rgba(102,77,1,.08)}
.jetpack-contact-form-container > .contact-form-submission:not([aria-hidden=true])::before{content:"\2713";position:absolute;left:24px;top:22px;width:44px;height:44px;border-radius:50%;background:#D0A215;color:#fff;font-size:26px;font-weight:700;line-height:44px;text-align:center}
.jetpack-contact-form-container > .contact-form-submission:not([aria-hidden=true]) h4{margin:0 0 8px;font-size:1.4rem;font-weight:700;color:#664D01}
.jetpack-contact-form-container > .contact-form-submission:not([aria-hidden=true]) .jetpack_forms_contact-form-custom-success-message{white-space:pre-line;color:#3a3a3a;line-height:1.6}
.jetpack-contact-form-container > .contact-form-submission:not([aria-hidden=true]):focus{outline:2px solid transparent}
.jetpack-contact-form-container:has(> .contact-form-submission:not([aria-hidden=true])) > form{display:none}

/* Sidebar: Recipe Index + Recipe Timeline as gold-outline buttons (they are pages, not dropdowns). Added 4 Nov 2026. */
.bellows-nav > li.bellows-menu-item-10633,.bellows-nav > li.bellows-menu-item-10635{padding:5px 20px!important}
.bellows-nav > li.bellows-menu-item-10633 > a.bellows-target,.bellows-nav > li.bellows-menu-item-10635 > a.bellows-target{display:block;padding:11px 14px!important;border:1px solid #D0A215;border-radius:6px;background:#fff;text-align:center;font-weight:700;letter-spacing:.02em;line-height:1.3!important;transition:background-color .2s}
.bellows-nav > li.bellows-menu-item-10633 > a.bellows-target:hover,.bellows-nav > li.bellows-menu-item-10635 > a.bellows-target:hover{background:#FCF6E4!important}

/* FAQ accordions (Shortcodes Ultimate, e.g. /about): card rows, 17px titles, gold icon, soft gold when open, gold focus ring. Added 4 Nov 2026. */
.entry-content .su-accordion .su-spoiler{margin:0 0 10px!important;border:1px solid #EEDDA8;border-radius:8px;background:#fff;overflow:hidden}
.entry-content .su-accordion .su-spoiler > .su-spoiler-title{position:relative;padding:14px 16px 14px 48px!important;font-size:17px!important;font-weight:700;line-height:1.4!important;color:#3a3a3a;cursor:pointer;transition:background-color .2s,color .2s}
.entry-content .su-accordion .su-spoiler > .su-spoiler-title:hover{background:#FCF6E4;color:#664D01}
.entry-content .su-accordion .su-spoiler > .su-spoiler-title:focus{outline:2px solid transparent}
.entry-content .su-accordion .su-spoiler > .su-spoiler-title:focus-visible{box-shadow:inset 0 0 0 3px rgba(208,162,21,.55)}
.entry-content .su-accordion .su-spoiler > .su-spoiler-title .su-spoiler-icon{left:18px!important;top:50%!important;transform:translateY(-50%);margin:0!important;font-size:16px!important;color:#D0A215}
.entry-content .su-accordion .su-spoiler:not(.su-spoiler-closed) > .su-spoiler-title{background:#FCF6E4;color:#664D01;border-bottom:1px solid #EEDDA8}
.entry-content .su-accordion .su-spoiler > .su-spoiler-content{padding:12px 18px 16px 48px!important;font-size:16px;line-height:1.6}
.entry-content .su-accordion .su-spoiler > .su-spoiler-content p:last-child{margin-bottom:0}
.entry-content .su-accordion .su-spoiler.su-spoiler-closed > .su-spoiler-content{padding:0!important}

/* Home page (blog index): same recipe tiles as the category pages. Added 4 Nov 2026. */


.blog .generate-columns-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.blog .generate-columns-container>.page-header,.blog .generate-columns-container>.paging-navigation{grid-column:1/-1;width:auto;margin:0}
.blog .page-header{padding:28px 32px}
.blog .page-header .page-title{margin:0 0 14px;padding-bottom:.4rem;border-bottom:3px solid #D0A215;font-size:2rem;color:#222}
.blog .taxonomy-description{font-size:1rem;line-height:1.6;color:#444}
.blog .taxonomy-description p:last-child{margin-bottom:0}
.blog .generate-columns-container>article{float:none;width:auto!important;margin:0!important;padding:0!important}
.blog .generate-columns-container>article .inside-article{position:relative;height:auto;padding:0!important;margin:0;background:#eee;border-radius:10px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.blog .generate-columns-container>article .inside-article:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.blog article .post-image{position:absolute;inset:0;margin:0!important;line-height:0}
.blog article .post-image a{display:block;width:100%;height:100%}
.blog article .post-image img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.blog article .entry-header{position:absolute;left:0;right:0;bottom:0;padding:1.8rem .8rem .7rem;margin:0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
.blog article .entry-title{margin:0;font-size:1.05rem;line-height:1.25;font-weight:700}
.blog article .entry-title a{color:#fff;text-decoration:none;pointer-events:auto}
.blog article .entry-summary,.blog article .entry-meta,.blog article footer.entry-meta{display:none}
.blog .paging-navigation{padding:20px 0;background:none}
.blog .paging-navigation .page-numbers{display:inline-block;margin:0 4px 6px 0;padding:.4rem .85rem;border:1px solid #D0A215;border-radius:999px;color:#664D01;font-weight:700;text-decoration:none;background:#fff}
.blog .paging-navigation .page-numbers.current,.blog .paging-navigation a.page-numbers:hover{background:#D0A215;color:#fff}
@media (max-width:600px){
.blog .generate-columns-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.blog .page-header{padding:20px 18px}
.blog .page-header .page-title{font-size:1.6rem}
.blog article .entry-header{padding:1.4rem .55rem .5rem}
.blog article .entry-title{font-size:.9rem}}
.blog .load-more{grid-column:1/-1;text-align:center;margin:8px 0 0}
.blog .load-more .button{display:inline-block;padding:.6rem 1.6rem!important;border-radius:999px!important;background:#D0A215;color:#fff;font-weight:700;font-size:1rem;text-decoration:none}
.blog .load-more .button:hover{background:#664D01;color:#fff}
@media (max-width:600px){
.blog .generate-columns-container{padding:0 10px}
.blog .generate-columns-container>.page-header{margin:0 -10px}}


@media (min-width:601px) and (max-width:1100px){
.blog .generate-columns-container{padding:0 14px}
.blog .generate-columns-container>.page-header{margin:0 -14px}}
.blog .load-more .button{border-radius:6px!important}
.blog .generate-columns-container>article:not(.has-post-thumbnail) .inside-article{background:#664D01}

/* Home page on phones: 1 column, full-width tiles (about ad size). Round MariasMenu logo in the phone header (56px). Added 4 Nov 2026. */
@media (max-width:600px){
.blog .generate-columns-container{grid-template-columns:1fr;gap:14px}
.blog article .entry-header{padding:2rem .9rem .8rem}
.blog article .entry-title{font-size:1.15rem}}
#mobile-header .mobile-header-logo,#mobile-header .mobile-header-logo a{max-width:none}
#mobile-header .mobile-header-logo img{width:auto;height:60px;padding:4px 0;object-fit:contain;max-height:none;max-width:none}

/* Phones: hide in-post share bar when the bottom share bar shows; stack recipe ingredients above instructions; lift scroll-to-top above share bar. In-post subscribe box card. Added 4 Nov 2026. */
@media (max-width:980px){body:has(.a2a_floating_style.a2a_default_style) .addtoany_share_save_container.addtoany_content{display:none}
.generate-back-to-top{bottom:calc(84px + env(safe-area-inset-bottom))!important}}
@media (max-width:768px){body .wprm-recipe-template-mm-recipe-main{flex-direction:column}
body .wprm-recipe-template-mm-recipe-left{margin-right:0;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #f6e2a0}}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions){background:#FCF6E4;border:1px solid #EEDDA8!important;border-radius:8px;padding:26px 20px!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) hr.wp-block-separator{display:none}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) h3.wp-block-heading{margin-top:0!important;font-size:1.45rem;font-weight:700;line-height:1.3;color:#222}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) p.has-text-align-center{color:#444;line-height:1.55;margin-bottom:18px!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-jetpack-subscriptions__form-elements{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;gap:8px;align-items:stretch;max-width:480px;margin:0 auto}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-email{flex:1 1 auto!important;min-width:0;margin:0!important;width:auto!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-submit{flex:0 0 auto!important;margin:0!important;width:auto!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-field{width:100%!important;height:100%;padding:12px 14px!important;border:1px solid #EEDDA8!important;border-radius:6px!important;background:#fff;font-size:16px!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-field:focus{border-color:#A88400!important;outline:none}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-submit button{height:100%;padding:12px 18px!important;margin:0!important;border-radius:6px!important;background:#D0A215;color:#fff;font-weight:700;white-space:nowrap}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-submit button:hover{background:#664D01}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-group,.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-group__inner-container{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-group{padding-top:0!important;padding-bottom:0!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) form#subscribe-blog,.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-jetpack-subscriptions{margin:0!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-email,.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) #subscribe-submit{margin-bottom:0!important}
.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions)>.wp-block-group__inner-container,.single-post .entry-content>.wp-block-group:has(.wp-block-jetpack-subscriptions) .wp-block-group .wp-block-group__inner-container{padding:0!important}

/* /join: hide page title; content H1 is the headline, "Join the MariasMenu Newsletter" is the sub heading. Added 4 Nov 2026. */
.page-id-86789 .entry-header{display:none}
.page-id-86789 h1.mm-join-title{margin:0 0 6px;font-size:2.4rem;line-height:1.2;font-weight:700;color:#222}
.page-id-86789 p.mm-join-sub{margin:0 0 22px;padding-bottom:10px;border-bottom:3px solid #D0A215;display:inline-block;font-size:1.2rem;font-weight:700;color:#664D01}
@media (max-width:600px){.page-id-86789 h1.mm-join-title{font-size:1.85rem}.page-id-86789 p.mm-join-sub{font-size:1.05rem}}

/* Search boxes inside pages (e.g. Recipe Index): cream field, gold focus highlight, gold button like the footer search. /join: hide featured image on the page (kept for social shares). Added 4 Nov 2026. */
.entry-content .wp-block-search__input{background:#FCF6E4;border:1px solid #EEDDA8;border-radius:6px;padding:12px 16px;font-size:16px;color:#222;transition:border-color .15s,box-shadow .15s,background .15s}
.entry-content .wp-block-search__input:focus{background:#fff;border-color:#A88400;box-shadow:0 0 0 3px rgba(208,162,21,.25);outline:none}
.entry-content .wp-block-search__button{background:#D0A215;color:#fff;border:0;border-radius:6px;font-weight:700;padding:12px 22px}
.entry-content .wp-block-search__button:hover,.entry-content .wp-block-search__button:focus{background:#664D01;color:#fff}
.page-id-86789 .featured-image,.page-id-86789 .page-header-image{display:none}

/* Phone header: hamburger icon to the right of MENU; search box = cream field with hint, full width, close icon at far right. Added 4 Nov 2026. */
#mobile-header .menu-toggle{display:inline-flex;flex-direction:row-reverse;align-items:center}
#mobile-header .menu-toggle .mobile-menu{padding-left:0;padding-right:8px}
#mobile-header .navigation-search:is(.nav-search-active){display:flex;align-items:center;height:100%;padding:0 56px 0 12px;box-sizing:border-box}
#mobile-header .navigation-search input.search-field{height:46px;padding:0 14px;background:#FCF6E4;border:1px solid #EEDDA8;border-radius:6px;color:#222;font-size:16px}
#mobile-header .navigation-search input.search-field:focus{background:#fff;border-color:#A88400;box-shadow:0 0 0 3px rgba(208,162,21,.25);outline:none}
#mobile-header .navigation-search input.search-field::placeholder{color:#8a7a4a;opacity:1}
#mobile-header:has(.nav-search-active) .mobile-bar-items{position:absolute;top:0;right:4px;z-index:30}
#mobile-header:has(.nav-search-active) .menu-toggle{visibility:hidden}

/* Phone header: search icon closer to MENU (tap areas stay 44px+). Added 4 Nov 2026. */
#mobile-header .mobile-bar-items .search-item a{padding-left:13px;padding-right:13px}
#mobile-header .menu-toggle{padding-left:6px}

/* Phone header: search icon at the far right, after MENU. Added 4 Nov 2026. */
#mobile-header .menu-toggle{order:2;margin-left:auto;padding-right:6px}
#mobile-header .mobile-bar-items{order:3;margin-left:0}
#mobile-header .mobile-bar-items .search-item a{padding-left:12px;padding-right:20px}

/* Header search (desktop + phone): hint text in dark brown, typed text dark. Added 4 Nov 2026. */
.navigation-search input.search-field{color:#222}
.navigation-search input.search-field::placeholder,#mobile-header .navigation-search input.search-field::placeholder{color:#664D01;opacity:1}

/* Bookmark link card (.mm-bookmark), e.g. /buzz link in the 20 years post. Added 4 Nov 2026. */
.entry-content a.mm-bookmark{display:flex;align-items:stretch;margin:28px 0;background:#FCF6E4;border:1px solid #EEDDA8;border-left:4px solid #D0A215;border-radius:8px;overflow:hidden;text-decoration:none;color:#222;transition:box-shadow .15s,transform .15s}
.entry-content a.mm-bookmark:hover{box-shadow:0 6px 16px rgba(102,77,1,.15);transform:translateY(-2px)}
.entry-content a.mm-bookmark img{flex:0 0 40%;width:40%;height:auto;object-fit:cover;margin:0;display:block;border-radius:0}
.entry-content .mm-bookmark-text{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:16px 20px}
.entry-content .mm-bookmark-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#A88400}
.entry-content .mm-bookmark-title{font-size:1.15rem;font-weight:700;line-height:1.3;color:#222}
.entry-content .mm-bookmark-desc{font-size:.95rem;line-height:1.5;color:#444}
.entry-content .mm-bookmark-cta{margin-top:4px;font-weight:700;color:#664D01}
@media (max-width:600px){.entry-content a.mm-bookmark{flex-direction:column;border-left-width:1px;border-top:4px solid #D0A215}.entry-content a.mm-bookmark img{width:100%;flex-basis:auto;aspect-ratio:1200/630}}

/* Bookmark card pattern (Media & Text block with class mm-bookmark). Whole card is clickable via the Read more link. Added 4 Nov 2026. */
.entry-content .wp-block-media-text.mm-bookmark{position:relative;margin:28px 0;background:#FCF6E4;border:1px solid #EEDDA8;border-left:4px solid #D0A215;border-radius:8px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.entry-content .wp-block-media-text.mm-bookmark:hover{box-shadow:0 6px 16px rgba(102,77,1,.15);transform:translateY(-2px)}
.entry-content .wp-block-media-text.mm-bookmark .wp-block-media-text__media{margin:0;min-height:160px}
.entry-content .wp-block-media-text.mm-bookmark .wp-block-media-text__content{padding:16px 20px!important}
.entry-content .wp-block-media-text.mm-bookmark .wp-block-media-text__content p{margin:0 0 4px}
.entry-content .wp-block-media-text.mm-bookmark .mm-bookmark-title a{color:#222;text-decoration:none}
.entry-content .wp-block-media-text.mm-bookmark .mm-bookmark-cta{margin:4px 0 0!important}
.entry-content .wp-block-media-text.mm-bookmark .mm-bookmark-cta a{color:#664D01;text-decoration:none}
.entry-content .wp-block-media-text.mm-bookmark .mm-bookmark-cta a::after{content:"";position:absolute;inset:0}
@media (max-width:600px){.entry-content .wp-block-media-text.mm-bookmark{border-left-width:1px;border-top:4px solid #D0A215}.entry-content .wp-block-media-text.mm-bookmark .wp-block-media-text__media{min-height:0;aspect-ratio:1200/630}}

/* Sidebar menu: darker gold text (readable, 4.9:1 contrast) and a smaller gap at the top. Added 5 Nov 2026. */
#right-sidebar .bellows{margin-top:0}
#right-sidebar .bellows-nav>li:first-child>.bellows-target{padding-top:6px}
#right-sidebar .bellows .bellows-nav .bellows-target,#right-sidebar .bellows .bellows-nav .bellows-target .bellows-target-description{color:#8A6A00}
#right-sidebar .bellows .bellows-nav .bellows-target:hover,#right-sidebar .bellows .bellows-nav .bellows-target:hover .bellows-target-description{color:#664D01}


/* Sidebar menu hover: cream background so readers see what they point at. Added 5 Nov 2026. */
#right-sidebar .bellows .bellows-nav li:not(.menu-item-10633):not(.menu-item-10635)>.bellows-target{border-radius:6px;transition:background .15s,box-shadow .15s}
#right-sidebar .bellows .bellows-nav li:not(.menu-item-10633):not(.menu-item-10635)>.bellows-target:hover{background:#FCF6E4;color:#664D01}

/* Top menu arrows (Browse, eBooks): same space on both sides of the arrow. Added 5 Nov 2026. */
@media (min-width:769px){#site-navigation .main-nav>ul>li.menu-item-has-children>a{padding-right:0}#site-navigation .main-nav>ul>li.menu-item-has-children>a .dropdown-menu-toggle{padding-right:15px}}

/* Phones: when Google shows its bottom anchor ad, hide the AddToAny bottom share bar so they do not sit on top of each other (anchor ad = main ad income). Added 5 Nov 2026. */
body:has(ins.adsbygoogle[data-anchor-status="displayed"][style*="bottom: 0px"]) .a2a_floating_style.a2a_default_style{display:none!important}