/* Shared layout vocabulary, taken from the original site rather than a new theme. */
.demo-content{max-width:none;padding:30px 30px 44px;width:100%}
/* Gentle blue copy-link highlight, softened from the original at Joe's request.
   Scope to copy links so glass controls retain their own interactive treatment. */
.page-content :is(p,li,dt,dd,blockquote,.reading-copy) a:not(.button):is(:hover,:focus-visible,:active),
.page-content :is(.back-link,.more-link):is(:hover,:focus-visible,:active){color:#38658a;background-color:#edf3f8}
.page-title{margin-bottom:24px;isolation:isolate}
.page-title h1{font-size:48px;margin-bottom:8px}
/* Orange sampled from the original Newsroom title_main.gif lettering. */
.page-title .section-caption{position:relative;z-index:1;font:bold 13px/1.4 "Trebuchet MS",sans-serif;color:#cc6600;margin:-15px 0 5px}
.home-page .page-title h1{font-size:66px;margin-bottom:0}
.home-page .page-title{margin-bottom:4px}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:26px}
.home-welcome p{margin:0;line-height:1.25}
/* Source: welcome above the 179px book graphic, archive links to its right.
   The graphic uses the same 1.25x enlargement as the header and navigation. */
.home-discovery{display:grid;grid-template-columns:223.75px minmax(0,1fr);gap:20px}
.store-promo{display:block;align-self:start;margin:0}
.store-promo img{display:block;width:100%;height:auto}
.store-banner{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:179/225;text-align:center;text-decoration:none;color:#555}
.store-banner-card{position:absolute;left:7.263%;top:13.778%;width:85.475%;height:85.778%;border:1px solid #dedede;border-radius:4.47cqw;background:#fff;box-shadow:0 .7px 1.3px rgb(0 0 0 / .07)}
.store-banner .store-banner-art{position:absolute;left:0;top:0;width:100%;height:61.333%;object-fit:contain;mix-blend-mode:multiply}
.store-banner-title{position:absolute;left:0;right:0;top:59.6%;font:400 13.9665cqw/1.12 'SG Footlight','Footlight MT Light',serif;color:#356da5;white-space:nowrap;transform:scaleX(.93);text-shadow:0 .5px 1.2px rgb(77 101 131 / .23)}
.store-banner-copy{position:absolute;left:10%;right:10%;top:73.333%;font:400 5.028cqw/1.36 Geneva,Arial,sans-serif;color:#555;letter-spacing:.04cqw;white-space:nowrap}
.store-banner-more{position:absolute;left:0;right:0;top:90.9%;font:700 5.028cqw/1.35 Arial,sans-serif;color:#cc6600;white-space:nowrap}
.store-banner-more silent-glass-arrow{width:2.9cqw;height:4.685cqw;vertical-align:-.5cqw;margin-right:1.4cqw}
.store-banner:hover .store-banner-more,.hope-banner:hover .hope-banner-more{text-decoration:underline}
.home-archives{min-width:0;padding-top:38.75px}
.home-sidebar{padding:0 2px}
.thought{position:relative;isolation:isolate;width:100%;max-width:220px;margin:0 0 17px;text-align:left;background:#fff;align-self:start}
.page-content .thought-title,.thought-title{display:block;position:relative;margin:0;padding:0;border:0;line-height:0;background:none}
.thought-title img{display:block;width:100%;height:auto}
/* Measured from the 176px title and its original 8px side slices. The right
   slice includes a 5px shadow gutter; the rim is deliberately asymmetric. */
.healing-thought::before{content:"";position:absolute;z-index:-1;left:.682%;right:2.727%;top:0;bottom:6px;border:1px solid #dadada;border-radius:11px;background:#fff;box-shadow:1px 3px 4px rgb(0 0 0 / .18)}
.thought-copy{position:relative;padding:0 6.25% 15px 4.545%}
.thought .thought-copy blockquote{margin:0;font:13px/1.28 Arial,Helvetica,sans-serif;color:#555}
.thought .thought-copy .quote-credit{margin:0;color:#255aa5;font:12px/1.5 Arial,Helvetica,sans-serif;padding-left:5px}
.daily-food{margin-bottom:11px}
.daily-food .thought-copy{padding-left:5.78%;padding-right:3%;padding-bottom:8px}
.daily-food::after{content:"";display:block;width:93.75%;height:4px;margin-left:2.84%;background:linear-gradient(to bottom,#e5e5e5 0 1px,#f8f8f8 1px 2px,#e5e5e5 2px 3px,transparent 3px);mask-image:linear-gradient(to right,transparent,#000 6%,#000 88%,transparent)}
/* The Hope master was cropped at (25,5) to the published 183x134 banner.
   Keep those original coordinates; fonts now scale with the component width. */
.hope-banner{display:block;position:relative;isolation:isolate;container-type:inline-size;width:100%;max-width:206px;aspect-ratio:183/134;margin:4px auto 0;text-align:left;text-decoration:none}
.hope-banner-card{position:absolute;left:.546%;top:20.896%;width:93.443%;height:73.881%;border:1px solid #d9d9d9;border-radius:4.918cqw;background:#fff;box-shadow:1px 2.5px 3px rgb(0 0 0 / .21)}
.hope-banner-copy{position:absolute;left:7.65%;top:29.851%;font:400 4.918cqw/1.25 Geneva,Arial,sans-serif;color:#cc6600;white-space:nowrap;transform:scaleX(.9);transform-origin:left top;text-shadow:none}
.hope-banner .hope-banner-butterfly{position:absolute;left:42.077%;top:4.478%;width:55.191%;height:61.94%;object-fit:contain;filter:drop-shadow(1px 2px 2.1px rgb(64 54 29 / .28))}
.hope-banner-title{position:absolute;left:5.46%;top:60.45%;font:400 13.661cqw/1.12 'SG Footlight','Footlight MT Light',serif;color:#356da5;white-space:nowrap;transform:scaleX(.89);transform-origin:left center;text-shadow:0 0 2.5px rgb(65 114 172 / .25),.4px 1px 1.5px rgb(64 77 95 / .28)}
.hope-banner-more{position:absolute;left:32.787%;top:80.597%;font:400 4.918cqw/1.2 Geneva,Arial,sans-serif;color:#255aa5;white-space:nowrap}
.hope-banner-more silent-glass-arrow{width:2.9cqw;height:4.685cqw;vertical-align:-.5cqw;margin-right:1.6cqw}
.home-entry{position:relative;margin:0 0 23px;padding-bottom:18px;font:13.75px/1.3 Arial,sans-serif}
.home-entry::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.25px;background:linear-gradient(to right,transparent,#ddd 12%,#ddd 70%,transparent)}
.home-archive-heading{padding-left:18.75px;position:relative}
.page-content .home-archive-heading h2{display:inline;font:bold 13.75px/1.3 "Trebuchet MS",sans-serif;margin:0}
.home-archive-heading a{color:#334a77;text-decoration:none}
.home-archive-heading a:hover,.home-feature a:hover{text-decoration:underline}
.home-archive-arrow{position:absolute;left:0;top:2px;display:flex;align-items:center;justify-content:center;width:13px;height:14px;padding-bottom:2px;border:1px solid #a5acb8;border-radius:4px;background:linear-gradient(#b7beca,#717a8e);box-shadow:0 1px 2px #ddd;color:#fff;font:12px/1 Arial,sans-serif}
.home-archive-count{color:#555}
.page-content .home-feature{padding-left:31.25px;position:relative;margin:0}
.home-feature a{color:#305b80;text-decoration:none}
.home-feature a>span[aria-hidden]{position:absolute;left:18.75px;top:3px}
.home-feature-date{white-space:nowrap}
.archive-layout{display:grid;grid-template-columns:202px minmax(0,1fr);gap:27px;align-items:start}
.archive-layout .page-title h1{font-size:46px}
.category-menu{font:12.625px/1.35 Arial,sans-serif}
.category-panel{position:relative;isolation:isolate;padding-bottom:18px;overflow:visible}
.category-panel::before{content:"";position:absolute;z-index:-1;left:1.136%;right:2.84%;top:20px;bottom:0;border:1px solid #dfe3e8;border-top:0;border-radius:0 0 12px 12px;background:#fff;box-shadow:1px 2px 3px #e3e6e9}
.page-content .category-menu h2{padding:0;margin:0 0 9px;background:none;color:#114199;text-align:center;font:13px/1.2 "Trebuchet MS",sans-serif;letter-spacing:.325px;border:0}
.category-menu silent-glass-cap{display:block;width:100%;aspect-ratio:176/33}
.category-menu nav{display:grid;gap:5.74px;margin-left:5.682%;margin-right:6.818%}
.category-menu nav a{display:flex;align-items:center;min-height:23.35px;background:#f2f2f2;color:#333a77;padding:1.72px 4.59px 1.72px 0;border:1px solid #e1e6e9;text-decoration:none;border-radius:0}
.category-menu nav a:hover{background:#e5ebf0;color:#0066cc;text-decoration:underline}
.category-menu nav a.selected{background:#d9e0e5}
.category-arrow{display:inline-flex;justify-content:center;align-items:center;width:31px;flex-shrink:0;opacity:.55}
.selected .category-arrow{opacity:1}
/* Align the checkbox center with the category arrows and its label with the row text.
   The 1px left padding matches the neighboring links' border inset. */
.title-only{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;border:0;border-top:1px solid #e1e6e9;background:transparent;padding:10px 4.59px 0 1px;width:87.5%;text-align:left;font:11.5px/1.35 Arial,sans-serif;color:#647586;margin:12px 6.818% 0 5.682%;cursor:pointer}
.title-only input{width:13px;height:13px;margin:0;justify-self:center;accent-color:#5685a7;cursor:pointer}
.title-only:hover,.title-only:has(input:checked){color:#305b80}
.share-button-wrap{position:relative;container-type:inline-size;width:100%;max-width:202px;aspect-ratio:176/115;margin:-12px auto 0}
.share-invitation{position:absolute;display:block;left:22.727%;top:0;width:53.409%;aspect-ratio:1;border-radius:50%;color:#114199;text-decoration:none}
.share-invitation>img{position:absolute;left:-42.553%;top:0;display:block;width:187.234%;max-width:none;height:122.34%;pointer-events:none}
.share-invitation::after{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse at 60% 35%,#fff9,transparent 72%);opacity:0;transition:opacity 160ms ease;pointer-events:none}
.share-button-copy{position:absolute;z-index:1;top:20.21%;left:51.6%;transform:translateX(-50%);width:max-content;text-align:center;font:400 6.25cqw/1.091 "Trebuchet MS",sans-serif;letter-spacing:.15625cqw;-webkit-text-stroke:.1px currentColor;text-shadow:0 .45px .8px #d1dbea}
.share-button-cta{position:absolute;z-index:1;top:66.49%;left:51.6%;transform:translateX(-50%);display:flex;align-items:center;gap:2.27cqw;white-space:nowrap;color:#e8641b;font:400 5.682cqw/1.2 "Trebuchet MS",sans-serif;letter-spacing:.142cqw}
.share-button-cta silent-glass-arrow{width:2.955cqw;height:4.77cqw}
.share-invitation:hover::after,.share-invitation:focus-visible::after{opacity:1}
.share-invitation:hover .share-button-copy{color:#0066bc}
.share-invitation:focus-visible{outline:2px solid #3b83af;outline-offset:4px}
.share-invitation:active::after{opacity:.4}
@media(prefers-reduced-motion:reduce){.share-invitation::after{transition:none}}
.archive-controls{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin:0 0 22px;font-size:12px;color:#768394}
.archive-count{margin:0!important}
.news-archive-controls{align-items:start}
.page-content .news-archive-description{margin:0;color:#555;font:13.75px/1.35 Arial,sans-serif}
.news-archive-intro .archive-count{padding-top:5px}
.archive-search{display:flex;flex-direction:column;gap:3px}
.archive-search input{font:13px Arial,sans-serif;width:165px;padding:5px 7px;border:1px solid #cbd2d9;border-radius:3px}
.archive-entry{margin:0 0 24px}
.page-content .archive-entry h2{font:bold 17px/1.35 "Trebuchet MS",sans-serif;color:#326ca3;border-bottom:1px dotted #c4cbd3;padding-bottom:4px;margin-bottom:5px}
.archive-entry h2 a{text-decoration:none;color:inherit}
.archive-entry h2 a:hover{text-decoration:underline}
/* News-entry dividers retain the source gray 2px-on / 1px-off rhythm.
   The layered blue rules Joe requested belong beneath the globe. */
.page-content [data-archive="news"] .archive-entry h2{position:relative;border-bottom:0}
.page-content [data-archive="news"] .archive-entry h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.25px;background:repeating-linear-gradient(to right,#cbcbcb 0 2.5px,transparent 2.5px 3.75px);pointer-events:none}
.page-content .entry-meta{font:12px/1.5 Arial,sans-serif;color:#7183a3;margin:0 0 7px}
.archive-entry .entry-meta,.archive-entry .entry-summary{margin-left:20px}
.archive-entry .entry-summary{font-size:14px;line-height:1.5}
.pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;margin:24px 0 5px}
.pagination button{border:1px solid #d8dde2;border-radius:3px;background:#fff;padding:4px 9px;color:#305b80;font:inherit;cursor:pointer}
.pagination button[aria-current=page]{background:#e3eaf0;border-color:#bccbd7;font-weight:bold}
.titles-only .entry-summary{display:none}
.titles-only .archive-entry{margin-bottom:14px}
.empty-results{padding:20px 0;color:#768394}
/* Keep the entire globe behind the neighboring copy without clipping its faded edges. */
.archive-layout:has(.news-sidebar){isolation:isolate}
.news-sidebar{position:relative;z-index:0}
.archive-layout:has(.news-sidebar)>:last-child{position:relative;z-index:1}
.news-sidebar>img{display:block;max-width:100%;height:auto;margin:0 auto}
.news-globe{--globe-line-opacity:.27;--globe-line-step:4px;--globe-line-width:1px;position:relative;isolation:isolate;width:215px;max-width:100%;aspect-ratio:215/150;margin:0 auto;background:#fff}
/* The source hatch follows x-y = constant: NW-to-SE lines, not horizontal stripes. */
/* Source rules begin at y=139.6 in the 215x150 frame. Clip the hatch there;
   keep its full-frame radial fade, rather than squeezing it into a shorter box. */
.news-globe::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#637991 0 var(--globe-line-width),transparent var(--globe-line-width) var(--globe-line-step));opacity:var(--globe-line-opacity);mask-image:radial-gradient(ellipse 46% 74% at 50% 50%,#000 25%,rgba(0,0,0,.8) 62%,transparent 100%);clip-path:inset(0 0 6.933333% 0);z-index:0;pointer-events:none}
.news-globe::after{content:"";position:absolute;inset:0;background:url("relaunch-assets/newsroom/globe-ground-rules.svg") center / 100% 100% no-repeat;z-index:0;pointer-events:none}
.news-globe .news-globe-image{position:absolute;display:block;left:2.23%;top:-1.2%;width:95.46%;height:auto;max-width:none;z-index:1}
.news-globe.lines-off::before{display:none}
/* Slightly wider artwork; the live heading now sets the narrower copy width. */
.news-sidebar .news-globe{width:128%;max-width:none;margin:0 -14%;--globe-line-step:5.12px;--globe-line-width:1.28px}
.news-sidebar-copy{width:max-content;max-width:calc(100% - 20px);margin:8px auto 0}
.news-caption{width:100%;margin:0;min-height:35.7px;text-align:center}
.page-content .news-caption h2,.news-caption h2{margin:0;color:#292322;font:700 21px/23px "Trebuchet MS",sans-serif;white-space:nowrap}
.page-content .news-caption .news-kicker,.news-caption .news-kicker{margin:0;padding:0;color:#868d7b;font:400 10.5px/13.5px "Trebuchet MS",sans-serif;white-space:nowrap;contain:inline-size}
.page-content .news-sidebar .news-intro,.news-sidebar .news-intro{width:100%;margin:12px 0 0;padding:0;color:#555;font:13px/1.5 Arial,sans-serif;contain:inline-size}
.back-link{display:inline-block;margin:0 0 19px;font-size:12px;text-decoration:none}
.page-content h1.reading-title{font:bold 29px/1.18 "Trebuchet MS",sans-serif;letter-spacing:0;color:#326ca3;text-shadow:none;margin:0 0 10px;width:auto}
.page-content h1.reading-title::after{display:none}
.reading-copy{font-size:15px;line-height:1.6;max-width:72ch}
.reading-copy p{margin-bottom:16px}
.reading-copy ul,.reading-copy ol{padding-left:23px;margin:10px 0 22px}
.reading-copy li{margin:0 0 6px}
.page-content .reading-copy h2{color:#365f85;font-size:17px;margin:22px 0 7px}
.reading-copy>h2:first-child{margin-top:0}
.page-content .site-information-copy h2{margin-bottom:3px}
.site-information-copy h2+ol,.site-information-copy h2+ul{margin-top:3px}
.detail-meta{margin-bottom:22px!important}
.detail-source{border-top:1px dotted #ccd3db;padding-top:15px;margin-top:30px!important;font-size:13px}
.portrait-layout{display:grid;grid-template-columns:177px minmax(0,1fr);gap:30px}
.portrait-column{border-top:1px solid #ccc;padding-top:14px}
.portrait-column>img{display:block;max-width:100%;height:auto;margin:0 auto 18px}
.portrait-column .book-cover{width:158px}
.related-links{display:grid;gap:8px;border-top:1px solid #ccc;padding:14px 0;font-size:13px}
.resource-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0 0}
.resource-columns>section{min-width:0;border:1px solid #e6ebef;border-radius:4px 4px 9px 9px;background:#fff}
/* The approved unselected-tab colors: one soft fade, a fine bright lip,
   shaded upper corners and a quiet lower seam, without stacked shine bands. */
.page-content .resource-heading{position:relative;isolation:isolate;display:flex;align-items:center;min-height:25px;margin:-1px -1px 0;padding:3px 12px;border:1px solid #8ba1b0;border-bottom-color:#d3dce3;border-radius:4px 4px 0 0;color:#305b80;font:bold 14px/1.2 "Trebuchet MS",sans-serif;background:radial-gradient(circle at 0 0,rgb(61 89 110 / .25),transparent 8px),radial-gradient(circle at 100% 0,rgb(61 89 110 / .25),transparent 8px),linear-gradient(180deg,#90a7b9 0%,#f4f7f8 5.88%,#e4eaed 11.76%,#c9d4dd 17.65%,#c9d4dd 23.53%,#d6dee4 29.41%,#d6dee4 35.29%,#dde4e8 41.18%,#e4eaed 47.06%,#eaedf1 52.94%,#f2f4f7 58.82%,#fbfdfd 64.71%,#fff 70.59%);box-shadow:0 1px 2px rgb(57 82 108 / .1);text-shadow:0 .6px .6px rgb(13 34 72 / .14)}
.resource-heading::before{content:"";position:absolute;z-index:0;pointer-events:none;left:4px;right:4px;top:1px;height:1px;background:#e9f0f4;opacity:.85;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.resource-heading::after{content:"";position:absolute;z-index:0;pointer-events:none;left:2px;right:2px;bottom:-3px;height:3px;background:linear-gradient(#cdd5df 0 1px,#fff 1px 2px,#e5e9ed 2px 3px);opacity:.8;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.resource-heading>span{position:relative;z-index:1}
.resource-columns ul{list-style:none;padding:0 10px 12px;margin:19px 0 0;font-size:14px;line-height:1.5}
.resource-columns li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;margin-bottom:17px;padding:0 2px}
.resource-columns li:last-child{margin-bottom:0}
.resource-list-marker{display:flex;align-items:center;justify-content:center;width:18px;height:21px;color:#7593a8}
.resource-diamond{display:block;width:7px;height:7px;fill:#dbe7ef;stroke:currentColor;stroke-width:1.05;stroke-linejoin:round}
.resource-columns li:has(a:hover) .resource-list-marker{color:#305b80}
.resource-columns li:has(a:hover) .resource-diamond{fill:#bcd8ea}
.resource-item-copy{min-width:0;overflow-wrap:anywhere}
.resource-columns .resource-unavailable{color:#858b90}
.resource-unavailable .resource-list-marker{color:#c4c9ce}
.resource-unavailable .resource-diamond{fill:#f0f2f4}
.resource-status{white-space:nowrap;font-size:12px;font-weight:400}
.store-menu{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;padding:0 0 14px;margin:0 0 25px;border-bottom:1px solid #e4e9ed;font:13px/1.4 "Trebuchet MS",Arial,sans-serif}
.store-menu a{padding:5px 0;text-decoration:none;color:#536e83;border-bottom:2px solid transparent}
.store-menu a:is(:hover,:focus-visible){color:#355d7b;border-bottom-color:#c4d5e1}
.store-menu a[aria-current=page]{color:#355d7b;font-weight:700;border-bottom-color:#7c9eb8}
.store-menu a:focus-visible{outline:2px solid #4a7c9b;outline-offset:3px}
.page-content .store-return{margin:-8px 0 18px;font-size:12px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:4px 0 32px;border-bottom:1px solid #e1e4e7}
.product-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;border-right:1px solid #e1e4e7}
.product-tile:last-child{border-right:0}
.product-tile>a:first-child{display:block;width:100%}
.product-tile img{display:block;width:100%;height:auto;margin:0 0 14px}
.page-content .product-tile h2{color:#326ca3;font-size:19px;line-height:1.2;margin-bottom:6px}
.product-tile>a{text-decoration:none}
.product-tile>a:hover h2{text-decoration:underline}
.page-content .product-tile-description{font-size:13px;line-height:1.4;color:#777;min-height:53px;margin:0 0 12px}
.page-content .product-tile-format{font:12px/1.4 "Trebuchet MS",Arial,sans-serif;color:#6a7782;margin:auto 0 3px}
.page-content .product-tile-price{font-size:13px;color:#4c5964;margin:0 0 14px}
.product-tile .product-details-button{font-size:12px}
.product-detail{display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-areas:"cover heading" "cover main";grid-template-rows:auto 1fr;gap:12px 34px;margin:4px 0 20px}
.product-cover{grid-area:cover}
.product-heading{grid-area:heading}
.product-main{grid-area:main;min-width:0}
.product-cover img{display:block;max-width:100%;max-height:360px;width:auto;height:auto;margin:0 auto}
.product-specs{padding:22px 10px 0;font-size:13px;line-height:1.5}
.page-content .product-specs h2,.page-content .product-specs h3{font:bold 16px/1.3 "Trebuchet MS",sans-serif;color:#3b648a;margin:0 0 12px}
.product-specs ul{padding-left:18px;margin:0 0 22px}
.product-specs li{margin:3px 0}
.product-specs .track-list{font-size:13px;padding-left:20px;margin:0 0 22px}
.product-buying{padding:15px 0 17px;margin:3px 0 24px;border-top:1px solid #e1e7ec;border-bottom:1px solid #e1e7ec}
.page-content .product-price{font-size:13px;margin:0 0 12px}
.page-content .product-shipping{font-size:12px;color:#6c7a87;margin:14px 0 0}
.page-content .product-detail h2{font-size:16px;color:#3b648a}
.product-author{font-size:13px;margin-top:8px!important}
.product-detail .entry-meta{padding:12px 0;border-top:1px dotted #ccd3db;border-bottom:1px dotted #ccd3db;margin:14px 0 20px}
.product-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;font-size:13px}
.product-actions .direct-order-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 177px;width:177px;max-width:100%;height:44px;box-sizing:border-box;padding:0 10px;white-space:nowrap}
.order-selection{display:flex;gap:16px;align-items:center;padding:16px 18px;border:1px solid #dce4eb;border-radius:6px;background:#fafcfd;margin:0 0 22px;max-width:650px}
.order-selection img{width:48px;max-height:75px;object-fit:contain;flex:none}
.page-content .order-selection h2{margin:0 0 4px;color:#3b648a;font-size:17px}
.page-content .order-selection p{font-size:13px;margin:0 0 6px}
.page-content .order-selection-label{font:12px/1.4 "Trebuchet MS",Arial,sans-serif;color:#6d7e8c}
.order-selection a{font-size:12px}
.reading-copy .order-steps{counter-reset:order-step;list-style:none;padding:0;margin:14px 0 24px;max-width:650px}
.reading-copy .order-steps>li{position:relative;counter-increment:order-step;padding:0 0 0 34px;margin:0 0 22px}
.order-steps>li::before{content:counter(order-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #d4dfe7;border-radius:50%;color:#52718a;background:#f7fafc;font:700 12px/1 "Trebuchet MS",Arial,sans-serif}
.page-content .order-steps h3{margin:0 0 6px;color:#3b648a}
.order-steps address{font-style:normal;line-height:1.65}
.store-help{padding-top:18px;border-top:1px solid #e4e9ed}
.page-content .store-help h2{margin-top:0}
.track-list{padding-left:22px;font-size:14px}
.track-list li{margin:6px 0}.track-list span{color:#768394;margin-left:12px}
.source-note{font-size:12px;color:#7d8894;margin-bottom:25px!important}
.shipping-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:25px}
.shipping-domestic{max-width:440px}
.page-content .shipping-delivery{font-size:13px;color:#6c7a87;line-height:1.55;margin:12px 0 26px}
.shipping-availability{border:1px solid #dce4eb;border-radius:6px;background:#fafcfd;padding:20px 22px;margin-top:26px}
.page-content .shipping-availability h2{margin:0 0 10px}
.page-content .shipping-availability p{margin:0 0 12px}
.page-content .shipping-availability p:last-child{margin-bottom:0}
.shipping-table{border-collapse:collapse;width:100%;font-size:14px;margin-bottom:12px}
.shipping-table caption{text-align:left;font:bold 18px "Trebuchet MS",sans-serif;color:#365f85;margin:0 0 10px}
.shipping-table th,.shipping-table td{text-align:left;padding:7px 10px;border-bottom:1px solid #e1e5e9;font-weight:normal}
.shipping-table thead th{background:#edf1f5;font-weight:bold}
.shipping-table tbody tr:nth-child(even){background:#f8fafc}
.signup-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;grid-template-areas:"heading signup" "copy signup";column-gap:40px;align-items:start}
.signup-layout .hope-page-title{grid-area:heading}
.signup-layout .reading-copy{grid-area:copy}
.signup-column{grid-area:signup}
/* The source heading joined title_left.gif and title_right.jpg; keep the clean
   butterfly attached to Day, with live type and the approved subtle shadow. */
.hope-page-title{padding-bottom:38px}
.hope-title-day{display:inline-block;position:relative;white-space:nowrap}
.hope-title-butterfly{position:absolute;z-index:-1;left:.125em;top:.354167em;width:2.291667em;height:auto;max-width:none;pointer-events:none;filter:drop-shadow(1px 2px 2.1px rgb(64 54 29 / .28))}
.signup-column .preview-form{margin:0 0 16px}
.narrow-copy{max-width:650px}
.preview-form{padding:20px;background:linear-gradient(130deg,#fafbfd,#f4f7fa);border:1px solid #dde4ec;border-radius:8px;margin:20px 0 25px;max-width:650px}
.preview-form label{display:flex;flex-direction:column;gap:5px;font:bold 13px/1.4 "Trebuchet MS",sans-serif;color:#536b84;margin:0 0 17px}
.preview-form :is(input:not([type=checkbox]),select,textarea){border:1px solid #c0cad6;border-radius:4px;padding:9px;background:#fff;color:#444;font:15px/1.4 Arial,sans-serif;width:100%;min-width:0}
.preview-form textarea{resize:vertical}
.preview-form .check-label{flex-direction:row;align-items:start;font-weight:normal;color:#555}
.check-label input{margin-top:3px;accent-color:#326ca3}
.button{display:inline-block;appearance:none;border:1px solid #9db0c5;border-radius:5px;padding:8px 16px;background:linear-gradient(#fff,#e4ebf3);color:#355d85;font:bold 13px/1.4 "Trebuchet MS",sans-serif;box-shadow:0 1px 2px #e4e8ed;text-decoration:none;cursor:pointer}
.button:hover{background:linear-gradient(#f4f8fc,#d8e4ee)}
.button:disabled{opacity:.6;cursor:default}
/* Joe rejected the strong retailer fills. Keep their names as small labels
   inside the same quiet button, with a discreet outward-link mark. */
.page-content .retailer-button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 177px;width:177px;max-width:100%;height:44px;padding:0 16px;color:#44637b;background:linear-gradient(#fff,#f7f9fa);border:1px solid #c9d3db;border-radius:5px;font:700 13px/1 "Trebuchet MS",Arial,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;box-sizing:border-box;box-shadow:0 1px 2px rgb(61 83 103 / .07);transition:border-color .15s,box-shadow .15s}
.page-content .retailer-button:is(:hover,:focus-visible){color:#365970;background:linear-gradient(#fff,#f0f5f8);border-color:#a3b7c5;text-decoration:none;box-shadow:0 1px 3px rgb(61 83 103 / .12)}
.retailer-outbound{display:block;flex:none;width:11px;height:11px;opacity:.6}
.page-content .retailer-button:focus-visible{outline:2px solid #4a7c9b;outline-offset:3px}
@media(max-width:700px){.book-layout .portrait-column{flex-wrap:wrap;justify-content:center}}
@media(prefers-reduced-motion:reduce){.page-content .retailer-button{transition:none}}
.page-content .form-note{font:11px/1.5 Arial,sans-serif;color:#7b8795;margin:12px 0 0}
.page-content .form-status{font-size:13px;color:#365f85;margin:14px 0 0}
.form-status:empty{display:none}
/* Keep status notices readable while inactive forms share neutral gray styling. */
.page-content .story-submissions-notice h2{color:#365f85;margin:0 0 10px}
.newsletter-status-notice{padding:18px 20px;border:1px solid #dde4ec;border-radius:8px;background:#fafbfd;margin:0 0 24px}
.page-content .newsletter-status-notice p{font-size:14px;line-height:1.5;margin:0}
.signup-column .newsletter-status-notice{margin-bottom:0}
@media(max-width:700px){.signup-layout{grid-template-areas:"heading" "signup" "copy";gap:24px}.signup-layout .hope-page-title{margin-bottom:0}}
.page-content .form-inactive :is(h2,p){color:#909090}
.page-content .form-inactive h2{margin-bottom:16px}
:is(.story-form-closed,.form-inactive){background:#f4f4f4;border-color:#dedede}
:is(.story-form-closed,.form-inactive) fieldset{border:0;padding:0;margin:0;min-width:0}
:is(.story-form-closed,.form-inactive) label,:is(.story-form-closed,.form-inactive) .check-label{color:#909090}
:is(.story-form-closed,.form-inactive) :is(input:not([type=checkbox]),select,textarea){background:#ececec;border-color:#d1d1d1;color:#999;-webkit-text-fill-color:#999;opacity:1}
:is(.story-form-closed,.form-inactive) input::placeholder{color:#aaa;opacity:1}
:is(.story-form-closed,.form-inactive) input[type=checkbox]{accent-color:#aaa}
:is(.story-form-closed,.form-inactive) :is(input,select,textarea,button){cursor:not-allowed}
:is(.story-form-closed,.form-inactive) .button,:is(.story-form-closed,.form-inactive) .button:hover{background:#e3e3e3;border-color:#ccc;color:#929292;box-shadow:none;opacity:1}
address{font-style:normal;line-height:1.65;margin:15px 0 26px}
.contact-list{margin:23px 0 32px}
.contact-list>div{padding:12px 0;border-bottom:1px dotted #ccd3db}
.contact-list dt{font:bold 16px "Trebuchet MS",sans-serif;margin-bottom:4px}
.contact-list dd{margin:0;font-size:14px}
.skip-link{position:absolute;top:-60px;left:15px;background:#fff;z-index:10;padding:10px}.skip-link:focus{top:5px}
.demo-review-tools{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;padding:16px 24px;border-top:1px solid #e5e8ea;background:#fafbfc;font:12px/1.4 Arial,sans-serif;color:#758495}
.demo-review-tools label{display:flex;align-items:center;gap:9px}.demo-review-tools select{font:inherit;border:1px solid #c9d5de;border-radius:4px;padding:6px;color:#45647f;background:#fff;max-width:250px}
.demo-review-tools>span{font-size:11px}
[hidden]{display:none!important}
button:focus-visible,textarea:focus-visible{outline:2px solid #3b83af;outline-offset:3px}
/* Keep the glass rail intact on narrow windows; a compact menu can replace it at relaunch. */
@media(max-width:950px){.site-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;height:38px}.site-tabs silent-glass-tabs{min-width:936.5px}.demo-content{padding:25px}.home-grid{grid-template-columns:1fr 200px;gap:22px}.home-page .page-title h1{font-size:clamp(40px,6.8vw,66px)}.home-page .page-title{margin-bottom:17px}.home-discovery{grid-template-columns:180px minmax(0,1fr);gap:15px;margin-top:12px}.archive-layout{grid-template-columns:175px 1fr;gap:22px}}
@media(max-width:700px){.home-grid,.archive-layout,.portrait-layout,.signup-layout{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.hope-banner{align-self:start}.category-menu{max-width:100%}.category-menu nav{grid-template-columns:1fr 1fr}.news-sidebar{display:none}.resource-columns,.shipping-columns{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-tile{border-right:0;border-bottom:1px solid #e1e4e7;padding:20px}.product-tile img{max-width:260px;margin:0 auto 15px}.product-detail{grid-template-columns:1fr}.product-cover img{max-height:240px}.portrait-column{display:flex;gap:25px;align-items:center}.portrait-column>img{margin:0;max-height:200px;width:auto}.related-links{border:0}.page-title h1,.archive-layout .page-title h1,.home-page .page-title h1{font-size:40px}.signup-column{max-width:400px}.demo-review-tools{gap:13px}}
@media(max-width:450px){.home-discovery{grid-template-columns:1fr;gap:18px;margin-top:20px}.store-promo{width:200px;margin:0 auto}.home-archives{padding-top:0}.home-sidebar{grid-template-columns:1fr;justify-items:center;margin-top:0}.home-sidebar .thought,.home-sidebar .hope-banner{width:215px;max-width:100%}.home-welcome p{line-height:1.45}.home-welcome .welcome-heading{margin-bottom:7px}}
@media(max-width:700px){.store-menu{gap:4px 16px;margin-bottom:22px}.store-page .page-title h1{font-size:32px;letter-spacing:-.6px}.product-detail{grid-template-areas:"heading" "cover" "main" "specs";gap:20px}.product-cover{display:contents}.product-cover>img{grid-area:cover}.product-cover>.product-specs{grid-area:specs;padding:18px 0 0;border-top:1px solid #e1e7ec}.product-buying{margin-top:0}.product-tile-description{min-height:0!important}.product-tile-format{margin-top:6px!important}}