﻿@font-face{font-display:swap;font-family:'Vollkorn';font-style:normal;src:url("../fonts/Vollkorn-VariableFont_wght.ttf") format("opentype")}@font-face{font-display:swap;font-family:'Libre Bodoni';font-style:normal;src:url("../fonts/LibreBodoni-VariableFont_wght.ttf") format("opentype")}:root{color-scheme:light dark;--base-accent-hue: 40;--primary-text-color: oklch(0 0 0 / 90%);--secondary-text-color: oklch(from var(--primary-text-color) l c h / 70%);--background-color: oklch(95% 0.007 var(--base-accent-hue));--column-separator-color: oklch(from var(--primary-text-color) l c h / 50%);--link-color: oklch(40% 0.164 var(--base-accent-hue));--link-color-hover: oklch(from var(--link-color) calc(l + 0.2) c h);--link-color-visited: oklch(from var(--link-color) calc(l - 0.2) c h);--librairie-background: oklch(from var(--link-color-hover) l c h / 10%);--target-color: oklch(from var(--link-color) l c calc(h + 180))}@media (prefers-color-scheme: dark){:root{--primary-text-color: oklch(1 0 0 / 90%);--background-color: oklch(10% 0.007 var(--base-accent-hue));--link-color: oklch(70% 0.164 var(--base-accent-hue));--link-color-hover: oklch(from var(--link-color) calc(l - 0.1) c h);--link-color-visited: oklch(from var(--link-color) calc(l + 0.2) c h)}main img{border:0.5rem solid white;background-color:white}}html{text-rendering:optimizeLegibility;padding:0 1rem;scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--primary-text-color);line-height:1.5;font-family:"Vollkorn", serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.15rem;margin:1rem auto;font-variant-ligatures:common-ligatures}img{max-width:100%}p{hyphens:auto}h1,h2,h3{font-family:"Libre Bodoni", serif;font-optical-sizing:auto;font-style:normal}h1:target,h2:target,h3:target{font-weight:bold;color:var(--target-color);text-shadow:0 0 1rem oklch(from var(--target-color) calc(l + 0.2) c h)}h1,h2{font-weight:bold}h3{font-weight:normal}a{color:var(--link-color)}a:visited{color:var(--link-color-visited)}a:hover{color:var(--link-color-hover)}figure{text-align:center}hr{border:none;text-align:center;color:var(--secondary-text-color);font-variant-ligatures:common-ligatures discretionary-ligatures}hr::before{content:"-.-"}header{border-bottom:1px solid var(--primary-text-color);margin-bottom:1rem;padding-bottom:1rem;display:grid;grid-template-columns:minmax(8rem, auto) 8rem max-content minmax(16rem, auto)}header .logo{grid-column:2;grid-row:1;align-self:center;justify-self:start}header .logo img{width:7rem}header .title{grid-column:3;grid-row:1;text-align:center;justify-self:center}header .title h1{font-size:3em;margin:0}header .title h2{font-size:1.2em;font-style:italic;margin:0}header nav{grid-column:1;grid-row:1;align-self:center;justify-self:center}header .buy{grid-column:4;grid-row:1;align-self:center;justify-self:center}header .buy a{font-size:1.5rem;color:var(--link-color);padding:0.5rem 1rem;border:double 0.5rem}header .buy a:hover{color:var(--link-color-hover);background-color:var(--librairie-background)}@media screen and (max-width: 80rem){header .title h1{font-size:2em}}@media screen and (max-width: 62rem){header{grid-template-columns:10rem 1fr 10rem}header .logo{grid-column:1;grid-row:1;align-self:center;justify-self:center}header .title{grid-column:2 / 4;grid-row:1}header .title h1{font-size:2em}header nav{grid-column:1;grid-row:2}header .buy{grid-column:3;grid-row:2}}@media screen and (max-width: 44rem){header{grid-template-columns:repeat(2, 1fr)}header .logo{grid-column:1 / 3;grid-row:1;align-self:center;justify-self:center}header .title{grid-column:1 / 3;grid-row:2}header .title h1{font-size:2em}header nav{grid-column:1;grid-row:3}header .buy{grid-column:2;grid-row:3}}main h1{text-align:center}main ul{padding:1rem}.mainhead{display:grid;grid-template-columns:1fr 20rem}.mainhead h1{grid-column:1 / 3;grid-row:1}.mainhead nav{grid-column:2 / 2;grid-row:1}.mainhead nav ul{padding:0 1rem;font-size:0.9rem;font-style:italic;list-style-type:none;text-align:right}.mainhead nav ul li::before{content:" \203A "}.mainhead nav .hiddenlink a{color:var(--primary-text-color);cursor:default;pointer-events:none;text-decoration:none}@media screen and (max-width: 80rem){.mainhead{grid-template-columns:1fr}.mainhead h1{grid-column:1;grid-row:2}.mainhead h1{margin-top:0}.mainhead nav{grid-column:1;grid-row:1}.mainhead ul li{display:inline}}.columns{columns:auto 20rem;column-gap:2rem;column-rule:1px solid var(--column-separator-color)}.columns ul{padding:0 1rem}.columns h2{font-size:1.5rem;margin-top:0;margin-bottom:0;text-align:center}.columns h3{margin-top:2rem;margin-bottom:0;text-align:center}.columns section h2,.columns div h2{margin-top:2rem}.columns section:first-of-type h2,.columns section:first-of-type h3{margin-top:0}.columns h2+h3{margin-top:1rem}.columns .border h2,.columns .border h3{margin-top:0.5rem}.columns section,.columns aside,.columns div{margin-bottom:1em}.columns section p,.columns aside p,.columns div p{text-align:justify;margin-top:0.5rem;margin-bottom:0.5rem;text-indent:1rem}.columns section.border,.columns aside.border,.columns div.border{border:0.2rem solid var(--primary-text-color);padding:0.5rem}.columns section img,.columns aside img,.columns div img{max-width:16rem;margin:0 auto}.columns section,.columns aside{break-inside:avoid}.columns div p{break-inside:avoid}.columns aside{color:var(--secondary-text-color)}.columns .dontbreak{break-inside:avoid}footer{border-top:1px solid var(--primary-text-color);margin-top:0.9rem;padding-top:0.9rem;font-size:0.9rem;column-count:auto;column-width:20rem;column-gap:2rem}footer div{break-inside:avoid;margin-top:0}footer div p{margin:0}
