:root{--gap:1.5rem;--font-size-base:16px;--font-size-small:14px;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-maincontent-text:#444;--color-tool-bg:#006666;--color-tool-text:#ffffff;--color-link:#007a7a;--color-shadow:rgba(0,0,0,0.05);--color-arrow-bg:#f04f24;--color-arrow-fill:#fff;--color-border:#ccc;}.tools-section{padding:60px 20px;}.tools-container{max-width:1200px;margin:0 auto;}.intro-text{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:20px;}#pregnancy-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-top:30px;align-items:flex-start;}@media (max-width:768px){#pregnancy-layout{grid-template-columns:1fr;}}#pregnancy-calculator{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px var(--color-shadow);margin-bottom:40px;}.input-toggle{display:flex;gap:10px;margin-bottom:1rem;}.toggle-btn{flex:1;padding:10px 16px;border-radius:8px;border:1px solid var(--color-border);background:#f9f9f9;cursor:pointer;font-weight:bold;transition:background 0.2s ease;}.toggle-btn.active{background:var(--color-tool-bg);color:var(--color-tool-text);border-color:var(--color-tool-bg);}.gravid-info{margin-top:1rem;font-size:var(--font-size-base);background:#f8f8f8;padding:16px;border-radius:10px;color:var(--color-maincontent-text);}.veckonavigering-scroll{display:flex;overflow-x:auto;padding:10px 0;gap:10px;margin-bottom:1.5rem;}.veckonavigering-scroll a{background:#eee;color:#333;padding:6px 12px;border-radius:6px;font-weight:600;text-decoration:none;white-space:nowrap;font-size:var(--font-size-small);transition:background 0.2s ease;}.veckonavigering-scroll a:hover,.veckonavigering-scroll a.active{background:var(--color-link);color:#fff;}.graviditetskalender-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}.category-card{display:block;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:transform 0.2s ease;}.category-card:hover{transform:translateY(-2px);}.category-content{color:white;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}.category-info h3{margin:0 0 8px;font-size:1.2rem;font-weight:bold;}.category-info p{margin:0;font-size:var(--font-size-small);line-height:1.5;opacity:0.95;}.category-icon{width:40px;height:40px;flex-shrink:0;transition:transform 0.3s ease;}.category-card:hover .category-icon{transform:translateX(6px);}.category-icon svg{width:100%;height:100%;}.arrow-forward-orange .bg{fill:#ff6542;}.arrow-forward-orange .arrow{fill:#ffffff;}.trimester-1{background-color:#004080;}.trimester-2{background-color:#006644;}.trimester-3{background-color:#5e2b97;}.custom-calendar-btn{padding:12px 18px;background-color:var(--color-tool-bg);color:var(--color-tool-text);border:none;border-radius:8px;font-weight:bold;cursor:pointer;font-size:var(--font-size-base);transition:background-color 0.2s ease;}.custom-calendar-btn:hover{background-color:#034c4f;}.calendar-popover{background:white;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);padding:16px;width:100%;max-width:340px;z-index:10;}.calendar-title{display:flex;justify-content:space-between;align-items:center;font-weight:bold;font-size:16px;margin-bottom:10px;}.calendar-arrows{display:flex;gap:8px;}.arrow-circle{background:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.1);}.day-btn{width:36px;height:36px;border-radius:6px;background:#f0f0f0;border:none;font-size:13px;cursor:pointer;margin:2px;}.day-btn.start-day{background-color:#ffe0e0 !important;border:2px solid #e06666;}.selected-dates-list{list-style:none;padding:0;margin:1rem 0 0;}.selected-dates-list li{background:#f9f9f9;border-radius:8px;padding:10px 14px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);}.selected-dates-list li button{background:none;border:none;font-size:16px;color:#b94b4b;cursor:pointer;}@media (max-width:768px){.category-content{flex-direction:column;align-items:flex-start;}.category-icon{align-self:flex-end;}.graviditetskalender-grid{grid-template-columns:1fr;}.tools-section{padding:40px 16px;}}