.potager-page{margin:0;background:#f2f0e6;color:#263c33}
#potager,#potager *{box-sizing:border-box}#potager{--ink:#234639;--edge:#ccc8b6;max-width:1060px;margin:0 auto;padding:24px 22px 38px;color:#283c30;font:16px/1.45 system-ui,sans-serif}
#potager h1,#potager h2,#potager h3{font-family:Georgia,serif;line-height:1.13;margin:0 0 .45em;color:var(--ink)}#potager h1{font-size:clamp(2.2rem,5vw,4rem)}#potager h2{font-size:1.7rem}#potager h3{font-size:1.2rem}
.pot-head{background:#193e31;display:flex;align-items:stretch;border-radius:13px;overflow:hidden;color:#eeeede;min-height:145px}.pot-head>div{flex:1;padding:26px 32px}.pot-head h1{color:#f7eed4!important}.pot-head p{max-width:44ch;margin:0}.pot-head img{object-fit:cover;width:34%;height:auto;max-height:200px}
#potager button,#potager select,#potager input{font:inherit}#potager button,#potager select{cursor:pointer}#potager button{border:1px solid #bcbda9;background:#f8f6eb;color:#244c38;border-radius:5px;padding:6px 10px;font-weight:600}#potager button:hover{border-color:#677f59;background:#e8edda}#potager button:focus-visible,#potager a:focus-visible,#potager select:focus-visible,#potager input:focus-visible{outline:3px solid #b87418;outline-offset:2px}#potager button[aria-pressed=true],#potager #pot-next{background:#34583e;color:white;border-color:#34583e}
#pot-account{font-size:.83rem;margin:10px 2px 0;color:#555d4c}#pot-status{margin:5px 2px;color:#824e20;font-weight:600;min-height:1.3em;font-size:.9rem}
.pot-season,.pot-map-heading,.pot-links,.pot-views{display:flex;align-items:center;gap:10px}.pot-season,.pot-map-heading{justify-content:space-between}.pot-season{padding:12px 17px;margin:4px 0 14px;background:#e7e7d5;border:1px solid #c9ceb5;border-radius:9px}.pot-season small{color:#627249;font-weight:700}.pot-season h2{margin:2px 0!important}.pot-season span{font-size:.9rem}
.pot-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(275px,1fr);gap:12px;align-items:start}.pot-map-panel,.pot-detail,#pot-bilans article,.pot-guide{background:#fffdf3;border:1px solid var(--edge);border-radius:10px;padding:16px}.pot-map-heading{margin-bottom:12px}.pot-map-heading h2{margin:0!important}.pot-views{gap:3px}
.pot-grid{display:grid;grid-template-columns:repeat(12,1fr);aspect-ratio:12/9;background:#b1b790;padding:1px;border-radius:2px;overflow:hidden}.pot-grid button{padding:0!important;min-width:0;min-height:0;border:1px solid #ffffff33!important;border-radius:0!important;background:#a4ae78!important;color:#4a422f!important;font-size:clamp(.58rem,1.4vw,.97rem)!important}.pot-grid button:nth-child(4n){background:#9faa74!important}.pot-grid button[data-bed]{background:#9d7959!important;color:#fff7e3!important}.pot-grid button[data-crop]{background:#758b55!important}.pot-grid button[data-selected]{box-shadow:inset 0 0 0 2px #f2d299}.pot-grid button:focus-visible{outline-offset:-3px!important}
#pot-map-help,.pot-subtle{font-size:.88rem;color:#60644f}.pot-detail p{margin:7px 0 12px}.pot-detail label{display:block;font-size:.9rem}.pot-detail label select,.pot-detail label input{display:block;width:100%;margin:2px 0 7px;padding:5px;border:1px solid #b7baa9;border-radius:4px;background:white}.pot-num{display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.pot-detail fieldset{border:0;padding:0 0 8px;margin:0}.pot-detail legend{font-weight:700;margin:6px 0}
#pot-plots,.pot-actions{display:flex;gap:6px;flex-wrap:wrap}.pot-detail details,.pot-guide{margin-top:14px}.pot-detail summary,.pot-guide summary{font-weight:650;cursor:pointer}.pot-detail form{margin-top:8px}.pot-values{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:.86rem}.pot-values dt{font-weight:600}.pot-values dd{margin:0}.pot-values meter{width:75px;margin-right:5px}.pot-canvas{position:relative;width:100%;aspect-ratio:12/9;overflow:hidden;border-radius:5px}.pot-canvas canvas{display:block;width:100%;height:100%}.pot-pivot{position:absolute;bottom:7px;right:7px}
#pot-bilans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:14px}#pot-bilans ul{padding-left:18px;margin:.6em 0}#pot-bilans li{margin:5px 0}.pot-links{gap:18px;flex-wrap:wrap;margin-top:16px}#potager a{color:#31583d;text-decoration:underline}#potager [hidden]{display:none!important}
@media(max-width:750px){#potager{padding:10px}.pot-layout{grid-template-columns:1fr}.pot-head>div{padding:18px}.pot-head img{width:26%}.pot-season{gap:5px}.pot-season button{max-width:160px}.pot-map-heading h2{font-size:1.35rem!important}.pot-detail,.pot-map-panel{padding:12px}}