/* B, Les notes de terrain: the same open banner, with a motif per category. */
body.notebook-site.archive-page .archive-hero.category-notes{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:28px;min-height:285px;margin:0 0 18px;padding:17px 0 26px;background:none!important;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.notebook-site .category-notes .category-notes-copy{position:relative;z-index:1;min-width:0;padding:0;max-width:none;background:none;border:0;clip-path:none}
body.notebook-site .category-notes h1{display:table;max-width:100%;font:800 clamp(2rem,3.6vw,3.1rem)/1.2 "Audrey Sans",sans-serif;letter-spacing:-.035em;color:#10213e;margin:0 0 16px;padding:0}
body.notebook-site .category-notes h1:after{content:"";display:block;width:90%;height:6px;margin:7px 0 0 2px;background:#ad58d7a6;border-radius:50% 35% 45% 30%;transform:rotate(1deg)}
body.notebook-site .category-notes p{font:400 1.04rem/1.75 "Audrey Sans",sans-serif;color:#24354d;max-width:600px;margin:0 0 18px;padding:0}
body.notebook-site .category-notes .archive-count{position:static;display:inline-block;margin:0;inset:auto;padding:3px 13px;color:#10213e;border:0;border-radius:40% 30% 35% 20%;box-shadow:none;background:linear-gradient(transparent 7%,#ffe6a0cc 7%,#ffe6a0cc 92%,transparent 92%);font:700 1.35rem/1.4 "Audrey Notes",cursive;transform:rotate(-4deg)}
body.notebook-site .category-notes-art{position:relative;min-width:0;width:100%;aspect-ratio:var(--category-ratio,1.9/1);min-height:0;margin:14px 0 0}
.category-notes-sketch{position:absolute;display:block;inset:0;background:url('/assets/illustrations/category-notes.webp') var(--category-x) var(--category-y)/300% var(--category-zoom-y,400%) no-repeat;mask-image:linear-gradient(transparent,black 8%,black 92%,transparent);pointer-events:none}
.category-note{position:absolute;z-index:1;display:block;max-width:115px;color:#10213e;font:700 1.2rem/1.2 "Audrey Notes",cursive;text-align:center;transform:rotate(-5deg)}
.category-note-1{left:6%;top:-7px}.category-note-2{left:40%;top:-19px;transform:rotate(3deg)}.category-note-3{right:0;top:-2px;transform:rotate(-5deg)}
.category-note:after{content:"";display:block;width:27px;height:33px;margin:2px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 36'%3E%3Cpath d='M7 2q19 7 12 27m-6-8 5 10 8-7' fill='none' stroke='%23d7a22b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.category-notes-thread{position:absolute;left:-62%;bottom:6%;width:70%;height:55px;opacity:.8;pointer-events:none}
@media(max-width:1000px){body.notebook-site.archive-page .archive-hero.category-notes{gap:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}body.notebook-site .category-notes h1{font-size:2.25rem}body.notebook-site .category-notes p{font-size:.98rem}.category-note{font-size:1.05rem;max-width:98px}.category-notes-thread{left:-40%;width:50%}}
@media(max-width:760px){body.notebook-site.archive-page .archive-hero.category-notes{grid-template-columns:minmax(0,1fr);min-height:0;gap:32px;padding:13px 0 18px;margin-bottom:15px}body.notebook-site .category-notes h1{font-size:clamp(2rem,6vw,2.8rem)}body.notebook-site .category-notes-art{max-width:520px;margin:12px auto 0;min-height:0;aspect-ratio:var(--category-ratio,1.9/1)}.category-note{font-size:1.1rem}.category-notes-thread{display:none}}
@media(max-width:400px){.category-note{font-size:.95rem;max-width:91px}.category-note-1{left:0}.category-note-2{left:36%}.category-note-3{right:-2px}.category-note:after{height:25px;width:22px}body.notebook-site .category-notes p{font-size:.94rem}}
@media print{.category-notes-art{display:none!important}body.notebook-site.archive-page .archive-hero.category-notes{display:block;min-height:0}}
/* Keep existing CCN cards inside the category grid at intermediate widths. */
body.notebook-site.archive-page .archive-shell .ccn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.notebook-site.archive-page .archive-shell .ccn-card{min-width:0}
body.notebook-site.archive-page .archive-shell .ccn-card .ccn-dates>div{min-width:0}
body.notebook-site.archive-page .archive-shell .ccn-card .ccn-dates strong{overflow-wrap:anywhere}
@media(max-width:1000px){body.notebook-site.archive-page .archive-shell .ccn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.notebook-site.archive-page .archive-shell .ccn-grid{grid-template-columns:minmax(0,1fr)}}