*{box-sizing:border-box}body{margin:0;font-family:Tahoma,sans-serif;color:#382d27;background:linear-gradient(#fffaf1,#f3ecd9)}a{text-decoration:none;color:inherit}.top{background:#694832;color:#fff;text-align:center;padding:7px}.nav{position:sticky;top:0;z-index:10;background:#fffdf8ee;border-bottom:1px solid #e6d3bc}.navin{max-width:1180px;margin:auto;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:800;color:#7d4b2f}.links{display:flex;gap:4px;flex-wrap:wrap}.links a{padding:9px 11px;border-radius:999px;font-weight:700}.links a:hover,.links a.on{background:#c57b39;color:#fff}.menu{display:none}.wrap{max-width:1180px;margin:auto;padding:26px 18px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-radius:0 0 50px 50px;overflow:hidden;background:linear-gradient(145deg,#fffaf0 0 52%,#ead2ab 52%);box-shadow:0 18px 45px #60452f22}.copy{padding:45px 24px 45px 38px}.tag{display:inline-block;background:#f2d2b5;padding:8px 14px;border-radius:999px;font-weight:700}.hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1;color:#7d472a;margin:25px 0 12px}.hero h1 span{display:block;font-size:.52em;color:#ba722d;margin-top:12px}.lead{line-height:1.8}.btn{display:inline-block;padding:12px 20px;border:2px solid #c57b39;border-radius:14px;margin:10px 8px 0 0;font-weight:800;background:#fff;color:#75452c}.primary{background:#c57b39;color:#fff}.hero img,.photo{width:100%;border-radius:25px;box-shadow:0 15px 38px #55362225}.hero-img{padding:25px}.head h1,h2{color:#7b472b}.head h1{font-size:clamp(2.3rem,4vw,3.8rem)}.sub{color:#75675d;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card,.group{background:#fffdf9;border:1px solid #e8d8c4;border-radius:22px;padding:21px;box-shadow:0 14px 34px #5a3c2920;line-height:1.7}.card h3,.group h3{color:#855032}.two{display:grid;grid-template-columns:1fr 1fr;gap:21px;align-items:start}.group{margin:18px 0}.list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.item{display:flex;gap:9px;background:#fff6e6;border:1px solid #efdfc8;padding:11px;border-radius:14px}.num{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#c57b39;color:#fff;font-weight:800}.quote{background:#fff;border-left:7px solid #d5a049;border-radius:0 18px 18px 0;padding:19px;line-height:1.85;box-shadow:0 14px 34px #5a3c2920}.q{background:#fff;border-radius:20px;padding:20px;margin:16px 0;box-shadow:0 14px 34px #5a3c2920}.option{display:grid;grid-template-columns:25px 28px 1fr;gap:6px;align-items:start;border:2px solid #eadfd2;border-radius:13px;padding:11px;margin:8px 0}.option input{margin-top:4px}.progress{height:13px;background:#e8dfd7;border-radius:99px;overflow:hidden}.bar{height:100%;width:0;background:linear-gradient(90deg,#c57b39,#e0ae52)}.result{display:none;background:#fff;padding:23px;border-radius:22px;margin-top:20px}.result.show{display:block}.review{padding:12px;border-radius:12px;margin:8px 0}.ok{background:#eaf5df}.bad{background:#fff0e9}.foot{margin-top:45px;background:#694832;color:#fff;text-align:center;padding:27px}@media(max-width:900px){.hero,.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.links{display:none}.menu{display:block}.links.open{display:flex;position:absolute;left:12px;right:12px;top:64px;background:#fff;padding:10px;flex-direction:column}}@media(max-width:560px){.grid,.list{grid-template-columns:1fr}.hero h1{font-size:3rem}}
/* Interactive blessing cards */
.accordion-list{align-items:start}.blessing-card{background:#fff6e6;border:1px solid #efdfc8;border-radius:14px;overflow:hidden;transition:.2s}.blessing-card:hover{border-color:#d59b61;box-shadow:0 8px 20px #5a3c291a}.blessing-card[data-open="true"]{background:#fffdf8;border-color:#c57b39;box-shadow:0 12px 26px #5a3c2924}.blessing-toggle{width:100%;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;padding:11px;border:0;background:transparent;color:#382d27;font:inherit;text-align:left;cursor:pointer}.blessing-title{font-weight:700;line-height:1.45}.chevron{font-size:1.35rem;text-align:center;color:#9b6038;transition:transform .25s}.blessing-card[data-open="true"] .chevron{transform:rotate(180deg)}.blessing-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.blessing-card[data-open="true"] .blessing-detail{grid-template-rows:1fr}.detail-inner{overflow:hidden;padding:0 14px;line-height:1.7;color:#5f5047}.blessing-card[data-open="true"] .detail-inner{padding:0 14px 14px;border-top:1px dashed #e5c9a8}.detail-inner p{margin:11px 0 0}.detail-inner strong{color:#855032}.tip-box{margin-top:20px;background:#fff;border-left:7px solid #d5a049;border-radius:0 18px 18px 0;padding:16px 19px;box-shadow:0 12px 28px #5a3c291f;line-height:1.7}@media(max-width:560px){.blessing-toggle{grid-template-columns:34px 1fr 24px}.blessing-title{font-size:.96rem}}


/* Native clickable accordion: works offline without JavaScript */
.group{background:#fffdf9;border:1px solid #ead9c3;border-radius:28px;padding:24px;margin:22px 0;box-shadow:var(--shadow)}
.group h2{margin:0 0 18px;color:#7a482e;font-size:1.45rem}
.accordion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.blessing-details{background:#fff6e6;border:1px solid #edd7b8;border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.blessing-details:hover{border-color:#d09357;box-shadow:0 8px 18px rgba(87,57,39,.10)}
.blessing-details[open]{background:#fffdf8;border-color:#c77d3b;box-shadow:0 10px 23px rgba(87,57,39,.13)}
.blessing-details summary{list-style:none;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.blessing-details summary::-webkit-details-marker{display:none}
.blessing-details summary::marker{display:none;content:""}
.summary-title{font-weight:700;line-height:1.45}
.arrow{text-align:center;color:#9a5b32;font-size:1.45rem;transition:transform .22s}
.blessing-details[open] .arrow{transform:rotate(180deg)}
.detail-content{padding:0 16px 16px;margin:0 14px;border-top:1px dashed #e2c49e;color:#5f5047;line-height:1.75}
.detail-content p{margin:12px 0 0}.detail-content strong{color:#81502f}
.tip-box{margin-top:22px;background:#fff;border-left:7px solid #d5a049;border-radius:0 18px 18px 0;padding:17px 20px;box-shadow:0 12px 28px rgba(90,60,41,.12);line-height:1.7}
@media(max-width:760px){.accordion-grid{grid-template-columns:1fr}.group{padding:17px}.blessing-details summary{grid-template-columns:38px 1fr 24px;padding:12px}.summary-title{font-size:.98rem}}