.calendar-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0}.calendar-example{background:white;border:2px solid var(--ink);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}.calendar-example h2{font-size:26px;margin:12px 0 0}.calendar-example p{flex:1}.sample-calendar{background:white;border:1px solid #d2d6d5;box-shadow:6px 7px 0 #e8e2d7;border-radius:4px;overflow:hidden;transform:rotate(-2deg);margin:6px 12px 12px}.calendar-example:nth-child(2) .sample-calendar{transform:rotate(2deg)}.sample-calendar img{width:100%;height:150px;object-fit:cover;display:block}.sample-dates{padding:12px;text-align:center}.sample-dates strong,.sample-dates span{display:block}.sample-dates span{font-size:11px;letter-spacing:.2em;margin:6px}.mini-grid{font:12px/1.8 monospace;word-spacing:7px;color:#517080}.calendar-maker{padding:38px 0 55px;scroll-margin-top:15px}.calendar-person,.month-note,.date-row{padding:18px;border:1px solid #bdcdd1;border-radius:10px;margin:14px 0;background:#fff}.calendar-person .person-photo{width:110px;height:110px;object-fit:cover;border-radius:8px}.date-row{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:12px}.date-row .field{margin:0}.month-note summary{font-weight:bold;cursor:pointer;padding:5px}.calendar-preview{max-width:420px;margin:24px auto;padding:20px;background:#fff;border:1px solid #b4c4cb;box-shadow:6px 6px 0 #dfdbcf}.calendar-preview img{width:100%;height:180px;object-fit:cover}.calendar-preview h3{margin:15px 0 7px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));font-size:13px;gap:3px;text-align:center}.calendar-grid span{padding:7px 1px;min-height:32px;background:#f1f5f5}.calendar-grid .weekday{font-weight:bold;background:#102f49;color:white}.calendar-grid .special{background:#ffdb2e;font-weight:bold}.calendar-person .button{margin-top:10px}.calendar-person input[type=file]{max-width:100%}.calendar-maker .steps{grid-template-columns:repeat(4,1fr)}@media(max-width:850px){.calendar-examples{grid-template-columns:1fr}.calendar-example{max-width:550px;width:100%;margin:auto}.sample-calendar img{height:210px}.date-row{grid-template-columns:1fr}.book-header{flex-wrap:wrap}.book-header nav{flex-wrap:wrap;gap:16px}.calendar-maker .steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.book-main{padding:0 16px}.calendar-person{padding:12px}.calendar-preview{padding:12px}.wizard-actions{flex-wrap:wrap}.calendar-grid span{padding:6px 0}.calendar-example{padding:16px}}

.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;word-spacing:normal;font:10px/1.6 Arial,sans-serif}.mini-grid span{min-height:16px}