.fanco .stories{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.fanco .story{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-s);transition:transform .22s ease,box-shadow .22s ease}.fanco .story:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.fanco .story-media{aspect-ratio:4/3;background:var(--tint);overflow:hidden}.fanco .story-media img{width:100%;height:100%;object-fit:cover}.fanco .story-body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.fanco .story-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--muted)}.fanco .story-meta .sep{opacity:.5}.fanco .story h3{font-size:20px}.fanco .story p{color:var(--muted);font-size:15.5px}.fanco .story-more{margin-top:auto;padding-top:8px;font-weight:800;font-size:15px;color:var(--teal-deep)}.fanco .story-more:hover{text-decoration:underline}.fanco .journal-empty{background:#fff;border:1px dashed var(--line);border-radius:var(--radius-l);padding:40px 28px;text-align:center;color:var(--muted)}.fanco .wall{display:grid;gap:16px;margin-top:26px}.fanco .note{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-s);border-inline-start:3px solid var(--teal)}.fanco .note-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.fanco .note-who{font-weight:800;font-size:16px}.fanco .note-when{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.fanco .note-body{color:var(--ink-2);font-size:16px;line-height:1.75}.fanco .note-body p+p{margin-top:10px}.fanco .wall-count{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:6px}.fanco .write{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);padding:clamp(24px,3.4vw,36px);margin-top:34px}.fanco .write h3{font-size:23px;margin-bottom:8px}.fanco .write-intro{color:var(--muted);font-size:15.5px;margin-bottom:22px}.fanco .fields{display:grid;gap:16px;grid-template-columns:1fr 1fr}.fanco .field{display:flex;flex-direction:column;gap:7px}.fanco .field.wide{grid-column:1 / -1}.fanco .field label{font-size:14px;font-weight:700;color:var(--ink-2)}.fanco .field input,.fanco .field textarea{font:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:14px;padding:13px 16px;transition:border-color .18s ease,box-shadow .18s ease}.fanco .field textarea{min-height:150px;resize:vertical;line-height:1.7}.fanco .field input:focus,.fanco .field textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px #0e8f831f}.fanco .write .btn{margin-top:20px}.fanco .write-note{margin-top:14px;color:var(--muted);font-size:13.5px}.fanco .form-status{border-radius:14px;padding:14px 18px;font-size:15px;font-weight:600;margin-bottom:20px}.fanco .form-status.ok{background:#0e8f831a;color:var(--teal-deep)}.fanco .form-status.bad{background:#c2246b1a;color:var(--stain)}.fanco .form-status ul{margin-top:6px;padding-inline-start:18px;list-style:disc}.fanco .article-head{max-width:760px;margin-inline:auto;text-align:center}.fanco .article-head h1{font-size:clamp(30px,4.6vw,48px)}.fanco .article-meta{margin-top:14px;color:var(--muted);font-size:14.5px;font-weight:700}.fanco .article-cover{margin:clamp(24px,3.6vw,40px) auto 0;max-width:900px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.fanco .article-body{max-width:720px;margin:clamp(26px,3.6vw,42px) auto 0;color:var(--ink-2);font-size:17.5px;line-height:1.8}.fanco .article-body p+p{margin-top:16px}.fanco .article-body img{border-radius:var(--radius);margin:22px 0}.fanco .article-body h2{font-size:26px;margin:30px 0 12px;color:var(--ink)}@media(max-width:640px){.fanco .fields{grid-template-columns:1fr}}.fanco .journal-app{margin:26px 0 34px}.fanco .journal-app-block+.journal-app-block{margin-top:16px}.fanco .journal-app-block img{max-width:100%}.fanco .journal-title{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.02em;margin:0;color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/fanco-journal.css.map */