/* Louvelle Living Editions: responsive presentation shared by Library and Reading Room.
   Served from louvelle.ca so the site's restrictive style-src 'self' CSP can remain intact.
   Scoped to the original and revised Until Further Notice editions, plus the related-reading card.
*/
main > section[aria-labelledby="ufn-living-journey"],
main > section[aria-labelledby="ufn-v2-title"],
main > section[aria-labelledby="ufn-v2-original-title"],
main > section[data-related-reading="two-doors-one-question"] {
  box-sizing:border-box;
  width:min(1080px,calc(100% - 36px)) !important;
  max-width:100% !important;
  margin:24px auto !important;
  overflow-wrap:break-word;
}
main > section[aria-labelledby="ufn-living-journey"] {
  border:1px solid #866d45 !important;
  border-radius:14px !important;
  background:#111c2a !important;
  color:#f8f3e9 !important;
  overflow:hidden !important;
}
main > section[aria-labelledby="ufn-living-journey"] > img {
  box-sizing:border-box;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain;
}
main > section[aria-labelledby="ufn-living-journey"] > div {
  padding:clamp(17px,3vw,27px) !important;
}
main > section[aria-labelledby="ufn-living-journey"] h2 {
  color:#f8e4bd !important;
  font:clamp(1.55rem,3.1vw,2rem)/1.22 Georgia,serif !important;
  margin:.15rem 0 .7rem;
}
main > section[aria-labelledby="ufn-living-journey"] p {
  color:#e1e7e7;
  line-height:1.7;
}
main > section[aria-labelledby="ufn-v2-title"],
main > section[aria-labelledby="ufn-v2-original-title"] {
  display:flow-root;
  padding:clamp(19px,3.3vw,36px) !important;
  border-radius:13px !important;
  color:#f4f2ea !important;
  overflow:hidden;
}
main > section[aria-labelledby="ufn-v2-title"] {
  border:1px solid #b79b67 !important;
  background:#132035 !important;
}
main > section[aria-labelledby="ufn-v2-original-title"] {
  border:1px solid #8fa7b7 !important;
  background:#18283c !important;
}
main > section[aria-labelledby="ufn-v2-title"] > img,
main > section[aria-labelledby="ufn-v2-original-title"] > img {
  box-sizing:border-box;
  float:right !important;
  width:min(34%,210px) !important;
  max-width:100% !important;
  height:auto !important;
  display:block !important;
  border-radius:10px !important;
  margin:0 0 1rem 1.4rem !important;
}
main > section[aria-labelledby="ufn-v2-title"] h2,
main > section[aria-labelledby="ufn-v2-original-title"] h2 {
  color:#fff0d5 !important;
  font:clamp(1.6rem,3vw,2.15rem)/1.21 Georgia,serif !important;
  margin:.5rem 0 1rem;
}
main > section[aria-labelledby="ufn-v2-title"] p,
main > section[aria-labelledby="ufn-v2-original-title"] p {
  color:#e3e8ed !important;
  line-height:1.68;
}
main > section[aria-labelledby="ufn-v2-title"] > p:first-child {
  color:#efc881 !important;
  font-weight:700;
  letter-spacing:.08em;
  font-size:.78rem;
}
main > section[aria-labelledby="ufn-v2-original-title"] > p:first-child {
  color:#c7e5f2 !important;
  font-weight:700;
  letter-spacing:.08em;
  font-size:.78rem;
}
main > section[aria-labelledby="ufn-v2-title"] a,
main > section[aria-labelledby="ufn-v2-original-title"] a {
  color:#f3d39b !important;
  text-underline-offset:.2em;
  overflow-wrap:anywhere;
}
main > section[aria-labelledby="ufn-v2-original-title"] a {color:#cceaff !important;}
main > section[data-related-reading="two-doors-one-question"] {
  clear:both;
  padding:clamp(20px,4vw,36px) !important;
  border:1px solid #9b855c !important;
  border-radius:14px !important;
  background:linear-gradient(125deg,#1b2a3b,#152233) !important;
  color:#f6f1e8 !important;
}
main > section[data-related-reading="two-doors-one-question"] > p:first-child {
  color:#f1ce8d !important;
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.12em;
}
main > section[data-related-reading="two-doors-one-question"] h2 {
  color:#fff2d0 !important;
  font:clamp(1.55rem,3vw,2.15rem)/1.22 Georgia,serif !important;
  margin:.15rem 0 .8rem;
}
main > section[data-related-reading="two-doors-one-question"] p {
  max-width:66rem;
  color:#f4f0e8 !important;
  line-height:1.7;
}
main > section[data-related-reading="two-doors-one-question"] h2 + p {
  font:clamp(1.03rem,2vw,1.3rem)/1.5 Georgia,serif;
  color:#f6e3c8 !important;
}
main > section[data-related-reading="two-doors-one-question"] > div {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.85rem !important;
  margin:1.2rem 0 .8rem !important;
}
main > section[data-related-reading="two-doors-one-question"] > div a {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.7rem 1rem !important;
  border-radius:8px !important;
  border:1px solid #d4b987 !important;
  color:#f8e8bd !important;
  text-decoration:none !important;
  font-weight:750;
  line-height:1.4;
}
main > section[data-related-reading="two-doors-one-question"] > div a[href="/library/ufn-v2/"] {
  background:#eecb8d !important;
  color:#172438 !important;
}
main > section[data-related-reading="two-doors-one-question"] a:focus-visible,
main > section[aria-labelledby^="ufn-v2"] a:focus-visible{
  outline:3px solid #fff !important;
  outline-offset:4px;
}
@media(max-width:640px){
  main > section[aria-labelledby="ufn-living-journey"],
  main > section[aria-labelledby="ufn-v2-title"],
  main > section[aria-labelledby="ufn-v2-original-title"],
  main > section[data-related-reading="two-doors-one-question"]{
    width:calc(100% - 24px) !important;
    margin:16px auto !important;
  }
  main > section[aria-labelledby="ufn-v2-title"] > img,
  main > section[aria-labelledby="ufn-v2-original-title"] > img {
    float:none !important;
    width:min(100%,250px) !important;
    margin:0 auto 1rem !important;
  }
  main > section[data-related-reading="two-doors-one-question"] > div{
    flex-direction:column;
    align-items:stretch;
  }
  main > section[data-related-reading="two-doors-one-question"] > div a{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  main > section[data-related-reading="two-doors-one-question"] a{transition:none}
}