*{box-sizing:border-box}body{margin:0;background:#f1eedf;color:#304c3d;font:17px/1.6 system-ui,sans-serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}header{max-width:1380px;margin:auto;padding:18px 26px;font:bold 24px Georgia,serif}main{max-width:1360px;margin:0 auto 24px;padding:0 20px}.card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);background:#fffaf0;border:6px solid #fff9ed;border-radius:28px;overflow:hidden;box-shadow:0 16px 40px #3b4b301c}.picture{background:#e3e5ce;min-width:0;align-self:start;position:sticky;top:16px}.picture img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3/2;object-fit:contain}section{padding:24px;min-width:0;align-self:center}.badge{display:inline-block;font-size:13px;font-weight:700;background:#e3ead4;padding:5px 12px;border-radius:30px}h1{font:normal 40px/1.1 Georgia,serif;margin:14px 0}p{margin:12px 0}.intro{font-size:18px}.meta{font-size:14px;color:#667358}.button{font:700 19px/1.3 system-ui;color:#fffced;background:#527749;display:flex;align-items:center;justify-content:center;gap:15px;border:2px solid #365f3b;border-bottom-width:5px;border-radius:28px 12px 28px 12px;width:100%;min-height:68px;padding:12px;text-decoration:none;touch-action:manipulation;margin:19px 0 8px}.button svg{width:35px;height:35px}.button span small{display:block;font-size:12px;font-weight:400;margin-top:3px}a:focus-visible,summary:focus-visible{outline:3px solid #bd824a;outline-offset:4px}.small{font-size:13px;color:#647158}.help{border-top:1px solid #dddcc8;padding:10px 12px;margin-top:12px;font-size:15px}.help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}.help summary:after{content:"＋";margin-left:auto}.help[open] summary:after{content:"−"}.help summary::-webkit-details-marker{display:none}.help p{max-width:850px}footer{padding:16px 8px;font-size:12px;text-align:center;color:#707b65}.help a{color:#365f3b}@media(max-width:740px) and (orientation:portrait){header{padding:14px 20px;font-size:22px}.card{grid-template-columns:1fr}.picture{position:relative;top:auto}section{padding:15px 20px}h1{font-size:32px;margin:10px 0}.intro{font-size:16px}.button{margin-top:15px}main{padding:0 12px}}@media(orientation:landscape) and (max-height:600px){header{padding:9px 20px;font-size:20px}main{padding:0 12px}.card{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:start}.picture{top:8px}section{padding:16px}h1{font-size:30px;margin:9px 0}.intro{font-size:15px}section p{margin:9px 0}.button{min-height:60px;font-size:17px;margin-top:12px}.badge,.meta,.small{font-size:12px}}@media(max-width:560px) and (orientation:landscape){.card{grid-template-columns:1fr}.picture{position:relative;top:auto}}