/* Revealed, introduced clearly in the masthead and given a place to subscribe. */
#kb-site-preview .header-compact .header-magazine { gap: 15px; padding-left: 22px; }
#kb-site-preview .header-compact .header-magazine-cover { width: 62px; flex-basis: 62px; }
#kb-site-preview .header-compact .header-magazine-title { font-size: 33px; color: #805b22; }
#kb-site-preview .header-compact .header-magazine-subtitle { display: block; font-size: 10px; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; margin-top: 3px; }
#kb-site-preview .header-compact .header-magazine-description { display: block; font-size: 12px; line-height: 1.4; margin-top: 7px; }
#kb-site-preview .header-compact .header-magazine-link { font-size: 12px; margin-top: 3px; }
#kb-site-preview .revealed-signup { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(30px, 5vw, 76px); padding: clamp(36px, 6vw, 84px) 6%; background: #eee8ef; border-top: 1px solid #c7b9ce; color: #3c144c; }
#kb-site-preview .revealed-signup h2 { font: 400 clamp(32px, 3.1vw, 46px)/1.16 "playfair display", Georgia, serif; letter-spacing: -.025em; margin: 0 0 30px; }
#kb-site-preview .revealed-signup h2 em { font-family: "Revealed Serif", Georgia, serif; }
#kb-site-preview .revealed-signup .kicker { color: #60476a; font-size: 11px; line-height: 1.6; }
#kb-site-preview .revealed-signup-magazine { display: grid; grid-template-columns: minmax(100px, 145px) minmax(0, 1fr); gap: 28px; align-items: center; }
#kb-site-preview .revealed-signup-magazine > a { display: block; transform: rotate(-4deg); }
#kb-site-preview .revealed-signup-magazine img { display: block; width: 100%; height: auto; box-shadow: 7px 9px 0 #d8ccd9; }
#kb-site-preview .revealed-signup .revealed-signup-wordmark { font: 400 clamp(36px, 4vw, 52px)/1 "Revealed Display", sans-serif; letter-spacing: .025em; color: #805b22; margin: 0; }
#kb-site-preview .revealed-signup .revealed-signup-subtitle { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; margin: 8px 0 16px; }
#kb-site-preview .revealed-signup-magazine p { font-size: 15px; line-height: 1.65; margin: 0 0 14px; }
#kb-site-preview .revealed-signup-magazine .textlink { font-size: 13px; }
#kb-site-preview .revealed-signup .revealed-next-issue { border-top: 1px solid #c7b9ce; padding-top: 23px; margin-top: 32px; font-size: 14px; line-height: 1.8; }
#kb-site-preview .revealed-next-issue > span { display: block; font-size: 10px; letter-spacing: .15em; color: #60476a; margin-bottom: 7px; }
#kb-site-preview .revealed-signup-panel { background: #fcfaf6; padding: clamp(24px, 3vw, 42px); border-top: 3px solid #98713b; }
#kb-site-preview .revealed-signup-panel h3 { font: 400 clamp(26px, 2.6vw, 36px)/1.2 "playfair display", Georgia, serif; margin: 0 0 16px; }
#kb-site-preview .revealed-signup-panel > p { font-size: 15px; line-height: 1.7; }
#kb-site-preview .newsletter-fields { display: grid; grid-template-columns: 1fr 1.4fr; gap: 16px; margin-top: 25px; }
#kb-site-preview .newsletter-form label, #kb-site-preview .newsletter-form legend { font: 400 13px/1.5 var(--font-navigation, Arial, sans-serif); }
#kb-site-preview .newsletter-fields label { display: block; min-width: 0; }
#kb-site-preview .newsletter-fields label > span { color: #69596d; font-size: 11px; }
#kb-site-preview .newsletter-fields input { display: block; box-sizing: border-box; width: 100%; border: 1px solid #9e8ba7; border-radius: 0; background: white; color: #3c144c; margin: 7px 0 0; padding: 11px; min-height: 46px; font: 400 16px/1.4 Arial, sans-serif; }
#kb-site-preview .newsletter-form fieldset { margin: 25px 0 0; padding: 0; border: 0; min-width: 0; }
#kb-site-preview .newsletter-form legend { margin-bottom: 13px; padding: 0; }
#kb-site-preview .newsletter-form .newsletter-choice { display: flex; align-items: flex-start; gap: 11px; margin: 0; padding: 9px 0; cursor: pointer; }
#kb-site-preview .newsletter-choice input { accent-color: #3c144c; width: 19px; height: 19px; flex: 0 0 19px; margin: 2px 0 0; }
#kb-site-preview .newsletter-choice strong { font-weight: 600; display: block; font-size: 14px; }
#kb-site-preview .newsletter-choice span span { display: block; color: #69596d; font-size: 12px; line-height: 1.6; margin-top: 2px; }
#kb-site-preview .newsletter-form .newsletter-privacy { font-size: 11px; line-height: 1.7; color: #69596d; margin: 22px 0; overflow-wrap: anywhere; }
#kb-site-preview .newsletter-privacy a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
#kb-site-preview .newsletter-form .action { width: 100%; justify-content: space-between; min-height: 48px; border: 1px solid #3c144c; cursor: pointer; }
#kb-site-preview .newsletter-form .action:disabled { opacity: .7; cursor: wait; }
#kb-site-preview .newsletter-status { font-size: 14px; line-height: 1.7; padding: 14px; background: #e9f0e7; color: #25422a; margin-top: 16px; }
#kb-site-preview .newsletter-status.is-error { background: #f7e8e5; color: #842d26; }
#kb-site-preview .newsletter-status[hidden] { display: none; }
#kb-site-preview .newsletter-form :focus-visible { outline: 2px solid #805b22; outline-offset: 4px; }
#kb-site-preview .newsletter-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#kb-site-preview .revealed-signup-panel .newsletter-current-link { margin: 22px 0 0; border-top: 1px solid #ded4dd; padding-top: 18px; font-size: 12px; line-height: 1.7; }
#kb-site-preview .newsletter-current-link a { white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1121px) and (max-width: 1280px) {
 #kb-site-preview .header-compact .masthead { flex-wrap: wrap; gap: 12px; }
 #kb-site-preview .header-compact .header-brand-group { width: 100%; justify-content: space-between; }
 #kb-site-preview .polished-header.header-compact .header-tools { width: 100%; }
}
@media (max-width: 900px) {
 #kb-site-preview .revealed-signup { grid-template-columns: 1fr; gap: 28px; }
 #kb-site-preview .revealed-signup-magazine { grid-template-columns: 120px 1fr; max-width: 580px; }
}
@media (max-width: 700px) {
 #kb-site-preview .header-compact .header-magazine-mobile { display: inline-flex; flex-direction: column; gap: 2px; }
 #kb-site-preview .header-compact .header-search-label { display: none; }
 #kb-site-preview .polished-header.header-compact .header-search button { width: 30px; padding-inline: 0; }
 #kb-site-preview .header-compact .header-utilities { gap: 10px; }
 #kb-site-preview .header-compact .header-magazine-mobile > span:first-child { font-size: 21px; }
 #kb-site-preview .header-compact .header-magazine-mobile-note { font-size: 9px; font-family: Arial, sans-serif; color: #3c144c; }
 #kb-site-preview .revealed-signup { padding: 40px 20px; }
 #kb-site-preview .revealed-signup-panel { padding: 24px 20px; }
 #kb-site-preview .revealed-signup h2 { font-size: 34px; }
 #kb-site-preview .newsletter-fields { grid-template-columns: 1fr; }
 #kb-site-preview .revealed-signup-magazine { grid-template-columns: 100px 1fr; gap: 22px; }
 #kb-site-preview .revealed-signup-magazine p { font-size: 13px; }
}
