/* Illustrated journal cards: scoped to the AI projects page. */
body[data-page=projects] .idea-grid{gap:64px 44px;align-items:start}
body[data-page=projects] .idea-card,body[data-page=projects] #personal-productivity{padding:18px 18px 30px;background:#fff3db url('src/paper-grain.svg');border:1px solid #ddd0b0;box-shadow:10px 14px 0 #0003;transform:rotate(-.6deg)}
body[data-page=projects] .idea-card:nth-child(even){transform:rotate(.7deg);background:#f0e8d4 url('src/paper-grain.svg')}
body[data-page=projects] .idea-card:before{z-index:2;top:-12px;left:40%;width:100px;height:30px;background:#b6bc7bbd}
.project-art{aspect-ratio:1/1;width:100%;background-image:url('assets/project-scrapbook-art.png');background-size:200% 314%;background-repeat:no-repeat;margin-bottom:25px;border:1px solid #173b3033}
.art-learner{background-position:0 0}.art-portfolio{background-position:100% 0}.art-growth{background-position:0 46.8%}.art-careers{background-position:100% 46.8%}.art-productivity{background-position:0 100%}.art-oasis{background-position:100% 100%}
.project-art.art-lombardis{background-image:url('assets/lombardis-farm-to-fork.png');background-size:100% auto;background-position:center top;aspect-ratio:2.5/1}
body[data-page=projects] .idea-card>h3{font:bold clamp(29px,3vw,43px)/1.05 Georgia,serif;letter-spacing:-1px;margin:12px 10px 20px}
body[data-page=projects] .idea-card>p,body[data-page=projects] .idea-card>details{margin-left:10px;margin-right:10px}
body[data-page=projects] .idea-card>.eyebrow{color:#984126!important;letter-spacing:2px;font-size:11px}
body[data-page=projects] .project-details{border-top:1px solid #173b3044;padding-top:8px}
body[data-page=projects] .project-details summary{font:italic 19px/1.4 Georgia,serif;color:#173b30;text-decoration-thickness:1px}
.framework-infographic{margin:24px 0}.framework-infographic img{display:block;width:100%;height:auto;filter:none}.framework-infographic figcaption{padding-top:12px}
@media(max-width:750px){body[data-page=projects] .idea-grid{gap:40px}body[data-page=projects] .idea-card,body[data-page=projects] #personal-productivity{padding:12px 12px 25px;transform:none}body[data-page=projects] .idea-card>h3{font-size:32px}}

/* Compact scrapbook tiles retain the approved artwork and readable type. */
body[data-page=projects] .idea-grid{gap:34px 28px}
body[data-page=projects] .idea-card,body[data-page=projects] #personal-productivity{padding:12px 12px 20px}
body[data-page=projects] .project-art{max-width:260px;margin:0 auto 18px}
body[data-page=projects] .idea-card>h3{font-size:29px;margin:10px 6px 14px}
body[data-page=projects] .idea-card>p,body[data-page=projects] .idea-card>details{margin-left:6px;margin-right:6px;font-size:16px;line-height:1.5}
body[data-page=projects] .idea-card>.eyebrow{font-size:10px;letter-spacing:1.4px}
body[data-page=projects] .project-details{margin-top:16px}
body[data-page=projects] .project-details summary{font-size:17px}
@media(min-width:1100px){body[data-page=projects] .idea-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){body[data-page=projects] .project-art{max-width:210px}body[data-page=projects] .idea-card>h3{font-size:28px}}