/* box.css */
@layer components{.box{background:white;padding:0.8rem 1rem 1rem 1rem;border-radius:0.5rem;border:1px solid #ccc;margin:1rem auto;display:flex;flex-direction:column;gap:2rem;max-width:50rem;overflow:auto;-webkit-overflow-scrolling:touch;&.meta{display:block;padding-bottom:0;}&.indications{background:var(--lightyellow);}&.contraindications{background:var(--yellow);border-color:var(--yellow);}&.procedure,&.dosage{background:var(--medblue);border-color:var(--medblue);}&.overdosing{background:var(--medblue);border-color:var(--medblue);}&.remark{border:3px solid var(--red);}&.notice{background:var(--medblue);border-color:var(--medblue);}&.alternatives{background:var(--lightpurple);border-color:var(--lightpurple);}&.remarks,&.risks{background:var(--lightgray);}&.review{background:var(--green);border-color:var(--green);}&.countermeasures{background:var(--lightpeach);border-color:var(--lightpeach);}&.abortcriteria{background:var(--lightgray);}.headline{font-size:var(--fontsize-h2);font-weight:600;line-height:1.1;margin-bottom:0.5rem;}}}
/* header.css */
@layer components{.header{padding:0.5rem;background:var(--blue);color:white;width:100%;display:grid;grid-template-columns:2rem auto 2rem;gap:0.5rem;align-items:center;justify-items:center;.tpl-home &{padding:0.8rem 0;display:block;}h1{font-size:1.5rem;font-weight:500;line-height:1.1;text-align:center;}.back{justify-self:start;display:block;width:2.3rem;height:2.3rem;padding:0.2rem;color:white;svg{width:100%;height:100%;fill:white;}}}}
/* main.css */
@layer components{.main{position:relative;z-index:1;min-height:100vh;background-color:white;padding-bottom:7rem;padding-top:1px;}}
/* medlist.css */
@layer components{.medlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:0.5rem;padding:1rem 0;.link{display:block;text-align:center;padding:0.8rem 0.2rem;background:#ddd;color:black;font-weight:500;line-height:1.1;border-radius:0.2rem;}}}
/* medmeta.css */
@layer components{.medmeta{dt{font-weight:600;&:after{content:":";margin-right:0.5rem;}}dd{font-weight:400;margin-left:2rem;margin-bottom:1rem;}}}
/* procedureslist.css */
@layer components{.procedureslist{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:0.5rem;padding:2rem 0;.link{display:block;padding:0.8rem 1rem;background:#ddd;color:black;font-weight:500;line-height:1.1;border-radius:0.2rem;}}}
/* sticker.css */
@layer components{.sticker{width:10rem;float:right;margin:-0.8rem -1rem 0.5rem 1rem;background:white;padding:0.5rem;border-bottom-left-radius:0.5rem;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}}
/* tabnavi.css */
@layer components{.tabnavi{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:auto;color:white;fill:white;box-shadow:0 0 0.7rem rgba(0,0,0,0.2);.menu{display:flex;justify-content:space-around;align-items:stretch;list-style:none;padding:0;margin:0;}.item{flex:1;text-align:center;padding:0.3rem;background:var(--blue);}.link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0.4rem;padding:0.2rem 0.2rem;&[aria-current="page"]{background:var(--red);border-radius:0.5rem;}}svg{width:2rem;height:2rem;}.text{font-size:0.8rem;font-weight:500;line-height:1.1;}}}