/* Only the two small notes after the website demo; preserve the demo itself. */
.paper-site #website-showcase .wn-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:48px}
.paper-site #website-showcase .wn-note{position:relative;min-width:0;padding:25px 30px 26px;background:#faf5e9;border:1px solid #c7b594;border-radius:1px;box-shadow:5px 6px 0 #d4c4a9}
.paper-site #website-showcase .wn-note--plan{border-left:5px solid #826649;padding-left:26px}
.paper-site #website-showcase .wn-note--update::after{content:'';position:absolute;top:-1px;right:24px;width:16px;height:28px;background:#b54630;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);pointer-events:none}
.paper-site #website-showcase .wn-note-heading{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px 16px;border-bottom:1px solid #d5c6ac;padding:0 29px 17px 0;margin-bottom:22px}
.paper-site #website-showcase .wn-note-heading>span{font-size:13px;line-height:1.6;font-weight:700;letter-spacing:0;color:#8c3a27}
.paper-site #website-showcase .wn-note-heading small{font-size:11px;line-height:1.7;color:#817058;font-weight:400}
.paper-site #website-showcase .wn-note h3{font-size:23px;line-height:1.5;letter-spacing:-.04em;margin:0 0 15px;color:#332d24;word-break:keep-all;overflow-wrap:anywhere}
.paper-site #website-showcase .wn-note>p{font-size:15px;line-height:1.9;color:#5b503f;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.paper-site #website-showcase .wn-note-output{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 15px;margin-top:24px;padding-top:16px;border-top:1px solid #d5c6ac;background:transparent}
.paper-site #website-showcase .wn-note-output span{font-size:11px;line-height:1.7;color:#806e52}
.paper-site #website-showcase .wn-note-output strong{font-size:13px;line-height:1.8;font-weight:600;color:#433826;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:1050px){
 .paper-site #website-showcase .wn-notes{gap:22px}.paper-site #website-showcase .wn-note{padding:22px 24px}.paper-site #website-showcase .wn-note--plan{padding-left:20px}.paper-site #website-showcase .wn-note h3{font-size:21px}
}
@media(max-width:760px){
 .paper-site #website-showcase .wn-notes{grid-template-columns:1fr;gap:24px;margin-top:35px}.paper-site #website-showcase .wn-note{padding:22px;box-shadow:4px 5px 0 #d4c4a9}.paper-site #website-showcase .wn-note--plan{padding-left:18px;border-left-width:5px}.paper-site #website-showcase .wn-note-heading{gap:7px 12px;padding-bottom:14px;margin-bottom:18px}.paper-site #website-showcase .wn-note h3{font-size:22px}.paper-site #website-showcase .wn-note>p{font-size:14px;line-height:1.9}.paper-site #website-showcase .wn-note-output{margin-top:20px;padding-top:14px;gap:5px 12px}.paper-site #website-showcase .wn-note-output strong{font-size:12px}
}
@media(max-width:360px){
 .paper-site #website-showcase .wn-note{padding:20px 18px}.paper-site #website-showcase .wn-note--plan{padding-left:15px}.paper-site #website-showcase .wn-note h3{font-size:20px}.paper-site #website-showcase .wn-note-output{display:block}.paper-site #website-showcase .wn-note-output span{display:block;margin-bottom:3px}
}