*{box-sizing:border-box}html{background:#F7F6F2;color:#2A352F;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;-webkit-text-size-adjust:100%}body{margin:0;font-size:14px;line-height:1.65}a{color:#355B4C}button,input,select{font:inherit}button{cursor:pointer}.header{max-width:840px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:19px 20px 6px;gap:10px}.logo{font-family:Georgia,serif;letter-spacing:-1.8px;font-weight:700;color:#2E5847;font-size:32px;line-height:1}.logo span{color:#C89E6E}.subtitle{font-size:10px;letter-spacing:1px;color:#747B73}.back{font-size:12px;white-space:nowrap;text-decoration:none}main{max-width:840px;margin:0 auto;padding:8px 16px 48px}.hero{padding:20px 8px 13px}.pill{font-size:11px;color:#42694F;border-radius:100px;border:1px solid #A6B9A8;padding:5px 12px}.hero h1{font-family:Georgia,"Hiragino Kaku Gothic ProN",sans-serif;font-size:34px;letter-spacing:.025em;line-height:1.5;margin:13px 0 6px;font-weight:600}.hero p{color:#68746B;max-width:625px;margin:0}.panel{background:#fff;border:1px solid #E8E8E2;border-radius:18px;padding:21px;margin-top:15px;box-shadow:0 3px 15px #1C38200D}.panel h2{font-size:17px;margin:0 0 4px}.panel>p{color:#637166;margin:5px 0 15px}.steps{display:grid;gap:10px;margin:18px 0}.steps>div{display:flex;gap:10px;align-items:flex-start}.steps b{border-radius:50%;background:#DFEDE1;color:#2D5D46;font-size:12px;width:25px;height:25px;line-height:25px;text-align:center;flex-shrink:0}.steps span{display:grid;gap:2px}.steps small{display:block;color:#798379;font-size:12px}.steps .code{font:12px/1.7 ui-monospace,SFMono-Regular,monospace;color:#415E4A;background:#F4F6F2;border-radius:6px;padding:5px 8px}.connect-form>label,.trial>label{font-weight:600;display:block;margin-bottom:7px}.connect-line,.trial-line{display:flex;gap:7px}.connect-line input,.trial-line input,.trial-line select{min-width:0;border:1px solid #D5DAD4;background:white;border-radius:9px;padding:12px 10px;outline-offset:2px}.connect-line input{flex:1;width:45%}.connect-line button,.trial-line button,.feedback-btn{border:0;background:#345C49;color:white;border-radius:9px;padding:11px 16px;font-weight:600;white-space:nowrap}.trial-line input{flex:1;width:40%}.trial-line select{max-width:145px}.fine{font-size:11px;color:#808A80;display:block;margin-top:11px}.error{color:#AF3434}.section-title{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.section-title p{font-size:12px;color:#737D73;margin:0}.link-btn{background:transparent;border:0;text-decoration:underline;color:#46634E;font-size:12px;padding:3px}.muted{color:#68766C}.example-head{font-size:12px;font-weight:600;margin:12px 0 7px}.examples{display:flex;gap:7px;flex-wrap:wrap}.examples button{border:1px solid #D6E1D3;border-radius:30px;background:#F6F9F4;color:#3B5947;padding:7px 11px;font-size:12px}.trial{margin:19px 0 8px;padding-top:12px;border-top:1px solid #EBEFE8}.test-state{font-size:12px;color:#5D6F61;padding:13px;background:#F6F8F4;border-radius:8px;margin:20px 0 12px}.google-results{min-height:170px;overflow-x:auto}.checks{display:grid;gap:10px;margin:15px 0}.checks label{display:flex;gap:8px;align-items:flex-start;font-size:13px}.checks input{accent-color:#345C49;margin-top:4px}.feedback-btn{margin-top:6px}.notice{margin:20px 6px;color:#737C73;font-size:12px}.notice h3{font-size:13px;margin:0 0 5px}.notice p{margin:0}footer{text-align:center;font-size:11px;color:#8D948B;padding:20px 10px 34px}@media(max-width:530px){.header{padding:17px 16px 2px}.header .logo{font-size:30px}.hero h1{font-size:29px}.panel{padding:17px 14px}.connect-line{flex-direction:column}.connect-line input{width:100%}.connect-line button{width:100%}.trial-line{display:grid;grid-template-columns:1fr auto}.trial-line input{grid-column:1/-1;width:100%}.trial-line select{max-width:initial}.trial-line button{padding:10px 20px}.back{font-size:11px}.section-title{align-items:flex-start}}
/* v0.7 independent card experiment: native Google element remains visible */
.card-section{border:1px solid #DAE7DC;background:#F8FAF7;border-radius:14px;padding:14px;margin:18px 0}
.cards-heading h3,.standard-heading h3{margin:0;font-size:16px;line-height:1.4}
.cards-heading p,.standard-heading p{margin:3px 0 7px;font-size:12px;color:#647369}
.standard-heading{border-top:1px solid #E8EDE7;padding-top:18px;margin-top:20px}
.filter-toggle{display:flex;gap:8px;align-items:center;line-height:1.5;color:#354C3E;font-size:12px;margin:12px 0 9px}
.filter-toggle input{accent-color:#345C49;flex-shrink:0}
.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 3px}
.recipe-card{display:block;text-decoration:none;color:#26382E;min-width:0}
.recipe-card .pic{display:grid;place-items:center;aspect-ratio:4/3;background:#E9EEE6;border-radius:10px;overflow:hidden;color:#7A8C7B;font-size:12px}
.recipe-card img{width:100%;height:100%;object-fit:cover;display:block}
.recipe-card .pic-blank{padding:15px;text-align:center}
.recipe-card .name{font-size:13px;font-weight:600;line-height:1.45;margin:7px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recipe-card .source{color:#748077;font-size:11px}
.recipe-card .openhint{font-size:10px;color:#58745F;margin-top:4px}
.empty-state{padding:15px 10px;background:white;border-radius:10px;color:#68766C;font-size:12px}
.recipe-card:focus-visible{outline:3px solid #477962;outline-offset:3px;border-radius:8px}
@media(min-width:650px){.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}