/* The library shares the wedding site's paper, forest ink and photographic treatment. */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 16px;padding:28px var(--gutter);font-size:16px}
.breadcrumbs a{padding:6px 0}
.breadcrumbs>span{align-self:center}
.notes-heading{padding:40px var(--gutter) 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px 8vw;align-items:start}
.notes-heading h1{font-size:clamp(40px,5.8vw,84px);max-width:12ch;grid-row:span 2}
.notes-heading>p{max-width:42ch;font-size:22px;line-height:1.4}
.notes-feature{display:grid;grid-template-columns:1.3fr 1fr;background:var(--forest);color:var(--paper);align-items:stretch}
.feature-photo{display:block;overflow:hidden;min-height:530px;aspect-ratio:1.3}
.feature-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.86)}
.notes-feature>div{padding:60px var(--gutter);align-self:center}
.notes-feature h2{font-size:clamp(36px,4.2vw,64px)}
.notes-feature p{margin:28px 0;max-width:42ch}
.notes-feature .text-link{min-height:44px}
.notes-library{display:grid;grid-template-columns:.8fr 1.3fr;gap:8vw;align-items:start}
.notes-library .library-heading{position:sticky;top:calc(var(--nav-height) + 45px)}
.notes-library h2{font-size:clamp(36px,4vw,58px)}
.notes-library .library-heading p{margin:28px 0;max-width:28ch}
.library-topic+.library-topic{margin-top:60px}
.library-topic>h3{font:500 19px/1.4 var(--font-text);letter-spacing:0;margin-bottom:26px}
.notes-library ul{list-style:none;padding:0;margin:0;display:grid;gap:36px}
.guide-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;text-decoration:none;align-items:start}
.guide-row-image{overflow:hidden}
.guide-row img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.86);transition:transform .6s}
.guide-row:hover img{transform:scale(1.04)}
.guide-row h4{font:400 32px/1.12 var(--font-display);margin:0;letter-spacing:-.035em;text-wrap:pretty}
.guide-row h4{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.guide-row p{margin:18px 0;font-size:18px;max-width:38ch}
.article-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;padding:24px var(--gutter) 85px}
.article-heading h1{font-size:clamp(36px,4.5vw,66px)}
.article-intro{font-size:22px;line-height:1.45;margin-top:32px;max-width:42ch}
.article-byline{font-size:16px;margin:28px 0}
.article-hero figure{width:100%}
.article-hero figure.is-portrait{max-width:480px;justify-self:center}
.article-hero figure img{width:100%;height:auto;filter:saturate(.86)}
.article-hero figcaption{font-size:16px;max-width:46ch}
.article-layout{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,2fr);gap:7vw;padding:0 var(--gutter) 120px}
.article-index nav{position:sticky;top:calc(var(--nav-height) + 36px);max-width:28ch;font-size:16px}
.article-index nav>p{font-weight:600;font-size:18px;margin-bottom:18px}
.article-index ul{list-style:none;margin:0;padding:0}
.article-index a{display:block;padding:10px 0;text-decoration:none}
.article-index a:hover{text-decoration:underline}
.article-body{max-width:780px;width:100%;justify-self:center}
.article-body>section{margin-top:68px;scroll-margin-top:20px}
.article-body>section:first-child{margin-top:0}
.article-body h2{font-size:clamp(28px,2.7vw,38px);letter-spacing:-.03em;line-height:1.18;margin-bottom:26px;text-wrap:pretty}
.article-body p,.article-body li,.article-body td{font-size:19px;line-height:1.65}
.article-body p+p{margin-top:22px}
.article-photo{margin:36px 0 0}
.article-photo img{display:block;width:100%;height:auto}
.article-photo figcaption{font-size:16px;line-height:1.5;max-width:60ch}
.article-body ul{padding-left:24px;margin:24px 0}
.article-body li{padding-left:6px;margin:14px 0}
.article-body table{border-collapse:collapse;width:100%;margin:30px 0;table-layout:fixed}
.article-body caption{text-align:left;font-size:16px;margin-bottom:14px}
.article-body th,.article-body td{text-align:left;vertical-align:top;padding:18px 20px;font-size:17px;overflow-wrap:break-word}
.article-body thead{background:var(--forest);color:var(--paper)}
.article-body tbody tr:nth-child(odd){background:var(--soft)}
.article-body th:first-child{width:30%}
.article-body tbody th{font-weight:500}
.guide-author{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:28px;margin-top:70px;padding:32px;background:var(--soft)}
.guide-author img{width:120px;height:180px;object-fit:cover;object-position:top;background:var(--sage)}
.guide-author .author-name{font-family:var(--font-display);font-size:26px;line-height:1.2;margin-bottom:14px}
.guide-author p:not(.author-name){font-size:17px;line-height:1.5;margin:0 0 20px}
.guide-next{background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}
.guide-next h2{font-size:clamp(36px,4.4vw,64px)}
.guide-next p{margin:28px 0;max-width:40ch}
.guide-next h3{font-size:32px}
.guide-next ul{list-style:none;padding:0;margin:20px 0 28px}
.guide-next li a{display:flex;justify-content:space-between;gap:25px;padding:16px 0;font-size:20px}
.guide-next .text-link{font-size:16px}
.guide-next .related-guide{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:24px}
.related-guide img{width:160px;height:135px;object-fit:cover;filter:saturate(.86)}
.guide-page .footer-bottom{flex-wrap:wrap}
@media(max-width:1050px){
  .guide-next .related-guide{grid-template-columns:120px 1fr;gap:20px}.related-guide img{width:120px;height:115px}
  .article-hero{gap:35px}.article-intro,.notes-heading>p{font-size:19px}
  .article-layout{grid-template-columns:200px minmax(0,1fr);gap:35px}
  .notes-library{grid-template-columns:.8fr 1.2fr;gap:35px}
  .guide-row{grid-template-columns:140px 1fr;gap:22px}.guide-row h4{font-size:26px}
  .guide-row p{font-size:17px}
  .guide-author{grid-template-columns:85px 1fr;gap:20px;padding:24px}.guide-author img{width:85px;height:150px}
  .article-body p,.article-body li{font-size:18px}
}
@media(max-width:700px){
  .guide-page:not(.enhanced) .site-header{height:auto;position:relative;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}
  .guide-page:not(.enhanced) .menu-toggle{display:none}
  .guide-page:not(.enhanced) .site-header nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;padding:0;box-shadow:none;gap:6px;width:100%}
  .guide-page:not(.enhanced) .site-header nav a{font-size:15px;padding:8px}
  .guide-page:not(.enhanced) .site-header nav .nav-cta{margin:0}
  .breadcrumbs{padding-top:20px;padding-bottom:20px;font-size:15px;gap:6px 12px}
  .notes-heading{display:block;padding-top:22px;padding-bottom:44px}
  .notes-heading h1{font-size:44px;max-width:12ch}.notes-heading>p{margin:28px 0}
  .notes-feature{display:flex;flex-direction:column}.feature-photo{min-height:0;aspect-ratio:auto}.feature-photo img{aspect-ratio:1.25;height:auto}
  .notes-feature>div{padding:36px var(--gutter) 42px;align-self:stretch}.notes-feature h2{max-width:16ch}
  .notes-library{display:block}.notes-library .library-heading{position:static}.notes-library .library-heading p{max-width:35ch}
  .library-heading{margin-bottom:40px}.library-topic+.library-topic{margin-top:42px}.library-topic>h3{margin-bottom:20px}.notes-library ul{gap:24px}.guide-row{grid-template-columns:80px minmax(0,1fr);gap:18px;align-items:center}
  .guide-row h4{font-size:24px;line-height:1.15}.guide-row p{display:none}
  .article-hero{display:flex;flex-direction:column;padding-top:12px;padding-bottom:40px;gap:34px;align-items:stretch}
  .article-heading h1{font-size:38px;max-width:17ch}.article-intro{margin-top:26px;max-width:40ch}
  .article-byline{margin-bottom:0}.article-hero figure.is-portrait{max-width:none}.article-hero figcaption{font-size:15px}
  .article-layout{display:block;padding-bottom:64px}
  .article-index{margin-bottom:36px;background:var(--soft);padding:24px}
  .article-index nav{position:static;max-width:none}.article-index a{padding:9px 0}
  .article-body>section{margin-top:48px}.article-body h2{font-size:28px;margin-bottom:22px}
  .article-body th,.article-body td{font-size:16px;padding:15px 12px}.article-body th:first-child{width:32%}
  .guide-author{display:flow-root;margin-top:45px;padding:24px}
  .guide-author img{width:70px;height:115px;float:left;margin:0 20px 12px 0}.guide-author .author-name{font-size:23px}
  .guide-next{display:block}.guide-next nav{margin-top:54px}.guide-next h3{font-size:28px}
  .guide-page .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
  .guide-page .footer-bottom a{max-width:none}
}
@media(max-width:360px){.article-heading h1{font-size:33px}.notes-heading h1{font-size:38px}.guide-row{grid-template-columns:70px minmax(0,1fr);gap:14px}.guide-row h4{font-size:21px}.guide-author{grid-template-columns:1fr}.guide-author img{width:80px;height:120px}}
@media(prefers-reduced-motion:reduce){.guide-row img{transition:none}.guide-row:hover img{transform:none}}
@media(max-width:360px){
  #other-times th:first-child{width:37%;padding-inline:10px}
}