*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f1e6;color:#263a35;font:18px/1.75 Georgia,serif}a{color:#245e55}a:focus-visible{outline:3px solid #a56b32;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:8px;z-index:10}.sitehead{background:#112e30;color:#fff}.headinner{max-width:1120px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{font-size:26px;color:#fff;text-decoration:none;font-weight:bold}.sitehead nav{display:flex;gap:15px;flex-wrap:wrap}.sitehead nav a{color:#e8e5db;text-decoration:none;font:14px/1.5 system-ui,sans-serif}.sitehead nav a:hover,.sitehead nav a[aria-current]{text-decoration:underline}.wrap{max-width:1000px;margin:auto;padding:0 24px}.hero{padding:70px 0 58px;background:#17383a;color:#f5e9d0}.eyebrow{font:700 12px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.19em;color:#d4ad72}h1{font-size:clamp(38px,6vw,66px);line-height:1.13;margin:15px 0 20px;font-weight:normal}h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin:38px 0 14px}.lead{font-size:21px;max-width:730px}.content{padding-top:44px;padding-bottom:80px}.content>p{max-width:780px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:34px 0}.tile{background:#fffaf1;border:1px solid #ddd0b8;padding:25px;border-radius:6px;text-decoration:none;color:#263a35;display:flex;flex-direction:column;gap:8px;min-height:210px}.tile:hover{border-color:#ad8b5b;transform:translateY(-2px)}.tile strong{font-size:26px;line-height:1.2}.tile small,.meta{font:13px/1.5 system-ui,sans-serif;color:#68736b}.tile span{font-size:16px}.note{background:#efe6d6;border-left:3px solid #b68d52;padding:20px 24px;margin:30px 0}.note p{margin:8px 0 0}.feature-link{font-weight:bold}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fffaf1}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid #d9cdbb}th{font:700 14px system-ui,sans-serif}.back{margin-top:44px}footer{background:#112e30;color:#e5e5df;text-align:center;padding:25px;font:13px system-ui,sans-serif}@media(max-width:680px){body{font-size:17px}.hero{padding:45px 0}.grid{grid-template-columns:1fr}.headinner{padding:15px 18px}.sitehead nav{gap:10px}.wrap{padding:0 18px}}
/* Brush-edge illustrations — isolated from the main website CSS */
.tile-art { display:block; margin: 1rem 0 .65rem; overflow:hidden; background:transparent; }
.tile-art img { display:block; width:100%; height:205px; object-fit:cover; object-position:center; -webkit-mask-image:radial-gradient(ellipse 73% 65% at center, #000 59%, transparent 99%); mask-image:radial-gradient(ellipse 73% 65% at center, #000 59%, transparent 99%); transition:transform .25s ease; }
.tile:hover .tile-art img { transform:scale(1.035); }
.feature-art { max-width: 780px; margin:1.4rem auto 1.9rem; padding:0 1rem; text-align:center; }
.feature-art img { width:100%; max-height:460px; object-fit:cover; display:block; -webkit-mask-image:radial-gradient(ellipse 76% 69% at center, #000 64%, transparent 100%); mask-image:radial-gradient(ellipse 76% 69% at center, #000 64%, transparent 100%); }
.feature-art figcaption { font-size:.79rem; color:#77705e; font-style:italic; margin-top:.25rem; }
@media(max-width:700px){ .tile-art img{height:195px} .feature-art img{max-height:300px} }
@media(prefers-reduced-motion:reduce){ .tile-art img{transition:none} }
/* 17 Oct corrections: show complete illustrations, never crop card images */
.tile-art {overflow:visible;min-height:0;}
.tile-art img {width:100%;height:auto;max-height:320px;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;border-radius:4px;}
@media(max-width:700px){.tile-art img{height:auto;max-height:320px}}
body{overflow-wrap:break-word;overflow-x:clip;}