/* Native temporal controls: keep padding and border off the iOS input itself.
   WebKit issue 301648: date/time width:100% can add padding outside border-box. */
#min-jul .tmj-temporal,#tomten-almanacka .tmj-temporal{
 display:flex;align-items:center;box-sizing:border-box;width:100%;inline-size:100%;
 min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;min-height:48px;
 margin-top:.35rem;padding:.55rem .65rem;border:1px solid #8a978b;border-radius:5px;
 background:#fffcf5;color:#24362c;
}
#min-jul .tmj-temporal>input,#tomten-almanacka .tmj-temporal>input{
 display:block;box-sizing:border-box;appearance:none;-webkit-appearance:none;
 width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;
 min-height:28px;height:28px;margin:0;padding:0;border:0;border-radius:0;
 background:transparent;color:inherit;font:inherit;font-size:16px;line-height:1.5;box-shadow:none;
}
#min-jul .tmj-temporal>input::-webkit-date-and-time-value,
#tomten-almanacka .tmj-temporal>input::-webkit-date-and-time-value{
 min-width:0;min-inline-size:0;min-height:1.5em;text-align:left;
}
#min-jul .tmj-temporal>input::-webkit-datetime-edit,
#tomten-almanacka .tmj-temporal>input::-webkit-datetime-edit{min-width:0;padding:0}
#min-jul .tmj-temporal:focus-within,#tomten-almanacka .tmj-temporal:focus-within{
 outline:3px solid #c78725;outline-offset:3px;
}
#min-jul .tmj-temporal>input:focus-visible,#tomten-almanacka .tmj-temporal>input:focus-visible{outline:none}
.tomten-min-jul-page .wp-block-post-content,.tomten-almanacka-page .wp-block-post-content{
 min-width:0;min-inline-size:0;max-inline-size:100%;box-sizing:border-box;
}
.tomten-min-jul-page .foot-grid>div{min-width:0}
.tomten-min-jul-page .site-footer .separat-webbplats-markning{white-space:normal;max-width:100%;margin-left:0}
@media screen{
 html:has(body.tomten-min-jul-page),html:has(body.tomten-almanacka-page),
 body.tomten-min-jul-page,body.tomten-almanacka-page{overscroll-behavior-x:none}
}
@media(max-width:360px){
 .tomten-min-jul-page .header-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "controls" "nav";gap:7px}
 .tomten-min-jul-page .header-inner .controls{justify-self:start}
}
@media(min-width:760px) and (max-width:1050px){.tomten-min-jul-page .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}