/* The Wild Circle | Field Notes library */
.nav-links{gap:16px}
.field-notes-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 39%,#365143 0,transparent 43%),linear-gradient(140deg,#10271e 0%,#213a2d 65%,#1b2a22 100%);padding:92px 0 82px;border-bottom:1px solid #45644a}
.field-notes-hero:after{content:'✺';position:absolute;right:7%;top:4%;font:340px/1 Georgia,serif;color:#edbd7612;pointer-events:none}
.field-notes-hero .container{position:relative;z-index:1}
.field-notes-hero h1{font-size:clamp(56px,7.8vw,110px);margin:19px 0 16px;max-width:950px}
.field-notes-hero h1 em{color:var(--gold);font-weight:400}
.field-notes-hero .intro{max-width:680px;font-size:18px;color:#e2e1d2}
.field-notes-count{margin-top:25px;color:#d7c7ac;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700}
.library-pane{background:#f0e8d9;color:#193023;padding:65px 0 100px;min-height:720px}
.library-top{display:flex;align-items:flex-end;justify-content:space-between;gap:23px;flex-wrap:wrap;margin-bottom:23px}
.library-top h2{margin:0 0 7px;font-size:clamp(35px,5vw,57px)}
.library-top p{margin:0;color:#59705b;max-width:570px}
.library-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:27px 0 25px;flex-wrap:wrap}
.library-search{border:1px solid #c7cdbb;background:#fffcf4;border-radius:16px;display:flex;align-items:center;padding:0 14px;flex:1 1 315px;max-width:470px;min-height:51px}
.library-search span{color:#627963;margin-right:10px;font-size:19px}
.library-search input{outline:none;border:0;background:transparent;color:#132d1e;width:100%;min-width:0;padding:13px 0;font-size:15px}
.library-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0 31px}
.library-filter button{background:#fff9ed;border:1px solid #d4d8c8;border-radius:30px;padding:9px 13px;color:#415943;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}
.library-filter button:hover,.library-filter button.active{background:#1c3829;color:#fbecd4;border-color:#1c3829}
.result-summary{font-size:13px;font-weight:700;letter-spacing:.02em;color:#52705a}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.note-card{border:1px solid #d3d7c6;border-radius:17px;background:#fffcf5;box-shadow:0 12px 33px #233d2410;overflow:hidden;display:flex;flex-direction:column;min-height:330px;transition:transform .2s,border-color .2s}
.note-card:hover{transform:translateY(-4px);border-color:#a28c5e}
.note-card-graphic{height:97px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:22px 25px;overflow:hidden;color:#f8e3ba;background:linear-gradient(125deg,#1e4230,#375e47)}
.note-card-graphic::after{content:'';position:absolute;width:210px;height:210px;right:-78px;bottom:-130px;border:1px solid #ffffff4a;border-radius:50%;box-shadow:0 0 0 27px #ffffff0a,0 0 0 60px #ffffff0b}
.note-card-graphic b{font:45px/1 Georgia,serif;font-weight:400;z-index:1}
.note-card-graphic small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#ecddc6;z-index:1}
.note-card-graphic[data-category="sleep-dreams"],.article-category-art[data-category="sleep-dreams"]{background:linear-gradient(125deg,#222a48,#5b506b)}
.note-card-graphic[data-category="breath-body"],.article-category-art[data-category="breath-body"]{background:linear-gradient(125deg,#365d60,#60948c)}
.note-card-graphic[data-category="sound-rhythm"],.article-category-art[data-category="sound-rhythm"]{background:linear-gradient(125deg,#61334a,#945c65)}
.note-card-graphic[data-category="creative-practice"],.article-category-art[data-category="creative-practice"]{background:linear-gradient(125deg,#70452e,#b07545)}
.note-card-graphic[data-category="nature-ecology"],.article-category-art[data-category="nature-ecology"]{background:linear-gradient(125deg,#425434,#69834b)}
.note-card-graphic[data-category="alternative-living"],.article-category-art[data-category="alternative-living"]{background:linear-gradient(125deg,#4b5d55,#869582)}
.note-card-graphic[data-category="community"],.article-category-art[data-category="community"]{background:linear-gradient(125deg,#5a473c,#a27563)}
.note-card-graphic[data-category="harm-reduction"],.article-category-art[data-category="harm-reduction"]{background:linear-gradient(125deg,#393d65,#6875a0)}
.note-card-graphic[data-category="technology-mind"],.article-category-art[data-category="technology-mind"]{background:linear-gradient(125deg,#2c5261,#466e82)}
.note-card-main{padding:23px 24px 25px;display:flex;flex:1;flex-direction:column;gap:11px}
.note-card h3{font-size:27px;color:#203528;line-height:1.18;margin:0;letter-spacing:-.028em}
.note-card p{font-size:14px;line-height:1.68;color:#637061;margin:0;flex:1}
.note-card-link{font-size:11px;font-weight:800;color:#7c5433;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.note-card-link span{font-size:21px}
.library-actions{text-align:center;margin-top:32px}
.library-actions button{background:#1f3d2d;color:#f9e2bb;border:0;border-radius:50px;padding:13px 25px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.library-empty{padding:50px 25px;text-align:center;background:#fff8eb;border-radius:14px;border:1px solid #dfd6c4;color:#304b36}
.library-empty[hidden],.library-actions[hidden]{display:none}
.library-promo{padding:85px 0;background:#173025;color:#f6e8d0}
.library-promo .container{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.library-promo h2{font-size:clamp(38px,5.5vw,65px);margin:10px 0}
.library-promo p{max-width:580px;color:#cfddce}
/* Reader */
.article-reader-hero{background:radial-gradient(circle at 80% 20%,#314f39,transparent 55%),#142920;padding:70px 0 76px;overflow:hidden}
.reader-breadcrumb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d2bc92;font-weight:800;margin-bottom:23px}
.reader-breadcrumb a{text-decoration:underline;text-underline-offset:5px}
.reader-heading{max-width:960px}
.reader-heading h1{font-size:clamp(46px,7vw,85px);line-height:1.08;letter-spacing:-.05em;margin:17px 0}
.reader-heading .intro{max-width:800px;font-size:19px;color:#e3e0d3}
.reader-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#f0c58e;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.article-body-shell{background:#f0e9dc;color:#243729;padding:60px 0 88px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(235px,1fr);gap:55px;align-items:start}
.article-text{background:#fffdf6;padding:44px clamp(22px,5vw,60px) 50px;border:1px solid #d7d2c6;border-radius:17px;box-shadow:0 13px 38px #1f372014}
.article-text p{font-size:17px;line-height:1.89;color:#38473e;margin:0 0 24px}
.article-text h2{font:38px/1.16 Georgia,serif;color:#1c382a;margin:37px 0 17px;letter-spacing:-.03em}
.article-text h2:first-child{margin-top:0}
.article-text ul,.article-text ol{padding-left:25px;margin:0 0 25px;font-size:16px;line-height:1.7}
.article-text blockquote{margin:30px 0;padding:15px 24px;border-left:3px solid #b78451;background:#f4ece0;color:#304735}
.article-text a{color:#865831;text-decoration:underline}
.article-sidebar{position:sticky;top:110px;background:#e4dfcc;border:1px solid #cbd0bb;border-radius:15px;padding:27px}
.article-sidebar h3{font-size:27px;color:#213a29;margin:0 0 13px}
.article-sidebar p{font-size:14px;color:#52614f;line-height:1.72}
.article-sidebar .button{display:flex;margin:18px 0}
.article-category-art{height:120px;border-radius:12px;background:#2d5541;display:grid;place-items:center;margin-bottom:20px;color:#f5dcad;font:54px/1 Georgia,serif}
.reader-back{margin-top:28px;border-top:1px solid #d5d4c9;padding-top:20px;font-size:14px;color:#6e5638}
.note-feedback{background:#f8f1e5;border:1px solid #ded8c8;border-radius:13px;margin:22px 0 0;padding:18px 25px;font-size:13px;color:#596e56}
.article-related{padding:75px 0;background:#182f24}
.article-related h2{font-size:42px;margin:10px 0 28px;color:#fff0db}
.article-related .notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.article-related .note-card{min-height:300px}
/* Inserted homepage teaser */
.home-notes{padding:90px 0;background:#f1e8d6;color:#263a2d}
.home-notes h2{color:#243727;margin:16px 0;font-size:clamp(40px,5.5vw,70px)}
.home-notes .intro{color:#506450;margin-bottom:30px}
.home-notes .note-card{min-height:315px}
@media(max-width:950px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-related .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.field-notes-hero{padding:65px 0}.notes-grid,.article-related .notes-grid{grid-template-columns:1fr}.library-pane{padding:50px 0}.note-card{min-height:280px}.library-filter{max-height:140px;overflow-y:auto}.article-reader-hero{padding:50px 0}.article-body-shell{padding:27px 0 60px}.article-text{padding:27px 23px}.article-text p{font-size:16px}.article-text h2{font-size:32px}.library-promo{padding:56px 0}.reader-heading h1{font-size:46px}}

/* Six new practical ASA Field Notes paths */
.note-card-graphic[data-category="meditation"],.article-category-art[data-category="meditation"]{background:linear-gradient(125deg,#2c4b50,#468178);}
.note-card-graphic[data-category="drumming"],.article-category-art[data-category="drumming"]{background:linear-gradient(125deg,#75452b,#bd7545);}
.note-card-graphic[data-category="entheogens"],.article-category-art[data-category="entheogens"]{background:linear-gradient(125deg,#423e66,#76669c);}
.note-card-graphic[data-category="medicinal-plants"],.article-category-art[data-category="medicinal-plants"]{background:linear-gradient(125deg,#284d38,#6d8d47);}
.note-card-graphic[data-category="breathwork"],.article-category-art[data-category="breathwork"]{background:linear-gradient(125deg,#325973,#6796a6);}
.note-card-graphic[data-category="herbal-remedies"],.article-category-art[data-category="herbal-remedies"]{background:linear-gradient(125deg,#5b4935,#997c57);}

.field-notes-paths{background:#e8e0d0;color:#253d2d;padding:50px 0 55px;border-bottom:1px solid #d5c9b6}
.field-notes-paths h2{font:clamp(28px,4vw,48px)/1.15 Georgia,serif;margin:10px 0 25px;color:#243827}
.field-notes-topic-links{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.field-notes-topic-links a{display:flex;flex-direction:column;gap:3px;background:#fff9ed;border:1px solid #d4c9b7;border-radius:13px;padding:19px 13px;text-align:center;transition:.15s;text-decoration:none;color:#24402e}
.field-notes-topic-links a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 7px 25px #2238221a}
.field-notes-topic-links span{font:29px Georgia,serif;color:#966d45;margin-bottom:3px}
.field-notes-topic-links strong{font:16px/1.15 Georgia,serif}
.field-notes-topic-links small{font-size:11px;color:#69775e}
@media(max-width:900px){.field-notes-topic-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.field-notes-paths{padding:38px 0}.field-notes-topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}.field-notes-topic-links a{padding:15px 10px}.field-notes-topic-links strong{font-size:15px}}

/* ASA Field Notes · photographic cover system (Wix AI media + unique per-article crop) */
.note-card-graphic.has-photo{height:172px;padding:0;background:#183123;position:relative;isolation:isolate;}
.note-card-graphic.has-photo .note-cover-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%;transition:transform .45s ease,filter .45s ease;z-index:-2;filter:contrast(1.07) saturate(.91)}
.note-card-graphic.has-photo::after{content:'';position:absolute;inset:0;width:100%;height:100%;right:0;bottom:0;border:none;border-radius:0;box-shadow:none;background:linear-gradient(180deg,rgba(15,35,24,.53) 0%,rgba(13,34,25,.07) 46%,rgba(15,27,20,.59) 100%);z-index:-1;pointer-events:none}
.note-card-graphic.has-photo small{position:absolute;left:17px;bottom:14px;color:#fff0d6;font-size:10px;line-height:1.5;letter-spacing:.11em;background:rgba(22,41,29,.64);padding:7px 10px;border:1px solid rgba(255,237,198,.3);border-radius:4px;max-width:calc(100% - 85px);font-weight:750;backdrop-filter:blur(3px)}
.note-card-graphic.has-photo b{position:absolute;top:15px;right:17px;font-size:24px;line-height:1;color:#fff4df;background:#16352ab8;border:1px solid #ffffff73;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:400;backdrop-filter:blur(3px)}
.note-card:hover .note-cover-photo{transform:scale(1.065);filter:contrast(1.09) saturate(1.04)}
.note-card-graphic.cover-variant-1 img{object-position:34% 48%}
.note-card-graphic.cover-variant-2 img{object-position:63% 42%}
.note-card-graphic.cover-variant-3 img{object-position:40% 57%}
.note-card-graphic.cover-variant-4 img{object-position:60% 56%}
.note-card-graphic.cover-variant-5 img{object-position:52% 63%}
.article-reader-hero{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:center;background:#13271e;overflow:hidden}
.article-reader-hero .container{position:relative;z-index:2;width:100%}
.article-cover-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 45%;z-index:-2;filter:saturate(.8) brightness(.78)}
.article-reader-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,20,.98) 0%,rgba(13,29,21,.88) 43%,rgba(10,26,20,.30) 100%);z-index:-1;pointer-events:none}
.reader-heading{max-width:910px}
.reader-heading h1{text-shadow:0 3px 24px rgba(6,19,14,.27)}
.article-reader-hero .intro{text-shadow:0 2px 12px rgba(7,22,16,.4)}
.reader-cover-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#ead6b3}
@media(max-width:720px){.article-reader-hero{min-height:380px;align-items:end}.article-reader-hero::before{background:linear-gradient(0deg,rgba(11,27,20,.96),rgba(11,27,20,.45) 77%,rgba(11,27,20,.2))}.article-cover-photo{object-position:center}.note-card-graphic.has-photo{height:184px}}
/* Keep image visible above its container background but below text and overlays. */
.note-card-graphic.has-photo .note-cover-photo{z-index:0}
.note-card-graphic.has-photo::after{z-index:1}
.note-card-graphic.has-photo b,.note-card-graphic.has-photo small{z-index:2}
.article-reader-hero .article-cover-photo{z-index:0;filter:saturate(.96) brightness(.93)}
.article-reader-hero::before{z-index:1;background:linear-gradient(90deg,rgba(11,27,20,.96) 0%,rgba(13,29,21,.80) 43%,rgba(10,26,20,.21) 100%)}
.article-reader-hero .container{z-index:2}
@media(max-width:720px){.reader-heading h1{font-size:clamp(35px,8.3vw,44px);overflow-wrap:break-word;hyphens:auto}.article-reader-hero::before{background:linear-gradient(0deg,rgba(11,27,20,.96),rgba(11,27,20,.54) 76%,rgba(11,27,20,.15))}}

.article-art-disclosure{background:#14271e;color:#acb9a6;margin:0;padding:10px max(20px,calc((100vw - 1170px)/2));font-size:11px;letter-spacing:.02em;line-height:1.4;text-align:left;border-top:1px solid #55765c54}

.article-art-disclosure a{color:inherit;text-decoration:underline;text-underline-offset:2px}.article-art-disclosure a:hover{color:#5a8b6b}