/* A — paper watch sheets, with three date notes and an explicit extension status. */
body.notebook-site.archive-page[data-type="ccn"] .archive-shell>.wrap{width:100%;margin:0;padding:0}
body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:23px;align-items:end;margin:10px 0 16px;padding:22px 24px;background-color:#fffdf7;background-image:repeating-linear-gradient(transparent 0 25px,#9aabbb12 25px 26px);border:1px solid #e3d8c6;border-radius:2px;box-shadow:2px 3px 5px #10213e0b}
body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar label{display:block;font:800 .82rem/1.5 "Audrey Sans",sans-serif;color:#10213e;margin-bottom:7px}
body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar input,body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar select{display:block;width:100%;min-width:0;min-height:48px;padding:11px 13px;background:#fffefa;border:1px solid #cdbfae;border-radius:3px;color:#10213e;font:400 .97rem/1.5 "Audrey Sans",sans-serif}
body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar input:focus-visible,body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar select:focus-visible{outline:3px solid #6505b5;outline-offset:3px}
body.notebook-site.archive-page[data-type="ccn"] .ccn-filter-status{font:.9rem/1.6 "Audrey Sans",sans-serif;color:#34445c;margin:15px 0}
body.notebook-site.archive-page[data-type="ccn"] .ccn-filter-status:empty{display:none}
body.notebook-site.archive-page[data-type="ccn"] #ccnGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:30px;padding:20px 8px 18px;margin:22px 0 0}
body.notebook-site.archive-page[data-type="ccn"] #ccnGrid .ccn-watch-card{--watch-accent:#8750bc;position:relative;isolation:isolate;container-type:inline-size;display:flex;flex-direction:column;min-width:0;min-height:350px;padding:34px 20px 23px;background:#fffdf7;border:1px solid #e4dac9;border-radius:3px 5px 4px 4px;box-shadow:2px 5px 8px #10213e1a;transform:rotate(-.4deg);overflow:visible;transition:transform .2s,box-shadow .2s}
body.notebook-site.archive-page[data-type="ccn"] #ccnGrid .ccn-watch-card:nth-child(3n+2){--watch-accent:#00a6b7;transform:rotate(.4deg)}
body.notebook-site.archive-page[data-type="ccn"] #ccnGrid .ccn-watch-card:nth-child(3n){--watch-accent:#c58e22;transform:rotate(-.2deg)}
body.notebook-site.archive-page[data-type="ccn"] #ccnGrid .ccn-watch-card:after{content:"";position:absolute;z-index:-1;right:-10px;top:22px;width:18px;height:38px;background:var(--watch-accent);border-radius:0 5px 5px 0;box-shadow:1px 2px 2px #10213e15;pointer-events:none}
body.notebook-site.archive-page .ccn-watch-clip{position:absolute;left:22px;top:-20px;width:28px;height:58px;transform:rotate(19deg);pointer-events:none}
body.notebook-site.archive-page .ccn-watch-clip:before{content:"";position:absolute;left:2px;top:0;width:18px;height:52px;border:3px solid var(--watch-accent);border-radius:11px;box-shadow:inset 1px 0 #fff8,1px 1px 2px #10213e25}
body.notebook-site.archive-page .ccn-watch-clip:after{content:"";position:absolute;left:8px;top:7px;width:9px;height:39px;border:2px solid var(--watch-accent);border-top-color:transparent;border-radius:7px;box-shadow:1px 0 #fff8}
body.notebook-site.archive-page #ccnGrid .ccn-watch-card h2{min-height:4.5em;margin:0 0 8px;padding:0;font:800 1.06rem/1.5 "Audrey Sans",sans-serif;color:#10213e;letter-spacing:0;text-wrap:pretty;overflow-wrap:break-word}
body.notebook-site.archive-page .ccn-watch-card h2 a{color:inherit;text-decoration:none}
body.notebook-site.archive-page .ccn-watch-idcc{align-self:flex-start;margin:0 0 23px;padding:0 2px 2px;font:700 1.2rem/1.5 "Audrey Notes",cursive;color:#6505b5;border-bottom:1.5px solid #6505b5;border-radius:0 0 45% 10%;transform:rotate(-2deg)}
body.notebook-site.archive-page .ccn-watch-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0}
body.notebook-site.archive-page .ccn-watch-dates>div{min-width:0;padding:11px 7px 12px;background:#eee2f8;box-shadow:1px 2px 3px #10213e0d;transform:rotate(-1deg)}
body.notebook-site.archive-page .ccn-watch-dates>div:nth-child(2){background:#d9f1ee;transform:rotate(.7deg)}
body.notebook-site.archive-page .ccn-watch-dates>div:nth-child(3){background:#fff0b8;transform:rotate(-.5deg)}
body.notebook-site.archive-page .ccn-watch-dates dt{min-height:2.8em;font:700 .73rem/1.4 "Audrey Sans",sans-serif;margin:0 0 5px;color:#34445c}
body.notebook-site.archive-page .ccn-watch-dates dd{margin:0;font:800 .82rem/1.5 "Audrey Sans",sans-serif;color:#10213e;white-space:nowrap}
body.notebook-site.archive-page .ccn-watch-extension{margin:20px 0 20px;padding:0;font:.8rem/1.7 "Audrey Sans",sans-serif;color:#34445c;overflow-wrap:break-word}
body.notebook-site.archive-page .ccn-watch-read{display:inline-flex;align-items:center;gap:9px;align-self:flex-end;margin-top:auto;padding-bottom:3px;color:#6505b5;font:700 1.2rem/1.5 "Audrey Notes",cursive;text-decoration:none;border-bottom:2px solid #6505b5;border-radius:0 0 40% 5%;transform:rotate(-2deg)}
body.notebook-site.archive-page #ccnGrid .ccn-watch-card:hover{transform:translateY(-3px) rotate(0);box-shadow:2px 8px 13px #10213e23}
body.notebook-site.archive-page .ccn-watch-card a:focus-visible{outline:3px solid #6505b5;outline-offset:5px}
body.notebook-site.archive-page[data-type="ccn"] .ccn-empty:not([hidden]){display:block;padding:25px 16px;margin:20px 0;color:#10213e;border-left:3px solid #e7b54b;background:#fff3cf;border-radius:0}
body.notebook-site.archive-page[data-type="ccn"] .ccn-empty[hidden]{display:none}
@media(max-width:1080px){body.notebook-site.archive-page[data-type="ccn"] #ccnGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 28px}}
@media(max-width:650px){body.notebook-site.archive-page[data-type="ccn"] .ccn-toolbar{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:18px}body.notebook-site.archive-page[data-type="ccn"] #ccnGrid{grid-template-columns:minmax(0,1fr);max-width:410px;margin-inline:auto;gap:36px;padding:20px 8px}body.notebook-site.archive-page #ccnGrid .ccn-watch-card h2{min-height:0;font-size:1.13rem;margin-bottom:12px}body.notebook-site.archive-page[data-type="ccn"] #ccnGrid .ccn-watch-card{padding:35px 19px 23px;min-height:0}body.notebook-site.archive-page .ccn-watch-idcc{margin-bottom:23px}}
@container(max-width:290px){body.notebook-site.archive-page .ccn-watch-dates{grid-template-columns:minmax(0,1fr);gap:9px}body.notebook-site.archive-page .ccn-watch-dates>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}body.notebook-site.archive-page .ccn-watch-dates dt{min-height:0;margin:0}body.notebook-site.archive-page .ccn-watch-dates dd{flex:none;font-size:.88rem}}
@media(prefers-reduced-motion:reduce){body.notebook-site.archive-page[data-type="ccn"] #ccnGrid .ccn-watch-card{transition:none}}