/* attachment-aware micro-practices · public pages */
.at-wrap{margin-bottom:28px}
.at-k{font-size:9px;letter-spacing:2.5px;text-transform:lowercase;color:var(--sage);margin-bottom:8px}
.at-title{font-size:clamp(20px,3vw,24px);font-weight:400;color:var(--ink);line-height:1.35;margin-bottom:8px}
.at-sub{font-size:14px;font-weight:300;color:var(--stone);line-height:1.65;max-width:52ch;margin-bottom:18px}

.at-grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:640px){.at-grid.at-grid-3{grid-template-columns:repeat(3,1fr)}}

.at-card{padding:18px 20px;border-radius:14px;background:var(--paper,rgba(255,255,255,0.52));
  border:0.5px solid var(--border,rgba(44,62,80,0.15));cursor:pointer;text-align:left;
  transition:transform 0.35s var(--ease,cubic-bezier(.23,1,.32,1)),box-shadow 0.35s,border-color 0.3s}
.at-card:hover,.at-card.on{transform:translateY(-2px);box-shadow:0 10px 28px rgba(26,37,48,0.07);border-color:rgba(82,121,111,0.35)}
.at-card-k{font-size:9px;letter-spacing:2px;text-transform:lowercase;color:var(--sage);margin-bottom:6px}
.at-card-t{font-size:15px;color:var(--ink);margin-bottom:4px}
.at-card-s{font-size:12.5px;color:var(--mist);line-height:1.5}

.at-panel{display:none;margin-top:16px;padding:20px 22px;border-radius:16px;
  background:linear-gradient(135deg,var(--paper,rgba(255,255,255,0.52)),var(--paper-2,rgba(255,255,255,0.38)));
  border:0.5px solid var(--border);border-left:2px solid var(--sage);animation:at-in 0.45s var(--ease) both}
.at-panel.on{display:block}
@keyframes at-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.at-style{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.at-chip{border:0.5px solid var(--border);background:transparent;border-radius:999px;
  padding:8px 14px;font:inherit;font-size:11px;letter-spacing:1px;text-transform:lowercase;
  color:var(--stone);cursor:pointer;transition:background 0.25s,border-color 0.25s,color 0.25s}
.at-chip.on{background:rgba(82,121,111,0.1);border-color:var(--sage);color:var(--ink)}

.at-textarea{width:100%;border:0.5px solid var(--border);background:rgba(255,255,255,0.45);
  border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;font-weight:300;
  line-height:1.6;color:var(--ink);resize:vertical;min-height:88px}
.at-textarea:focus{outline:none;border-color:var(--sage)}

.at-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.at-btn{border:none;border-radius:999px;padding:11px 22px;font:inherit;font-size:11px;
  letter-spacing:1.5px;text-transform:lowercase;cursor:pointer;background:var(--ink);color:var(--shell,#E5EAEE);
  transition:background 0.3s,opacity 0.3s}
.at-btn:hover{background:var(--sage)}
.at-btn:disabled{opacity:0.45;cursor:default}
.at-btn.ghost{background:transparent;color:var(--sage);border:0.5px solid rgba(82,121,111,0.35)}
.at-privacy{font-size:10px;color:var(--mist);line-height:1.5}

.at-result{margin-top:16px;padding-top:16px;border-top:0.5px solid var(--border)}
.at-result-k{font-size:9px;letter-spacing:2px;text-transform:lowercase;color:var(--sage);margin-bottom:6px}
.at-result-t{font-size:15px;font-weight:300;line-height:1.65;color:var(--ink)}
.at-result-row{margin-bottom:14px}
.at-result-row:last-child{margin-bottom:0}
.at-think{display:flex;gap:5px;padding:8px 0}
.at-think i{width:5px;height:5px;border-radius:50%;background:var(--sage);opacity:0.35;animation:at-dot 1.2s ease infinite}
.at-think i:nth-child(2){animation-delay:0.15s}
.at-think i:nth-child(3){animation-delay:0.3s}
@keyframes at-dot{0%,80%,100%{opacity:0.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.at-bridge{margin-top:18px;padding:14px 16px;border-radius:12px;background:rgba(82,121,111,0.06);
  border:0.5px solid rgba(82,121,111,0.18);font-size:13px;color:var(--stone);line-height:1.55}
.at-bridge a{color:var(--sage);text-decoration:none;border-bottom:0.5px solid rgba(82,121,111,0.3)}
.at-bridge a:hover{border-color:var(--sage)}

.at-return{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;
  background:var(--paper);border:0.5px solid var(--border);margin-bottom:22px}
.at-return-n{font-size:1.4rem;font-weight:400;color:var(--ink);line-height:1}
.at-return-l{font-size:11px;color:var(--mist);line-height:1.4}

.at-daily{margin-bottom:24px;padding:20px 22px;border-radius:16px;background:var(--paper,rgba(255,255,255,0.52));border:0.5px solid var(--border);border-left:2px solid var(--sage)}
.at-daily-k{font-size:9px;letter-spacing:2px;text-transform:lowercase;color:var(--sage);margin-bottom:6px}
.at-daily-weather{font-size:12px;color:var(--mist);margin-bottom:10px}
.at-daily-practice{font-size:14px;line-height:1.6;color:var(--ink);margin-bottom:12px}
.at-daily-practice strong{font-weight:500;color:var(--sage)}
.at-daily-streak{font-size:11px;color:var(--mist);margin-bottom:10px;font-style:italic}
.at-daily-done .at-textarea{opacity:.75}
.at-daily .at-textarea{margin-bottom:12px}

.meadow-hero{max-width:640px;margin:0 auto;padding:0 24px 32px;text-align:center}
.meadow-bridge{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.meadow-bridge a{font-size:12px;color:var(--sage);text-decoration:none;border-bottom:0.5px solid rgba(82,121,111,0.3)}

/* homepage dark hero variant */
.hero .at-wrap{text-align:left;max-width:720px;margin:0 auto;padding:0 24px 48px}
.hero .at-card{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14)}
.hero .at-card-t,.hero .at-title{color:#fff}
.hero .at-card-s,.hero .at-sub{color:rgba(255,255,255,0.62)}
.hero .at-panel{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14)}
.hero .at-textarea{background:rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.15);color:#fff}
.hero .at-textarea::placeholder{color:rgba(255,255,255,0.35)}
.hero .at-result-t{color:rgba(255,255,255,0.9)}
.hero .at-btn{background:rgba(255,255,255,0.18);color:#fff;border:1px solid rgba(255,255,255,0.2)}
.hero .at-btn:hover{background:rgba(255,255,255,0.28)}

.at-secure-pick{margin-top:16px;padding-top:14px;border-top:0.5px solid var(--border)}
.at-secure-opts{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.at-secure-opt{text-align:left;border:0.5px solid var(--border);background:rgba(255,255,255,0.35);
  border-radius:12px;padding:12px 14px;font:inherit;font-size:13.5px;font-weight:300;line-height:1.55;
  color:var(--ink);cursor:pointer;transition:border-color 0.25s,background 0.25s,transform 0.25s}
.at-secure-opt:hover,.at-secure-opt.on{border-color:var(--sage);background:rgba(82,121,111,0.08);transform:translateY(-1px)}
.at-secure-opt.on{box-shadow:0 6px 18px rgba(82,121,111,0.12)}
.at-secure-chosen{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(82,121,111,0.07);border-left:2px solid var(--sage)}
.hero .at-secure-opt{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14);color:var(--shell,#E5EAEE)}
.hero .at-secure-opt.on{border-color:rgba(163,177,138,0.55);background:rgba(163,177,138,0.12)}