:root{color-scheme:light;font-family:Georgia,serif;background:#f6f0e8;color:#232521}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:24px}header{max-width:750px;margin:30px 0}h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:400}p{line-height:1.7}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:28px 0}.source-grid article{padding:18px;border:1px solid #b7b6a4}#notes-form{max-width:700px;border-top:2px solid #3a4e42;padding:24px 0}label{display:block;margin:14px 0;font-family:Arial,sans-serif;line-height:1.6}input,textarea,select{display:block;width:100%;font:inherit;padding:12px;border:1px solid #898c82;background:#fff}textarea{resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap}button{padding:12px 18px;font:inherit;border:1px solid #334439;background:#334439;color:white;cursor:pointer}output{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}a{color:inherit}h2{font-size:1.2rem}@media(max-width:500px){main{padding:18px}.source-grid{grid-template-columns:1fr 1fr}#notes-form{width:100%}}